.themenvideospalte {
float:left;
padding-bottom:30px;
}

.themenvideospalte a{
line-height:2em;
}

.themenvideospalte:first-child {
padding-right:10%;
}

.terminliste {
 width:540px;
 padding: 0 20px; 
 /*** float:left; ***/
margin:0 auto;
}

.lesung {
width:500px;
padding:20px 0 0 12%;
float:center;
}

.lesung li{
  list-style: none;
  font: normal 15px arial, sans-serif;
    line-height: normal;
  color: #000000;  
line-height: 1.5em;
margin:0;
padding: 5px 0 0 0;
}

#modvideoblockphone {display:none !important;}

.flip-container:nth-child(odd){
margin: 0px 2px 2px 0  !important;
}

.flip-container, .front, .back, .front h1, .back h1{
width: 494px;
}

.res-logo-footer .logo{display: none;}

.ipad{display:none;}

.onairbox{
    padding: 0 !important;
}

.onair {
background: #ea6e0a;
position: absolute;
top: 60px;
right: 4px;
border: 2px solid #fff;
padding: 5px 10px;
margin-right: 20px;
}

.onairmod {
    background: #ea6e0a;
    color:#fff;
    border: 2px solid #fff;
    padding:2px 5px 2px 5px;
}


.onairmod:hover {
    cursor:pointer
}



#submenu{
height: auto !important;
}

.xs{display: none !important;}
.md{display:none !important;}

.flag img{
width:28px;
}



@media only screen and (max-width: 990px) {

.flag img{
width:50px;
}

#headerlogo{background-image:none !important; background-color:#ea6e0a  !important;}

#maincontentwideSub div{ /*** Lücken zwischen Moderatoren daher OFF *** height: auto !important; ***/}

.schnellsuche{display:none;} 

.ipad{display:block}

.lg{display:none !important;}

.lgtitel{display:block;}

.bildlinksrechts img { width: 30% !important; padding:10% 10% 0 10%;}

.md{
display:block !important;
margin-top: 15px;
width: 190px;
height: auto;
float: left;
}
.md p{padding-top: 15px !important;}

#menu{
position: fixed !important;
z-index: 22 !important;
top: 67px !important;
height: calc(100vh - 87px) !important;
overflow-y: auto !important;
transform: translateX(100%);
transition: transform 0.5s cubic-bezier(0.77, 0, 0.18, 1) 0s;
background: rgba(255,255,255,0.9)  !important;
}
.map-responsive{
width: 100% !important;
height: 300px !important;
}
#menu ul{
float: none !important;
}

#menu li{
float: none !important;
padding: 10px 25px !important;
}

#menu li a{
border: none !important;
padding: 0 !important;
text-align: center !important;
}

#submenu a{
padding: 2px 10px !important;
}

.open{
transform: translateX( calc( 100% - 260px) ) !important;
transition: transform 0.5s cubic-bezier(0.77, 0, 0.18, 1) 0s !important;
}

#home{
position: fixed;
left:20px;
background: url(/img/headerbalken/headerbalken_menschen_bewegen_logo.gif) no-repeat  !important;
background-size: auto 100% !important;
background-position: center !important;
height: 67px !important;
width: 80px !important;
}
#submenu {
position: fixed !important;
overflow: auto !important;
width: 100% !important;
height: auto !important;
white-space: nowrap !important;
z-index: 21 !important;
}

#submenu ul, #submenu li {
//display: inline-block !important;
float:none  !important;
}

#submenu ul {
padding-left:14px !important;
}

.onairbox{
display:none;
}

#maincontentwideSub img{
width: 100%;
height: auto;
margin-top: 30px;
}

#modvideoblock {
padding-left:30px;
}

#modvideoblock img{
margin-top: 0 !important;
display:block;
}

#maincontentwideSub .projekt img{
width: 100%;
height: auto;
margin-top: 30px;
display:block;
}


#maincontentwideSub .projekt{
width: calc(50% - 10px);
float:left;
padding:0;
height: auto !important;
margin-bottom:30px;
}

#maincontentwideSub .projekt:nth-child(odd){
padding-right:20px;
}


#moderatorenlistung img{
width: inherit !important;
height: inherit !important;
margin-top: 0 !important;
display:block;
margin-left: auto;
margin-right: auto;
}

#moderatorenlistung a{
     font-size:14px;
     text-decoration:none;
     color:#666;
     border:0;
     outline:0;
     font-weight:bold;
     line-height:1;
}

[id^="headerlogo"]{
z-index: 20 !important;
position: fixed !important;
border-bottom: 2px solid #fff;
}

/*------------------BILD NORMAL-----------------------------------*/

#headerlogo_persoenlich{background: #ea6e0a url(/img/headerbalken/headerbalken_persoenlich.gif) no-repeat  !important;
background-size: auto 100% !important;
background-position: center !important;
}

#headerlogo_teamarbeit{background: #ea6e0a url(/img/headerbalken/headerbalken_teamarbeit.gif) no-repeat  !important;
background-size: auto 100% !important;
background-position: center !important;
}

#headerlogo_menschen_bewegen{
background: #ea6e0a url(/img/headerbalken/headerbalken_menschen_bewegen_spruch.gif) no-repeat  !important;
background-size: auto 100% !important;
background-position: center !important;
}



#headerlogo_menschen{
background: #ea6e0a url(/img/headerbalken/headerbalken_menschen.gif) no-repeat  !important;
background-size: auto 100% !important;
background-position: center !important;
}

#headerlogo_wir{
background: #ea6e0a url(/img/headerbalken/headerbalken_wir.gif) no-repeat  !important;
background-size: auto 100% !important;
background-position: center !important;
}

#headerlogo_verantwortungsvoll{
background: #ea6e0a url(/img/headerbalken/headerbalken_verantwortungsvoll.gif) no-repeat  !important;
background-size: auto 100% !important;
background-position: center !important;
}

#headerlogo_sicher{
background: #ea6e0a url(/img/headerbalken/headerbalken_sicher.gif) no-repeat  !important;
background-size: auto 100% !important;
background-position: center !important;
}

#headerlogo_kontakt{
background: #ea6e0a url(/img/headerbalken/headerbalken_kontakt.gif) no-repeat  !important;
background-size: auto 100% !important;
background-position: center !important;
}

#nav{
background:  url(/img/headerbalken/nav.gif) no-repeat  !important;
background-size: auto 100% !important;
background-position: center !important;
width: 100px;
height: 60px;
position: fixed;
right: 0;
top: 3.5px;
cursor: pointer;
}

html, body{
background: #fff !important;
}


.rotate {
margin: 0 12px;
}

#content{
padding-top: 67px !important;
}
#basiscontainer, #menu, [id^="headerlogo_"], #content, #frontcontent,
.flip-container, .front, .back, .front h1, .back h1,
#footer{
width: 100% !important;
}

.flip-container{
margin: 0px 0px 10px 0 !important;
}

#maincontentwideSub{
width: calc( 100% - 50px ) !important;
padding-top: 60px !important;
}

#moderatorenlistung{
padding: 20px 0 !important;
width: calc( 100% /5) !important;
}


.referenzen{
width: auto !important;
float: none !important;
padding-right: none !important;
}

.referenzen span{
float: none !important;
width: auto !important;
height: auto !important;
display: block  !important;
}

#footerkontakt{
height: auto  !important;
}
#footerkontakt, #footerlinks{
width: calc( 100% - 45px ) !important;
}
#footerkontakt .spalte3 .logo{
padding-right: calc( 100% - 44px);
padding-bottom: 25px;
}

#footerkontakt .spalte1, #footerkontakt .spalte2, #footerkontakt .spalte3{
width:auto  !important;
padding-top: 25px !important;
height: auto  !important;
}

#footerkontakt .spalte1{
padding-right: 35px !important;
}

#footerkontakt .spalte3{
width: calc( 100% - 140px ) !important;
}

.spalte3 .logo{display: none;}


.res-logo-footer .logo{
display:block  !important;
height: auto  !important;
width: 115px !important;
padding-top: 25px !important;
padding-right: 25px !important;
}


#footer{
height:auto !important;
}

#modmultimediablock{
width: 100% !important;
height: auto !important;
}

#slideshow{
padding: 0 50px 0 0 !important;
width: 179px !important;
height: 310px !important;
padding-bottom: 40px;
}

#slideshow img {
    width: 179px;
    height: 270px;
display:block;
}

#modvideoblock {
padding-left:30px;
}

#modvideoblock{
height: auto !important;
float: left !important;
}

#modtextblock{
width: 100% !important;
height: auto !important;
padding: 0 !important;
}

.accordionContent{
width: 100% !important;
}

.accordionContent table{
width: 100% !important;
}

.backlink{
float: left !important;
}

.wir img{
width: auto !important;
height: auto !important;
margin-top: 0 !important;
display:block;
}

.NewsSummaryContent{
height: auto !important;
}

.NewsSummaryContent img{
width: auto !important;
height: 141px !important;
margin-top: 0 !important;
float:left  !important;
display:block;
}

#newstext img{
width: auto !important;
height: 141px !important;
margin: 15px 10px !important;
display:block;
}

#newstext div{
height: auto !important;
min-height: 160px !important;
}

.NewsSummary{
margin-bottom:50px;
}

} /*---------------------------------------------------------------*/


@media only screen and (max-width: 990px) { /*** 768 ***/

.terminliste {width:100%; padding: 10px; float:left;}

.lesung {width:100%; padding:20px 0 0 5%;}

#modvideoblockphone {display:none !important;}

.schnellsuche{display:block;}

.ipadhoch {display:block!important;}

#maincontentwideSub img{
margin-top: 0px;
}

#modvideoblock {
    margin-top: 0px;
}

#slideshow {
padding-bottom:0px;
}

.topImg{display:none !important;}

.wir{height: auto !important;}

.wir h2, .wir a{
position:relative !important;
bottom: 0  !important;
right: 0  !important;
left: 0  !important;
}

.modauswahl{
margin-top:10px !important;
}

#headerlogo_persoenlich{
background-size: calc(100% - 200px) auto !important;
}

#headerlogo_teamarbeit{
background-size: calc(100% - 200px) auto !important;
}

#headerlogo_menschen_bewegen{
background-size: calc(100% - 200px) auto !important;
}

#headerlogo_menschen{
background-size: calc(100% - 200px) auto !important;
}
#headerlogo_verantwortungsvoll{
background-size: calc(100% - 200px) auto !important;
}
.spalte1neu, .spalte2neu, .spalte3neu, .spalte4neu, .spalte5neu{
width: 33.3333% !important;
}
#menu{height: calc(100vh - 87px) !important;}

#moderatorenlistung{
width: calc( 100% /4) !important;
}

} /*---------------------------------------------------------------*/


@media only screen and (max-width: 740px) {
.schnellsuche{display:block;} 
.ipad{display:none;}
.ipadhoch {display:block;}
#modvideoblockphone {display:none !important;}
}

@media only screen and (max-width: 600px) {

#modvideoblockphone {display:none !important;}
.ipadhoch {display:block;}
.ipad{display:none;}
#maincontentwideSub .projekt:nth-child(odd){
padding-right:0px;
}

#maincontentwideSub .projekt{
width: 100%;
}

.merkenliste , .merken{
margin-top: 0px !important;
position: fixed !important;
top: 120px !important;
right: 0 !important;
padding: 8px 3px 8px 16px !important;
}

.merkenliste {
top: 158px !important;
margin: 0 !important;
}

#moderatorenlistung{
width: calc( 100% /3) !important;
}


.flip-container h1{
font-size: 17px !important;
line-height: 20px;
}
.flip-container p{
font-size: 14px !important;
}




#footerkontakt .logo{
padding-right: calc( 100% - 100px) !important;
}

#footerkontakt .spalte1, #footerkontakt .spalte2, #footerkontakt .spalte3{
width: 100% !important;
padding: 25px 0 0 0!important;
}


#footerkontakt .spalte3{
width: 60% !important;
}

#footerkontakt .spalte3 img{
width: 10% !important;
padding-right: 12% !important;
height: auto !important;
display:block;
}

#footerkontakt .spalte3 .last{
padding-right: 0 !important;
}

#footerkontakt .spalte3 .logo {display: none;}

.spalte1neu, .spalte2neu, .spalte3neu, .spalte4neu, .spalte5neu{
width: 50% !important;
}

 
} /*---------------------------------------------------------------*/


@media only screen and (max-width: 469px){

.xs{display: block !important;}

#modtextblock .lg{display: none !important;}

#modvideoblock {
display:none !important;
}
#modvideoblockphone {
padding-left:0;
display:block !important;
}

.accordionButtonVideo, #moddownloadblock{
margin-right: calc(100% - 160px);
}



}

@media only screen and (max-width: 400px) {
#modvideoblock {
margin-top: 0 !important;
padding-left:0;
}

#moderatorenlistung{
width: calc( 100% /2) !important;
}

.spalte1neu, .spalte2neu, .spalte3neu, .spalte4neu, .spalte5neu{
width: 100% !important;
}

.open{
transform: translateX(0) !important;
transition: transform 0.5s cubic-bezier(0.77, 0, 0.18, 1) 0s !important;
}


[id^="headerlogo_"]{
background-size: auto 100% !important;
background-position: center !important;
}

/*------------------BILD KLEIN-----------------------------------*/

#headerlogo_persoenlich{background:#ea6e0a url(/img/headerbalken/headerbalken_persoenlich_klein.gif) no-repeat  !important;
background-size: auto 95% !important;
background-position: 60% !important;

}


#headerlogo_teamarbeit{background:#ea6e0a url(/img/headerbalken/headerbalken_teamarbeit_klein.gif) no-repeat  !important;
background-size: auto 95% !important;
background-position: 60% !important;
}


#headerlogo_menschen_bewegen{
background: #ea6e0a url(/img/headerbalken/headerbalken_menschen_bewegen_spruch_klein.gif) no-repeat  !important;
background-size: auto 95% !important;
background-position: 60% !important;
}

#headerlogo_menschen{
background: #ea6e0a url(/img/headerbalken/headerbalken_menschen_klein.gif) no-repeat  !important;
background-size: auto 95% !important;
background-position: 60% !important;
}

#headerlogo_kontakt{background:#ea6e0a url(/img/headerbalken/headerbalken_kontakt_klein.gif) no-repeat  !important;
background-size: auto 95% !important;
background-position: 60% !important;
}

#headerlogo_sicher{background:#ea6e0a url(/img/headerbalken/headerbalken_sicher_klein.gif) no-repeat  !important;
background-size: auto 95% !important;
background-position: 60% !important;
}

#headerlogo_verantwortungsvoll{background:#ea6e0a url(/img/headerbalken/headerbalken_verantwortungsvoll_klein.gif) no-repeat  !important;
background-size: auto 95% !important;
background-position: 60% !important;
}

#headerlogo_wir{background:#ea6e0a url(/img/headerbalken/headerbalken_wir_klein.gif) no-repeat  !important;
background-size: auto 95% !important;
background-position: 60% !important;
}


#footerkontakt .spalte3{
width: 100% !important;
}


.flip-container img{
width: 180px !important;
height : auto !important;
display:block;
}

.flip-container h1{
font-size: 15px !important;
line-height: 20px;
}
.flip-container p{
font-size: 12px !important;
}

.accordionContent td{
float: left;
}
#lebenslauf td p{
padding: 0 !important;
}

#lebenslauf td:first-child{
padding-top:30px !important;
border-bottom: 2px solid #000;
}

#lebenslauf td:last-child{}



}