/* Farben */

:root {
    /* Primärfarben */
    --prime1: #00321d; /* Tanne */
    --prime2: #811244; /* Kirsche */
    --prime3: #fff5e8; /* Creme */
    --prime4: #f38841; /* Kupfer */

    /* Sekundärfarben */
    --secondary1: #f38841; /* Blaubeer */
    --secondary2: #f38841; /* Erdbeer */
    --secondary3: #C51B68; /* Himbeer */
    --secondary4: #440E58; /* Brombeer */
}

a {
    color: var(--prime4);
}

a:hover {
    color: var(--prime3);
}

a:visited {
    color: var(--prime3);
}
 

 @media only screen and (max-width: 600px) {

    body {
        background-image: url("../logos/logo_full_copper.035f05cc789b.png"),url("../images/background_green.e93a75365496.webp");
        background-color: var(--prime1);
        background-size: 110px, cover;
        background-position: 50% 1%, center;
        background-repeat: no-repeat;
        height: 100vh;
    }

    .address {
        text-align: center;
        color: var(--prime4);
        text-shadow: #00321d 1px 0px 3px;
        font-size: 9px;
        font-family: Arial, Helvetica, sans-serif;
        translate: 0% 1200%;
     }

    .open {
        text-align: center;
        color: var(--prime4);
        text-shadow: #00321d 1px 0px 8px;
        font-size: 26px;
        font-family: Arial, Helvetica, sans-serif;
        translate: 0% 380%;  
     }

 }

 
 @media only screen and (min-width: 600px) {

    body {
        background-image: url("../logos/logo_full_copper.035f05cc789b.png"),url("../images/background_green.e93a75365496.webp");
        background-color: var(--prime1);
        background-size: 120px, cover;
        background-position: 50% 1%, center;
        background-repeat: no-repeat;
        height: 100vh;
    }
    .address {
        text-align: center;
        color: var(--prime4);
        text-shadow: #00321d 1px 0px 3px;
        font-size: 9px;
        font-family: Arial, Helvetica, sans-serif;
        translate: 0% 1200%;
     }

    .open {
        text-align: center;
        color: var(--prime4);
        text-shadow: #00321d 1px 0px 8px;
        font-size: 26px;
        font-family: Arial, Helvetica, sans-serif;
        translate: 0% 380%;  
     }

 }
 
 
 @media only screen and (min-width: 768px) {

    body {
        background-image: url("../logos/logo_full_copper.035f05cc789b.png"),url("../images/background_green.e93a75365496.webp");
        background-color: var(--prime1);
        background-size: 120px, cover;
        background-position: 50% 1%, center;
        background-repeat: no-repeat;
        height: 100vh;
    }

    .address {
        text-align: center;
        color: var(--prime4);
        text-shadow: #00321d 1px 0px 3px;
        font-size: 9px;
        font-family: Arial, Helvetica, sans-serif;
        translate: 0% 1200%;
     }

    .open {
        text-align: center;
        color: var(--prime4);
        text-shadow: #00321d 1px 0px 8px;
        font-size: 26px;
        font-family: Arial, Helvetica, sans-serif;
        translate: 0% 380%;  
     }

 }
 
 
 @media only screen and (min-width: 992px) {

    body {
        background-image: url("../logos/logo_full_copper.035f05cc789b.png"),url("../images/background_green.e93a75365496.webp");
        background-color: var(--prime1);
        background-size: 200px, cover;
        background-position: 95% 9%, center;
        background-repeat: no-repeat;
        height: 100vh;
    }

    .address {
        text-align: center;
        color: var(--prime4);
        text-shadow: #00321d 1px 0px 3px;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        translate: -5% 800%;
     }

    .open {
        text-align: center;
        color: var(--prime4);
        text-shadow: #00321d 1px 0px 8px;
        font-size: 26px;
        font-family: Arial, Helvetica, sans-serif;
        translate: 0% 380%;  
     }

 }
 
 @media only screen and (min-width: 1200px) {

    body {
        background-image: url("../logos/logo_full_copper.035f05cc789b.png"),url("../images/background_green.e93a75365496.webp");
        background-color: var(--prime1);
        background-size: 270px, cover;
        background-position: 95% 9%, center;
        background-repeat: no-repeat;
        height: 100vh;
    }

    .address {
        text-align: center;
        color: var(--prime4);
        text-shadow: #00321d 1px 0px 3px;
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
        translate: -7% 650%;
     }

    .open {
        text-align: center;
        color: var(--prime4);
        text-shadow: #00321d 1px 0px 8px;
        font-size: 26px;
        font-family: Arial, Helvetica, sans-serif;
        translate: 0% 380%;  
     }


 } 

 @media only screen and (min-width: 1600px) {

    body {
        background-image: url("../logos/logo_full_copper.035f05cc789b.png"),url("../images/background_green.e93a75365496.webp");
        background-color: var(--prime1);
        background-size: 400px, cover;
        background-position: 95% 9%, center;
        background-repeat: no-repeat;
        height: 100vh;
    }

    .address {
        text-align: center;
        color: var(--prime4);
        text-shadow: #00321d 1px 0px 3px;
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
        translate: -7% 0%;
     }

    .open {
        text-align: center;
        color: var(--prime4);
        text-shadow: #00321d 1px 0px 8px;
        font-size: 26px;
        font-family: Arial, Helvetica, sans-serif;
        translate: -3% 380%;  
     }


 } 

 @media only screen and (min-width: 1900px) {

    body {
        background-image: url("../logos/logo_full_copper.035f05cc789b.png"),url("../images/background_green.e93a75365496.webp");
        background-color: var(--prime1);
        background-size: 400px, cover;
        background-position: 95% 9%, center;
        background-repeat: no-repeat;
        height: 100vh;
    }

    .address {
        text-align: center;
        color: var(--prime4);
        text-shadow: #00321d 1px 0px 3px;
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
        translate: 0% 140%;
     }

    .open {
        text-align: center;
        color: var(--prime4);
        text-shadow: #00321d 1px 0px 8px;
        font-size: 26px;
        font-family: Arial, Helvetica, sans-serif;
        translate: -3% 300%;  
     }


 }