body{
padding: 0%;
margin: 1%;

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;


}

header 
{
display: flex;

justify-content: center;
align-items: center;

margin-top: 1px;
margin-bottom: 1px;
background-color: white;

}


.logo{

display: flex;

justify-content: flex-start
;
align-items: center;

margin-top: 0%px;
margin-bottom: 0px;
margin-left: 0%;
background-color: white;

width: 100%;
height: 100%;

}


#teaser {

display: flex;

justify-content: flex-start;
align-items: center;

width: 100%;
height: 300px;

}

#teaser1 {

display: flex;

justify-content: flex-start;
align-items: center;

width: 0%;
height: 0%;

}


#teaser img {


    width: 100%;
    height: 100%;
    object-fit: cover;


}


#teaser1 img {


    width: 80%;
    height: 80%;
    object-fit: cover;


}


@media screen and (min-width: 400px){
 #teaser {
height: 200px;

 }   
} 

footer ul,nav ul {

list-style: none;
margin: 0px;
padding: 0px;
 padding-top: 24px;
    padding-bottom: 24px;


}

  footer  ul li a, nav ul li a {

    padding: 16px;
    font-weight: 600;
    padding-top: 24px;
    padding-bottom: 24px;

    


}

nav {

position: sticky;
top: 0px ;
backdrop-filter: blur(8px);

}
    

    


.mitte {

display: flex;


align-items: center;

justify-content: flex-end;
padding-left: 0%;

  padding-top: 0%}






section {

max-width: 800px;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 15px;


}

.med {

color: white;



}



.top {

display: flex;


align-items: center;

justify-content: flex-start;

margin-top: 0%;

margin-bottom: 2%;

font-family:arial, "lucida console", sans-serif;
font-size: 30px;


    
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;

background-color: #F5F5F5;
    }

    .zen {

        display: flex;

justify-content: center;
align-items: center;
margin-top: 0%;
margin-bottom: 5%;
width: 100%;
    height: 100%;   
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
background-color: white;
font-family:arial, "lucida console", sans-serif;
font-size: 24px;
font-weight: bold;

    }


     .zen1 {

        display: flex;

justify-content:center;
align-items: center;
margin-top: 25px;
margin-bottom: 25px;
color:black;
width: 100%;
    height: 100%;   
margin-left: 0%;
margin-right: 0%;
padding-left: 0%;
padding-right: 10%;
background-color: white;
font-family:arial, "lucida console", sans-serif;
font-size: 110%;

    }

 .t2 {

        display: flex;

justify-content:center;
align-items: center;
margin-top: 25px;
margin-bottom: 25px;
color:black;
width: 100%;
    height: 100%;   
margin-left: 0%;
margin-right: 1%;
padding-left: 1%;
padding-right: 0%;
background-color: #F5F5F5;
font-family:arial, "lucida console", sans-serif;
font-size: 110%;

    }


    .t22 {

        display: flex;

justify-content: center;
align-items: center;
margin-top: 0%;
margin-bottom: 5%;
width: 100%;
    height: 100%;   
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
background-color: #F5F5F5;
font-family:arial, "lucida console", sans-serif;
font-size: 24px;


    }

     .t25 {

        display: flex;

justify-content:center;
align-items: center;
margin-top: 25px;
margin-bottom: 25px;
color:black;
width: 100%;
    height: 100%;   
margin-left: 0%;
margin-right: 1%;
padding-left: 1%;
padding-right: 0%;
background-color: white;
font-family:arial, "lucida console", sans-serif;
font-size: 110%;

    }


    .impress {

         display: flex;
justify-content:center;
align-items: center;
width: 100%;
height: 100%; 

background-color: #F5F5F5;
font-family:arial, "lucida console", sans-serif;
font-size: 24px;

    }

.daten {

        display: flex;

justify-content:center;
align-items: center;
margin-top: 25px;
margin-bottom: 200px;
color:black;
width: 100%;
    height: 100%;   
margin-left: 0%;
margin-right: 1%;
padding-left: 1%;
padding-right: 0%;
background-color: #F5F5F5;
font-family:arial, "lucida console", sans-serif;
font-size: 110%;

    }




    .spruch {

        display: flex;

justify-content:center;
align-items: center;
margin-top: 25px;
margin-bottom: 35px;
color:black;
width: 100%;
    height: 100%;   
margin-left: 1%;
margin-right: 1%;
padding-left: 0%;
padding-right: 0%;
background-color: #F5F5F5;
font-family:arial, "lucida console", sans-serif;
font-size: 110%;

    }


     .spruch1 {

        display: flex;

justify-content:center;
align-items: center;
margin-top: 25px;
margin-bottom: 100px;
color:black;
width: 100%;
    height: 100%;   
margin-left: 1%;
margin-right: 1%;
padding-left: 0%;
padding-right: 0%;
background-color: #F5F5F5;
font-family:arial, "lucida console", sans-serif;
font-size: 110%;

    }

     .spruch2 {

        display: flex;

justify-content:center;
align-items: center;
margin-top: 100px;
margin-bottom: 100px;
color:black;
width: 100%;
    height: 100%;   
margin-left: 1%;
margin-right: 1%;
padding-left: 0%;
padding-right: 0%;
background-color: #F5F5F5;
font-family:arial, "lucida console", sans-serif;
font-size: 110%;

    }




    



     .zen2 {

        display: flex;

justify-content: center;
align-items: center;
margin-top: 25px;
margin-bottom: 25px;
width: 100%;
    height: 100%;   
margin-left: auto;
margin-right: auto;
padding-left: 1%;
padding-right: 0px;
background-color: #D3D3D3;
font-family:arial, "lucida console", sans-serif;
font-size: 110%;

    }

    .zen20 {

        display: flex;

justify-content: center;
align-items: center;
margin-top: 25px;
margin-bottom: 25px;
width: 100%;
    height: 100%;   
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
background-color: #F5F5F5;
font-family:arial, "lucida console", sans-serif;
font-size: 110%;

    }


    .termin {

        display: flex;

justify-content: center;
align-items: center;
margin-top: 100px;
margin-bottom: 100px;
width: 100%;
    height: 100%;   
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
background-color: #F5F5F5;
font-family:arial, "lucida console", sans-serif;
font-size: 110%;

    }

     .zen3 {

        display: flex;

justify-content: center;
align-items: center;
margin-top: 25px;
margin-bottom: 25px;
width: 100%;
    height: 100%;   
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
background-color: white;
font-family:arial, "lucida console", sans-serif;
font-size: 110%;

    }

    .zen4 {

        display: flex;

justify-content: center;
align-items: center;
margin-top: 25px;
margin-bottom: 25px;
width: 100%;
    height: 100%;   
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
background-color: rgb(185, 226, 5);
font-family:arial, "lucida console", sans-serif;
font-size: 110%;

    }


    .zen5 {

        display: flex;

justify-content: center;
align-items: center;
margin-top: 25px;
margin-bottom: 25px;
width: 100%;
    height: 100%;   
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
background-color: #F5F5F5;
font-family:arial, "lucida console", sans-serif;
font-size: 110%;

    }

    .zen6 {

        display: flex;

justify-content: center;
align-items: center;
margin-top: 25px;
margin-bottom: 25px;
width: 100%;
    height: 100%;   
margin-left: auto;
margin-right: auto;
padding-left: 5px;
padding-right: 0px;
background-color: white;
font-family:arial, "lucida console", sans-serif;
font-size: 24px;
font-style: normal; font-weight: 500;
color:grey;

    }

    .zen7 {

        display: flex;
justify-content: flex-start;

align-items: center;
margin-top: 50px;
margin-bottom: 25px;
width: 100%;
    height: 100%;   
margin-left: auto;
margin-right: auto;
padding-left: 5px;
padding-right: 0px;
background-color: white;
font-family:arial, "lucida console", sans-serif;
font-size: 16px;
font-style: normal; font-weight: 0px;
color: grey;

    }



     .zen10 {

        display: flex;

justify-content: flex-end;
align-items: center;
margin-top: 25px;
margin-bottom: 25px;
width: 100%;
    height: 100%;   
margin-left: auto;
margin-right: auto;
padding-left: 5px;
padding-right: 0px;
background-color: white;
font-family:arial, "lucida console", sans-serif;
font-size: 24px;
font-style: normal; font-weight: 500;

    }