body{
            margin: 0;
            padding:0;
        }
     
        .header{
            float:left;
            padding:0;
            border:none;
            width:100%;   
        }
        .logo{
            float:left;
            padding-left: 1%;
            width:20vw;
            padding-right:79vw;
            border: none;
        }
        .logo :hover{
            
            
            box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
            opacity: 0.9;
            
        }

        .logoimg{
            float: left;
            width:100%;
            border: none;
            padding: none;
        }
        .bild_reihe{
            
            float:left;
            width:25%;
            border:none;
            padding:0;   
        }
        .firstsection{
            float: left;
            width:90%;
            border:none;
        }
        .firstcontent{
            float:left;
            border:none;
            width:40%;
            padding-left: 4%;
            padding-top: 6%;
            padding-bottom: 6%;  
        }
        .secondcontent{
            float:left;
            margin: 0;
            padding:0;
            width:40%;
            padding-top: 6%    
        }
        .info{
            width: 80%;
            height: auto;
            padding:5%;
        }
        .sightleft{
            float:left;
            border:none;
            width: 5%;
            padding:0;
        }
        .sightbarleft{
            float:left;
            border:none;
            width: 100%;
            padding:0;
        }
        .sight{
            float:right;
            border:none;
            width: 5%;
            padding:0;   
        }
        .sightbar{
            float:right;
            border:none;
            width: 100%;
            padding:0;
        }
        .secondsection{
            float:left;
            width:100%;    
        }
        .img{
            float:left;
            padding:0;
            margin: 0;
            width: 50%;
            text-align: center;   
        }
        
        .Team{   
            padding: 10% 25% 2% 25%;
            width:50%;
            height: auto;
        }
        .Teamimg{
            width:100%;
            border: 2px solid Black;
            border-radius: 50%;   
        }
        
       

        .footer{
            float: left;
            margin:0;
            padding-bottom: 1%;
            padding-top: 1%;
            width:100%;
            background-color: #CC0000;
            text-align: center;  
        }
        .links{
            padding: 1%;
            padding-left: 1em;
            padding-right: 1em;
            color: white;
            font-size: 1em;
            font-family: arial, sans-serif;
        }
        div.footer :hover{
            background-color: #f8a9a9;
            color: black;
        }
        h1{
            font-size: 1.5em;
            font-family: arial, sans-serif;
        }
        h2{
            font-family: arial, sans-serif;
        }
        h3{
            font-family: arial, sans-serif;
        }
        h4{
            font-family: arial, sans-serif;
        }
        p{
            font-size: 1.2em;
            font-family: arial, sans-serif;   
        }
        pre{
            font-size: 1.2em;
            font-family: arial, sans-serif;
        }
        .Impressumtext{
            float:left;
            border:none;
            width:92%;
            padding-left: 4%;
            padding-right: 4%;
            padding-top: 6%;
            padding-bottom: 6%;  

        }
        @media only screen and (max-width: 700px) {
            .img {
                 width: 100%;
            }
            .firstcontent{
                width:100%
            }
            .secondcontent{
                width:100%
            }
        }