/* ----- LAYOUT OUTLINE - FOR PROCESS ----- */
/* *{outline: 1px #de2818 solid;} */

*{box-sizing: border-box}

/* ----- IMPORT FONTS ----- */
    /* ----- WREATH ADOBE WEB FONT ---- */
    @import url("https://use.typekit.net/liz6clu.css");

    /* ---- COOKIE LOCAL ---- */
    @font-face { src: url("../font/Cookie-Regular.ttf");
        font-family: Cookie;}

    /* ---- LATO LOCAL ---- */
    @font-face{src:url("../font/Lato-Regular.ttf");
        font-family: Lato;}
    @font-face{src:url("../font/Lato-Light.ttf");
            font-family: LatoLight;}
    @font-face{src:url("../font/Lato-Bold.ttf");
            font-family: LatoBold;}


/* ----- BODY ----- */
    body{
        background-color: #949455;
        font-family: Lato;
        margin: 0;
        color: #fff;
    }

a{
    color: #fff;
    text-decoration: none; 
}

header{
    background-color: #354832;
    padding: 50px;
    margin: auto; 

}

.logo{
    background-image: url("/img/Petershof\ LOGO\ hellgruen\ FINAL.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
}

h2{
    background-color: #949455;
    text-align: center;
    font-family: "wreath", "cookie";
    font-weight: 600;
    font-size: clamp(30px, 2vw, 48px);
    margin: 20px;

}

section{
    background-color: #354832;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;

}

.content{
    height: 100%;
    max-width: 800px;
    margin: auto;
    line-height: 25px;
}


/* ----- FOOTER START ----- */
.footerScrollSection {
    background-color: #949455;
    scroll-snap-align: start;
    margin: 0;
    padding: 15px;
    padding-top: 0px;
    max-width: 800px;
    margin: auto; 
    position: relative;
}

.footerContent {
    display: flex; 
    justify-content: space-between; 
    width: 100%;
}

.footerLeft,
.footerRight {
    flex: 1; 
}

.footerLeft {
    text-align: left;
}

.footerRight {
    text-align: right;
}

.logoLink {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    flex: 1; 
}

.logoImage {
    max-width: 100px; 
}

.footerScrollSection p {
    font-family: Lato;
    font-size: clamp(10px, 1.5vw, 16px);
    line-height: 15px;
}

a {
    text-decoration: none;
    color: #fff;
}

/* ----- FOOTER END ----- */