html {

    height: 100%;
}
body {
    margin: 0;
    height: 100%; }
body {
	font-family:Arial, Helvetica, sans serif;
	color:#000;  width:100%;

    	/*background-image:url(img/bigben1.jpg);background-repeat:no-repeat;background-position: right top;   background-size:cover;*/
     /* background:url(img/bigben1.jpg) no-repeat right top fixed;  */
     background:url(img/bigben4.jpg) no-repeat right bottom fixed;
        /*background:url(img/bg2.jpg) no-repeat right bottom fixed;*/
       /* background-size:100% auto; */
       -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


*
{
    box-sizing: border-box;
}

.clear { clear: both;font-size:0px;height:0px;}

body,div,table,tr,th,td,img,ul {margin:0;padding:0;border:0;}

td{vertical-align: top; }


.rot{color:#D5061C;
font-weight: bold;}

.blau{
    color:#5080a2;;
}
.orange{
    color:#f69f12;;
}
.center{
    text-align:center;
}

.gallery img{

height:180px; width:auto;
}

.buz {
    font-size:86%;
}

a {color:#DB1703;}

h1 {color:#5080a2;  font-size:20px; line-height:28px; text-align:center;padding: 0;margin:0; margin-bottom:20px;margin-top:10px;}

h2 {color:#333; font-weight:normal; font-size:22px; padding: 0;margin:0; margin-bottom:10px;margin-top:40px; }



h4{ color:#333; font-weight:normal; font-size:22px; margin-top:0; margin-bottom:4px;}

#content ul {margin-left:20px;
}


#wrapper {width:100%; max-width:900px;
background-color:rgb(255, 255, 255, 0.85);
margin-left: auto;
margin-right: auto;
overflow:auto;
}

#header { width:100%; text-align:left; margin-left: auto; /*background:#fff;   */
    margin-right: auto; }

.mobiletoggle{width:100%; cursor: pointer;color:#fff;font-weight:bold; text-align:center;background-color:#f69f12;padding:4px;}

#logo_nav{width:100%;}

.logo_links{width:48%;max-width:200px;float:left;padding-left:1%;}
.logo_rechts{ width:100%; max-width:190px; padding-right:1%;  }
.slogan{   width:48%;     float:right;color:#203A89;  text-align:right; padding-right:1%;}


#nav {margin:0 auto; /*max-width:729px;*/  color:#fff; display:none;}
#nav ul {list-style-type:none;/*height:20px; */ text-align:left;}

#nav ul li { background-color:#5080a2;
margin-top: 2px;margin-top:2px;
 padding:4px; display:block; text-align:center;
 }


#nav ul li a { color:#fff; text-decoration:none;}

#nav ul li.aktiv,#nav ul li:hover {
    background-color: #f69f12;
}



#content {
    width: 96%;
    margin: 60px auto 0 auto;
    max-width: 940px;
  line-height:150%;  font-weight:400;
}
.startlogo{
    text-align:center; width:100%;
}

.bloecke {
  display: grid;
justify-content: center;
align-items: center;

}

.zentriert{



}

#footer {  width:100%;   padding:40px 0 0 0; border-bottom:4px solid #f69f12;}
#footer a{   color:#f69f12; text-decoration:none;  font-weight:bold;
padding:8px 0 0 16px;}

.face { float:right;margin-right:10px;
     max-height:28px; margin-bottom:10px;
}

.sponsoren {
    text-align:center;
}

.sponsoren img{
    width:100%; max-width:320px; height:auto;  margin-top:30px;
}

.thumbnails img {
    height:180px; width:auto;
}

.drei-spalten{
    margin-bottom:40px;
}

.dreispalter img{
    width:100%; height:auto;
}
.zwei_drittel img{
    width:100%; height:auto;
}

.left{
   margin-right:2%;
}
/* *************************************************/

@media screen and (min-width: 780px) {
 #wrapper {margin-left:2%;  }

 #header {  /*margin-top:20px;  */
     padding:10px 0 28px 0;
 }

.slogan{
    margin-top:20px;
}

.mobiletoggle {display:none; }


#logo_nav{text-align:left;}

#nav {display:block; width:100%;box-shadow: 0 10px 10px -8px rgba(83,83,83,0.5);}
#nav ul{width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-direction:row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
#nav ul li { display: block;  -webkit-flex-grow: 1; flex-grow: 1; margin-top:0px; /*border-right:2px solid #fff;*/     padding:10px 0 ;  }
#nav ul li.letzter {border-right:0;}


.left{
    float:left; width:50%;
}
.last{
    margin-right:0;
}

.right{
    float:right; width:50%;
}
.nur_right{
    float:right;
}
.mobil {
    display:none;
}

#text {width:96%;max-width:780px;margin:40px auto;}




.dreispalter{
    float:left; width:30%;
}

.dreispalter:nth-child(3) {margin-left:2%;

}


.zwei_drittel{
    float:left; width:60%;
}


 }

    /* Internet Explorer 10  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #nav ul li {float:left; padding-right:14px;padding-left:14px;}
}


/* *************************************************/



  @media screen and (min-width: 1400px) {
 #wrapper {margin-left:10%;  }

   }