@font-face {
    font-family: 'Amatic SC';
    src: url(/fonts/AmaticSC-Regular.woff2);
    font-style: normal;
    font-weight: 400;
    display: swap;
}
@font-face {
    font-family: 'Amatic SC';
    src: url(/fonts/AmaticSC-Bold.woff2);
    font-style: bold;
    font-weight: 700;
    display: swap;
}


.footer{/*datenschutz, impressum*/
    margin: 20px;
    background-color: rgb(206,238,157);
    padding: 25px;
    border-radius: 25px;
    text-align: center;
    color: black;
}
.footer a{/*footer-links*/
    color: black;
    text-decoration: none;
}
.footer a:hover{
 color: blue;
}
body{
    background-color: rgb(81 108 19);
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: 'Amatic SC';
}
.navbar{/*navbar styling*/
    padding: 25px;
    border-radius: 50px;
    display: flex;
    margin: 20px;
}
@media (width >= 1400px) {/*wide navbar bg img*/
    .navbar{
        background: url(/assets/Hintergrund_navbar_wide.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
    }
}
@media (width < 1400px) {/*small navbar bg img*/
    .navbar{
        background: url(/assets/Hintergrund_navbar_small.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
    }
}
.logo-bg{/*white bg for logo in navbar, center logo*/
    background-color: rgba(206,238,157, 0.8);
    margin: auto;
    border-radius: 50px;
    padding: 25px;
}
.button{
    border-radius: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    background-color: rgb(206,238,157);
    border-color: rgb(81 108 19);
    border-width: 2px;
    border-style: solid;

}