body{
padding: 0;
margin: 0;

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


}

header 
{


margin-top: 1px;
margin-bottom: 1px;


}


.left{

margin-top: 1px;
margin-bottom: 1px;
margin-left: 30px;


}


#teaser{

width: 100%;
height: 300px;




}

#teaser img {


    width: 100%;
    height: 100%;
    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;

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


}

section {

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


}

.med {

color: white;



}