html {

    height: 100%;
}
 *
 {
     box-sizing: border-box;
 }
  * {

  scrollbar-color: #5eb34c #f59e10;
}

/* Works on Chrome, Edge, and Safari */

*::-webkit-scrollbar-track {
  background:  #5eb34c;
}

*::-webkit-scrollbar-thumb {
  background-color: #f59e10;

}

body {
    margin: 0;
    height: 100%;
	font-family: Roboto, Arial, Helvetica, sans serif;
    font-size: 106%;
  font-weight: 300;
	color:#25408F;
    background:
            url(img/litfass.png) no-repeat 96% 96% fixed,
            /*linear-gradient(lightblue, white)*/
            #cd2802;
            background-size: 25% auto;

  }



.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:#cd2802;
}

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

.gallery img{

height:180px; width:auto;
}

.buz {
    font-size:86%;
}

a {color:#25408F;}

h1 {color:#25408F;    font-size:22px; font-weight:normal; line-height:28px; padding: 0;margin:0; margin-bottom:20px;margin-top:20px;}

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

h4{ font-weight:normal; font-size:20px; margin-top:0; margin-bottom:4px;}

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


#wrapper {width:100%; max-width:900px;
/*background-color:#fffccc; */
/*background-color:#f69f12; */
background-color:#ffe400;
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:#25408F;padding:4px;}

#logo_nav{width:100%;}

.logo_links{width:48%;max-width:160px;float:left;padding-left:3%;padding-top:2%;}
.logo_rechts{ width:100%; max-width:190px; padding-right:1%;  }
.slogan{   width:48%; float:right;color:#25408F; text-align:right; padding-right:1%;}


#nav {margin:0 auto; color:#fff; display:none;}
#nav ul {list-style-type:none; text-align:left;}

#nav ul li { background-color:#25408F;
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: #ffe400;
}
 #nav ul li.aktiv a { color:#25408F; }
 #nav ul li:hover a { color:#25408F; }

#content {
    width: 96%;
    margin: 60px auto 0 auto;
    max-width: 940px;
  line-height:150%;
}
.startlogo {
    text-align:center; width:100%;  margin-top:60px;
}
 .startlogo img{
 width:100%; max-width:600px;
}
.bloecke {
  display: grid;
justify-content: center;
align-items: center;

}

#footer {  width:100%;   padding:20px 0 0 0; border-bottom:4px solid #25408F;}
#footer a{   color:#cd2802; 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%;
}
.pro_60   {
width:83%;height:auto;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

@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; 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%;  }

   }