@font-face {
        font-family: 'Lato';
        src: url('../fonts/Lato/Lato-Regular.ttf');
        font-weight: bold;
    }
    
    @font-face {
        font-family: 'Lato';
        src: url('../fonts/Lato/Lato-Regular.ttf');
        font-weight: normal;
    }
    
    @font-face {
        font-family: 'MountainChristams';
        src: url('../fonts/Mountain_Christmas/MountainsofChristmas-Bold.ttf');
        font-weight: bold;
    }
    
    @font-face {
        font-family: 'MountainChristams';
        src: url('../fonts/Mountain_Christmas/MountainsofChristmas-Regular.ttf');
        font-weight: normal;
    }
    
    @font-face {
        font-family: 'Caveat';
        src: url('../fonts/Caveat/Caveat-VariableFont_wght.ttf');
        font-weight: normal;
    }
    
     :root {
        --black: #000000;
        --white: #ffffff;
        --green: #125000;
        --light-grey: #d9d9d9;
    }
    
    body {
        font-family: 'Caveat', sans-serif;
        background-image: url(../images/backgrounds/back-body.png);
        background-color: var(--light-grey);
        background-attachment: fixed;
    }
    
    @media (max-width: 491px) {
        body {
            background-image: url(../images/backgrounds/back-body-2.png);
        }
    }
    
    h1 {
        font-size: 4rem;
    }
    
    header {
        background-image: url(../images/backgrounds/back-header.png);
        background-repeat: repeat-x;
    }
    
    header img {
        width: 200px;
    }
    
    .readable-text {
        font-family: 'Lato', sans-serif;
    }
    
    .map {
        height: 400px;
        width: 100%;
    }
    
    .container-fluid .container {
        width: 90%;
    }
    
    .anmerkung {
        font-size: 2rem;
    }
    
    footer {
        background-color: var(--green);
    }
    
    footer img {
        width: 140px;
    }
    
    footer a:link,
    footer a:hover,
    footer a:active,
    footer a:visited {
        text-decoration: none;
        color: #fff;
        font-size: 2rem;
    }