/*impressum and agb*/
/*variables*/
:root {
    --primary: rgb(0, 219, 177);
}

/* Header */



    header {
        text-align: center;
        -webkit-background-composite: cover; 
        -moz-background-composite: cover;
        -o-background-composite: cover;
        background-position: center;  
        width: 100%;


    }

    nav {
        background-color:rgba(0,0,0, 0.23);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: 6vh;
        width: 120%;
        transform: translate(-10px, -7px);

    }

    nav #logoNavbar {
        margin-top: 5vh;
        margin-left: 20%;
        cursor: pointer;
    }   

    nav #logoNavbar:hover { /*TODO: Schrift der Navbar geht bei hover über Logo runter*/
        transform: translateY(-0.2vh);
    }

    header a #logoNavbar {
        margin-top: 10%;
        height: 6vh;
    }


/*body*/
        body {
            background: rgb(70,187,156);
            background: linear-gradient(to right bottom, rgba(70,187,156,0.9559174011401436) 0%, rgba(60,219,177,1) 35%, rgba(199,240,249,1) 100%); 
            overflow-x: hidden;
            display: flex;
            flex-direction: column;
            min-height: 100%;
        }


        .impressum {
            margin-top: 5vh;
            margin-left: 15%;
            margin-right: 15%;
            text-align: justify;
        }

        .impressum p {
            font-size: 1.3rem;
        }

        .agb {
                margin-top: 2%;
                margin-left: 15%;
                margin-right: 15%;
                text-align: justify;
        }

        .agb p {
            font-size: 1rem;
        }

        .datenschutz {
            margin-top: 2%;
            margin-left: 15%;
            margin-right: 15%;
            text-align: justify;
     }

        .datenschutz p {
            font-size: 1rem;
        }



        
    /*Footer

    .footer {
        display: grid;
        height: 8%;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin-left: 15%;
        margin-right: 15%;
        margin-top: auto;
    }
    @media (max-width: 1000px) {
        .footer {
            height: 8%;
            margin-bottom: 1.5vh;
            transform: translate(0, 40px);
        }

        .impressum {
            margin-top: 2vh;
        }
    }

    .footer a {
        align-self: center;
        text-align: center;
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        color:white;
        font-size: 1rem;
        font-weight: 500;
            
    } */