h1,h2,h3,p,section
{
    color: rgb(11, 6, 88);
}

body {
     padding:0px;
     margin: 0px;
     font-family: Arial, Helvetica, sans-serif;
     
     
     
}

header{
   
     margin-top: 0;
     margin-bottom: 0;

}

.mitte{

    display: flex;
    justify-content: center;
    align-items: center;
}

#teaser{
    width: 100%;
    height: 1000px;
}

#teaser img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

@media screen and (min-widht:800px){
    #teaser{ 
        height: 600px;
    }
}


footer ul, nav ul{ 

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

}

footer ul,nav ul li a {

padding: 16;
font-weight: 600;
}

section{
max-width: 1200px;
margin-left:auto;
margin-right:auto ;
padding-left: 16px;
padding-right: 16px;

 }

 nav{

    position: sticky;
    top: 0;
    background-color: rgb(29, 28, 28);
   
    

    
 }

nav li a 
 {
    color: white;
 }

 .secondPic img {

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

    .secondPic
    {
        
        width: 100%;
        height: 200px;
    }

    @media screen and (min-widht:800px){
        #secondPic{ 
            height: 600px;
        }
    }
    
a:link, a:visited {
 text-decoration: none;
}

#teser2 img {

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

    #teser2
    {
        
        width: 100%;
        height: 100px;
    }

    @media screen and (min-widht:800px){
        #teser2{ 
            height: 300px;
        }
    }

    section ul a 
    {
        font-weight: 600
    }

    .grid-Container 
    {
       display: grid;
       grid-template-columns: 200px 200px 200px;
       grid-auto-rows: auto;
    }


   iframe{

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

#Ueberschrift{
    font-weight: 600;
    font-size: xxx-large;
}




section h4{
    font-weight: 600;
    font-size: x-large;
}



div {

    text-align: center;
    
   
}

#hoehe{

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

    
}