body{
  
            background: #800000;
            font-family: Verdana, Times New Roman; 
            font-size: 1.0em; 
       
            overflow: scroll;
        
        }
        h1{
            
            font-size: 1.5em;
            padding-left: 2%;
            padding-bottom: 2%;
            color: #800000;
        }
      
        h2{         
            color: #ffffff;
			background-color: #800000;
			font-size: 1.2em;
            padding-left: 2%;
        }

       h3{
            
            font-size: .8em;
            padding-left: 2%;
            color: #ffffff;
        }

        p{
            font-family:Verdana, Tahoma, Arial, sans-serif; 
            line-height: 1.8;
          
            padding-left: 2%;
            
        }
        img{
            text-align:center;
            max-width: 100%;
  
        }
        

       .bild-home {
          margin: 0% 0% 0% 0%;
        }

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


       #wrapper{
       background: #000000;
            margin-left: auto;
            margin-right: auto;
            max-width: 1840px;
            width:100%;
           
             
        }
        
       header{
            max-width: 1918px;
            width: 100%;
            margin: -0.45% 0% 0% 0%;
            position: fixed;                
        
        }

 nav ul{
            list-style: none;
            padding-top:  0px;
            padding-left: 12%;
            
        }
        nav ul li{
            float:left;
            width: 5%;
        }
        nav ul li a{
           
            display: block;
            padding: 0% 0% 2% 0% ;
           
            font-size: 0.8em;
            color: #BDBDBD;
            text-decoration: none;
            text-align: center;
        }
        nav ul li a:hover, nav ul li a.active{
            background: #BDBDBD;
            color: #424242;
        }
       
      

                     

        .bereich-links{
background: #ffffff;
            width: 25%;
            float: left;
            margin-left: 0%;

         }
  

       .bereich-mitte{
background: #ffffff;
            width: 50%;
            float: left;
        }
      .bereich-rechts{
background: #ffffff;
            width: 25%;
            float: left;
        }



  div#bereichimp {
    line-height: 1.5;
    padding: 20px;
    margin-left: 10%;
  color: #BDBDBD;
}


 
  
        footer {
           
            width: 100%;
            overflow: hidden;
        }
        footer p {
            text-align: center;
            color: #BDBDBD;
            font-size: 1.2em; 
        }
  
      
       
        @media screen and (max-width: 478px){
            body{
                font-size: 0.6em;
            }
        }
        @media screen and (max-width: 1020px){
    
            .bereich-links{
              display: none;
            }
            .bereich-rechts{
                width: 100%;
            }
            .bereich-mitte{
                width: 100%;
      
            }
         h1{
            text-align: center;
            font-size: 1.3em;
            padding-left: 2%;
            padding-bottom: 0%;
            padding-top: 2%;
            color: #800000;
      }

      nav ul{
            list-style: none;
            padding-top:  0px;
            padding-left: 0%;
            
        }
        nav ul li{
            float:left;
            width: 11%;
        }






 
        }

    
        }