body{
            
            background-image: url("back-3.jpg");
           
            font-family:Verdana, Tahoma, Arial, sans-serif; 
            font-size: 1.0em; 
            overflow:auto;
            overflow-y: scroll;
        }
        h1,h3{
            text-align:center;
            padding-left: 5%;
            color: #000000;
        }
       

   h2{
            text-align:center;
            font-size: 1.3em; 
            color: #000000;
        }
   h4{
            text-align:center;
            color: #000000;
        }
         p{
            text-align:center;
            padding:2%;
            color: #000000;
        }

        table {

          float: left;
          margin: 2% 0% 0% 35%;
              }  

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

      

        img{
            text-align:center;
            max-width: 100%;
            height:auto;
            
        }
               
        #wrapper{
            background-image: url("vorne.jpg");
            margin: 0  auto;
            max-width: 1000px; 
                            
            
        }
        
       header{
            width: 100%;
            min-height: 0px;
            text-align: center;
 
        }

   


        #banner{
            width: 100%;
           
        }       

        .bereich-links{
            width: 48%;
            float: left;
            margin: 4% 0% 0% 2%;
        }
  

        .bereich-rechts{
            width: 51%;
            float: right;
           
            margin: 0% 1% 1% 1%;
            text-align: center;
        }
        .bild-rechts{
            float:left;
            margin: 5% 0% 1% 0%;
            max-width: 100%;
            height: auto;
            padding: 1%;
        }


        .loeschen{
            clear: both;
        }
     

        .bereich-mitte{
            width: 100%;
            float: left;
            text-align: left;
        }  
       .bereich-mitte-l{
            margin: 0% 11% 1% 10%;
            width: 85%;
            float: left;
            text-align: left;
        }
        .bereich-mitte-center{
            margin: 0% 0% 0% 0%;
            width: 100%;
            float: left;
            font-size: 0.8em; 
            text-align: center;   
            
        }  
        .termine-mitte{
            float:left;
            margin: 3% 1% 1% 23%;
            max-width: 100%;
            height: auto;
           
        }

      .video-mitte{
            float:left;
            margin: 3% 1% 1% 1%;
            max-width: 100%;
            height: auto;
            text-align: center; 
           
        }

     .abstand{
            float:left;
            max-width: 100%;
            height: auto;
                  
        }
  .rand-oben{
            float:left;
            max-width: 100%;
            height: auto;
                  
        }

        footer {
           
            width: 100%;
            overflow: hidden;
            padding-top: 1%;      
            text-align: center;
            font-size: .8em;
         
        }
  
      
       
        @media screen and (max-width: 478px){
            body{
                font-size: 0.6em;
            }
        }
        @media screen and (max-width: 740px){
       .bereich-links{
            width: 4%;
            float: left;
            margin: 4% 0% 0% 2%;
        }        


          table {

          float: left;
          margin: 2% 0% 0% 10%;
             }  
            
            .bereich-links{
                width: 100%;
                margin: 1% 0% 0% 0%;
            }
            .bereich-rechts{
                margin: 0% 0% 0% 10%;
                width: 100%;
            }

       .bild-rechts{
            float:left;
            margin: 0% 0% 1% 0%;
            max-width: 100%;
            height: auto;
            padding: 1%;
        }


            .bereich{
                float: left;
                margin:0;
                width: 100%;
            }

 

 /*  
    .video-mitte{
            display: none;
        }
*/

    .abstand{
     display: none;
        }

  .rand-oben{
     display: none;
        }


 


}