*{margin:0;padding:0}
:link,:visited{text-decoration:none}
ul,ol{list-style:none;list-style-type:none}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;font-weight:normal}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}
a img,:link img,:visited img{border:none}
address{font-style:normal}
img,a{outline-style:none;outline-width:0px}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input[type=search],input[type=button],input[type=submit]{border:0;box-shadow:none;border-radius:0px;-webkit-appearance:none}
input:focus,select:focus,textarea:focus,button:focus{outline:none}
@font-face{font-family:'archivo_blackregular';src:url('/fileadmin/templates/ffh.de/fonts/archivoblack-regular-webfont.eot');src:url('/fileadmin/templates/ffh.de/fonts/archivoblack-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fileadmin/templates/ffh.de/fonts/archivoblack-regular-webfont.woff') format('woff'),url('/fileadmin/templates/ffh.de/fonts/archivoblack-regular-webfont.ttf') format('truetype'),url('/fileadmin/templates/ffh.de/fonts/archivoblack-regular-webfont.svg#archivo_blackregular') format('svg');font-weight:normal;font-style:normal;text-rendering:optimizeLegibility}
@font-face{font-family:'LatoWebBlack';src:url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Black.eot');src:url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Black.eot?#iefix') format('embedded-opentype'),url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Black.woff2') format('woff2'),url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Black.woff') format('woff'),url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Black.ttf') format('truetype');font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}
@font-face{font-family:'LatoWebBold';src:url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Bold.eot');
src:url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'),
url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Bold.woff2') format('woff2'),
url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Bold.woff') format('woff'),
url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Bold.ttf') format('truetype');font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}
@font-face{font-family:'LatoWeb';src:url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Regular.eot');src:url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'),url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Regular.woff2') format('woff2'),url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Regular.woff') format('woff'),url('/fileadmin/templates/ffh.de/fonts/LatoLatin-Regular.ttf') format('truetype');font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}
body{font-family:"LatoWeb"}
a{-webkit-tap-highlight-color:rgba(0,0,0,0)}
#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel{position:fixed !important;right:0px !important;bottom:0px !important;background:#fff}
#TSFE_ADMIN{position:absolute;right:0px !important;top:0px !important}
.clearBoth{clear:both}
.noScroll{overflow:hidden;-webkit-overflow-scrolling:none}
.noTransition{transition:none !important}
#adContainer{position:relative;margin:0 auto;width:100%}
#adContainerMobile{position:relative;margin:10px auto 0px auto;text-align:center;overflow:hidden}
.mobileAdPos2And3{margin:0px auto 20px auto;text-align:center;overflow:hidden}
#adContainer,#adLayerRight,.wallpaperloaded #adLayerRight,#adLayerTop,.wallpaperloaded #adLayerTop,#omsv_sky_DhtmlLayer,.wallpaperloaded #omsv_sky_DhtmlLayer{display:none !important}
#oms_gpt_outofpage,#oms_gpt_ist{height:0px}
@media screen and (max-width:879px){#omsRectangleChannel{display:none}
}
@media screen and (min-width:800px){.mobileAdPos2And3{display:none}
}
@media screen and (min-width:1080px){.wallpaperloaded #adContainerMobile{display:none}
#adContainerMobile{display:block;margin:0 auto;margin-top:100px;max-width:1040px;margin-bottom:20px}
.wallpaperloaded #adContainer{display:block !important;position:relative;margin:100px auto 20px auto;max-width:1060px}
.wallpaperloaded #adLayerTop{display:block !important;text-align:center;min-height:90px;max-height:250px}
.wallpaperloaded #adl_sb_table{position:absolute;right:-20px}
}
@media screen and (min-width:1280px){.wallpaperloaded #omsv_sky_DhtmlLayer{display:block !important}
.wallpaperloaded #adContainer{margin:100px 0 20px 0;max-width:1040px}
.wallpaperloaded #adLayerTop{text-align:right}
.wallpaperloaded #adLayerRight{display:block !important;position:absolute;left:1060px;top:0px}
}
@media screen and (min-width:1500px){.wallpaperloaded #adContainer{margin:115px 0 20px 0;max-width:1260px}
.wallpaperloaded #adLayerRight{left:1280px}
#adContainerMobile{margin-top:115px;max-width:1260px}
}
@media screen and (min-width:1730px){.wallpaperloaded #adContainer{margin:115px auto 20px auto;max-width:1260px}
.wallpaperloaded #adLayerRight{left:1280px}
#adContainerMobile{margin-top:115px;max-width:1260px}
}
.hidden-mobile{display:none}
body{background:#ffff00}
#pageWrapper{transition:transform 0.3s ease-out;background-color:#ffff00;overflow:hidden}
#loadingMask{position:fixed;z-index:100000;top:0px;left:0px;background:black;width:100vw;height:100vh;opacity:0.5}
.row{box-sizing:border-box}
.row::before{display:table;content:""}
.row::after{content:"";display:block;clear:both}
.col-mobile-30,.col-mobile-33,.col-mobile-40,.col-mobile-50,.col-mobile-60,.col-mobile-70,.col-mobile-100{position:relative;min-height:1px;float:left}
.col-mobile-33{width:33.33333333%}
.col-mobile-30{width:30%}
.col-mobile-40{width:40%}
.col-mobile-50{width:50%}
.col-mobile-60{width:60%}
.col-mobile-70{width:70%}
.col-mobile-100{width:100%}
header{position:fixed;width:100%;top:0px;left:0px;z-index:5000;transition:all 0.3s ease-out;backface-visibility:hidden}
#headerContainer{position:absolute;top:0px;left:0px;width:100%;z-index:2200;background:#ffff00;box-shadow:0 0 10px 0px rgba(0,0,0,0.2)}
#headerContainerInner{padding:0 10px;margin:10px 0 5px}
#toggleMenu{float:left;width:28px;height:28px;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;margin-top:2px;cursor:pointer}
#toggleMenu span{display:block;position:absolute;height:3px;width:100%;background:#922224;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}
#toggleMenu span:nth-child(1){top:4px}
#toggleMenu span:nth-child(2),#toggleMenu span:nth-child(3){top:12px}
#toggleMenu span:nth-child(4){top:20px}
#toggleMenu span:nth-child(5){text-align:center;background:transparent;top:28px;color:#922224;font-size:11px}
.mobileMenuOpen #toggleMenu span:nth-child(1){top:18px;width:0%;left:50%}
.mobileMenuOpen #toggleMenu span:nth-child(2){transform:rotate(45deg)}
.mobileMenuOpen #toggleMenu span:nth-child(3){transform:rotate(-45deg)}
.mobileMenuOpen #toggleMenu span:nth-child(4){top:18px;width:0%;left:50%}
#logo{text-align:center}
#logo img{width:73px}
#toggleWebradio{float:right;width:24px;height:24px;margin-right:11px;margin-top:3px;position:relative;cursor:pointer;background:url('/fileadmin/templates/ffh.de/images/layout/mobileWebradioOpen.svg') no-repeat;background-size:22px;background-position:center center}
#toggleWebradio span{text-align:center;display:block;position:absolute;top:27px;width:100%;opacity:1;left:2px;font-size:11px;color:#922224;text-transform:capitalize;margin-left:-14px}
.mobileWebradioOpen #toggleWebradio{background-image:url('/fileadmin/templates/ffh.de/images/layout/mobileWebradioClose.svg');background-size:23px}
#mobileWebradio{position:absolute;right:0px;top:0px;width:250px;height:100vh;background-color:#444;overflow:auto;transform:translate(250px,0);transform-origin:0%;transition:all 0.3s ease-out;backface-visibility:hidden;z-index:2300}
.mobileWebradioOpen #pageWrapper,.mobileWebradioOpen header{transform:translate(-250px,0);transition:all 0.3s ease-out}
.onairChannel{position:relative}
.onairChannel .ratioContainer.ratioContainerPresenter::after{padding-bottom:52.5%}
.onairChannel .presenterPic{position:absolute;width:50%;bottom:0px;right:10px}
.onairChannel h4{position:absolute;top:10px;left:10px;max-width:50%}
.onairChannel h4 .intro,.onairChannel h4 .intro a{display:block;font-family:'LatoWebBlack',sans-serif !important;font-size:13px;line-height:15px;color:#fff;text-overflow:ellipsis;max-height:30px;overflow:hidden}
.onairChannel h4 .headline,.onairChannel h4 .headline a{display:block;font-family:'archivo_blackregular',sans-serif !important;letter-spacing:-0.25px;font-size:13px;line-height:15px;max-height:45px;overflow:hidden;color:#fff;text-transform:uppercase}
.onairChannel .startWebradio{position:absolute;bottom:5px;left:10px;font-size:14px;color:#fff}
.onairChannel .startWebradio img.white{width:30px;height:30px;margin-bottom:3px}
.onairChannel .startWebradio img.dark{display:none}
#mobileWebradioStations{border-top:1px dotted #fff;margin:0px 10px 0 10px;padding-top:15px}
#mobileWebradioStations .headline{font-size:14px;line-height:16px;margin-bottom:5px;color:#ffffff;font-family:'archivo_blackregular',sans-serif;letter-spacing:-0.25px;text-transform:uppercase}
.webradioTeaser{position:relative;margin-bottom:10px;line-height:0px;box-shadow:0 0 3px 0px rgba(0,0,0,0.45);overflow:hidden}
#mobileWebradioStations:last-child{margin-bottom:65px}
.webradioTeaser img{width:100%}
.webradioTeaser .onair{display:none;position:absolute;width:50%;padding:4px;box-sizing:border-box;bottom:0px;right:0px;font-size:14px;color:#fff;line-height:16px}
.webradioTeaser .onair span{display:block}
.webradioTeaser .onair span.artist{font-family:'LatoWebBold',sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#mainNavContainer{margin:0 auto;width:100%;box-sizing:border-box}
#navigation{width:250px;position:absolute;z-index:1;top:0;left:0;background-color:#99CC00;margin-left:-500px;transform-origin:0%;transform:translate(250px,0)}
#navigation>li>a{position:relative;display:block;padding:16px 2px 14px 10px;color:#fff;font-family:"archivo_blackregular",sans-serif;letter-spacing:-0.25px;font-size:16px;text-transform:uppercase;-webkit-tap-highlight-color:rgba(0,0,0,0)}
#navigation>li>a:focus{color:#ffff00}
.mobileMenuOpen #pageWrapper,.mobileMenuOpen header{transform:translate(250px,0)}
#smallWebRadioPlay{display:none}
@media screen and (max-width:1079px){#navigation{height:100vh;overflow:scroll;-webkit-overflow-scrolling:touch}
#navigation>li{border-bottom:1px solid #fff}
#navigation>li:last-child{margin-bottom:65px}
#navigation>li .active{color:#ffff00}
#navigation>li.hasSub a{background-image:url('/fileadmin/templates/ffh.de/images/layout/untenWhite.svg');background-repeat:no-repeat;background-position:right 10px center;background-size:12px}
#navigation>li.hasSub a.active{background-image:url('/fileadmin/templates/ffh.de/images/layout/obenWhite.svg')}
.subnav{display:none;background:#669900;box-shadow:inner 0 0 5px rgba(0,0,0,0.2)}
.subnav li{border-bottom:1px dotted #eee;padding-bottom:13px;margin:13px 0px 0px 25px}
.subnav li:first-child{padding-top:13px;margin-top:0px}
.subnav li:last-child{border-bottom:none}
.subnav li a{background:none !important;color:white;text-decoration:none}
.subnav li.current a,.subnav li a:focus{color:#ffff00}
}
#serviceBarMobileContainer{padding-top:60px;position:relative;box-sizing:border-box}
#serviceBarMobileContainer.channelNavVisible{padding-top:100px}
#serviceBarMobile{margin:0 10px;height:50px;border-bottom:1px dashed #666}
#serviceBarMobile #serviceIcons{margin-top:13px}
#serviceIcons{float:right}
#serviceIcons li{padding-right:15px;position:relative;float:left}
#serviceIcons li:nth-child(3){padding-right:12px}
#serviceIcons li:nth-child(4){padding-right:0px}
#serviceIcons img{opacity:0.8;cursor:pointer;height:23px;width:27px;margin-top:5px}
.badge{min-width:9px;position:absolute;top:-3px;right:10px;font-weight:300;padding:3px 3px;background-color:#922224;font-size:10px!important;height:9px;color:#fff;border-radius:12px !important;text-shadow:none !important;text-align:center;vertical-align:middle;display:inline-block}
#suche{display:none;float:right;height:30px;padding:0px 5px;box-sizing:border-box;margin-left:5px;max-width:140px;border:1px solid #a0a0a0}
.channelNavDesktop{display:none}
#channelNavContainer{display:none;position:relative;box-sizing:border-box;overflow-x:scroll;-webkit-overflow-scrolling:touch;background-color:white;box-shadow:inset 0 4px 10px -5px rgba(0,0,0,0.2)}
#channelNavContainer ul{white-space:nowrap}
#channelNavContainer ul li{display:inline-block}
#channelNavContainer ul li a{border-bottom:none;padding:13px 0px 13px 0px}
#contentWrapper{position:relative;box-sizing:border-box;padding-top:10px}
#contentWrapperInner{padding:0 0 10px 0;background-repeat:no-repeat;background-position:center top;background-size:contain}
main{width:100%}
aside{width:300px;float:right;margin-left:20px;height:auto;display:none}
.socialMediaButtons{position:relative;margin-bottom:15px;min-height:25px;line-height:0px;opacity:0}
.csc-default .socialMediaButtons:last-child{margin-bottom:15px}
.socialMediaButtons:last-child,.csc-default:last-child .socialMediaButtons:last-child{margin-bottom:0px}
.socialMediaButtons .count{position:relative;display:inline-block;top:-6.5px;left:3px;font-size:16px;color:#a0a0a0}
.socialMediaButtons .seperator{display:inline-block;position:relative;top:-11px;width:15px;height:1px;margin:0 5px;background-color:#a0a0a0}
.socialMediaButton{display:inline-block;width:25px;height:25px;background:url('/fileadmin/templates/ffh.de/images/layout/social.svg?080220181043') no-repeat;background-position:-60px 0px}
.socialMediaButton.twitter{display:none;background-position-y:-30px}
.socialMediaButton.googleplus{display:none;background-position-y:-60px}
.socialMediaButton.whatsapp{background-position-y:-90px}
.socialMediaButton.email{display:none;background-position-y:-150px}
.socialMediaButton.link{display:none;background-position-y:-180px;cursor:pointer}
.socialMediaButton.share{background-position-y:-240px;cursor:pointer}
.socialMediaButton.messenger{background-position-y:-268px}
.socialMediaButtons .seperator-twitter,.socialMediaButtons .seperator-twitter,.socialMediaButtons .seperator-googleplus,.socialMediaButtons .seperator-email,.socialMediaButtons .seperator-link,.socialMediaButtons .seperator-share,.gallerySocialMedia .socialMediaButtons .share,.gallerySocialMedia .socialMediaButtons .seperator-share{display:none}
.socialMediaButtons .seperator-link{display:inline-block}
.gallerySocialMedia .socialMediaButtons .twitter,.gallerySocialMedia .socialMediaButtons .googleplus,.gallerySocialMedia .socialMediaButtons .email,.socialMediaButtons .seperator-link,.gallerySocialMedia .socialMediaButtons .seperator-twitter,.gallerySocialMedia .socialMediaButtons .seperator-googleplus,.gallerySocialMedia .socialMediaButtons .seperator-email{display:inline-block}
#sociamMediaStats{position:fixed;bottom:0;padding:20px;background:#fff;width:100%;box-shadow:0 0 10px 0px rgba(0,0,0,0.2);color:#666;line-height:20px;z-index:1000}
#sociamMediaStats table{margin:auto}
#sociamMediaStats p{text-align:center}
.teaserMega .socialMediaButtons,.teaserMedium .socialMediaButtons{margin-bottom:0px !important}
.teaserMedium .socialMediaButtons{margin-top:10px}
#footerWrapper{padding:10px;background:#444;box-shadow:0 0 3px 0px rgba(0,0,0,0.2)}
#footerWrapper p a{color:white}
#footerWrapper #breadcrumbText{border-bottom:1px dotted #fff;padding-bottom:5px;font-size:14px;color:white;margin-bottom:5px}
#sitemapToggle{height:20px;border-bottom:1px dotted #fff}
#sitemapToggle a{float:right;padding-right:15px;font-size:14px;cursor:pointer;background:url(/fileadmin/templates/ffh.de/images/layout/untenWhite.svg) right center no-repeat;background-size:10px}
#sitemapToggle a.sitemapOpen{background-image:url(/fileadmin/templates/ffh.de/images/layout/obenWhite.svg)}
#footerSitemap{margin:0 auto;display:none;justify-content:space-between}
#footerSitemap>li{font-weight:bold;line-height:20px;width:50%;margin-bottom:10px;float:left}
#footerSitemap>li::before{content:'';display:block;border-bottom:1px dotted #fff}
#footerSitemap>li:nth-child(1)::before,#footerSitemap>li:nth-child(2)::before{display:none}
#footerSitemap>li:nth-child(2n+1){clear:left}
#footerSitemap>li:nth-child(2n+1)::before{margin-right:10px}
#footerSitemap>li>a{display:block;font-size:14px;text-transform:uppercase;font-family:'LatoWebBold',sans-serif;font-weight:normal;margin-bottom:5px;color:white;margin-top:15px}
#footerSitemap>li:nth-child(1)>a,#footerSitemap>li:nth-child(2)>a{margin-top:0px}
#footerSitemap>li>ul>li{font-weight:normal;margin-bottom:3px}
#footerSitemap>li>ul>li>a{font-size:13px;font-family:'LatoWeb',sans-serif;color:white}
#footerNav{margin:20px 10px 0px 10px}
#footerNav li{display:inline-block;padding-right:6px;margin-right:5px}
#footerNav a{font-size:14px;color:#666 !important}
#footerNav #footerNav_impressum{border-right:2px solid #888}
#footerNav #footerNav_paloalto{display:block;margin-top:20px;margin-bottom:20px}
#footerNav #footerNav_paloalto a{display:block;background:url('/fileadmin/templates/ffh.de/images/layout/paloalto.svg') no-repeat;overflow:hidden;text-indent:-1000px;width:150px;height:21px}
#backToTopButton{position:fixed;display:block;background:#fff url('/fileadmin/templates/ffh.de/images/layout/oben.svg') no-repeat center 13px;background-size:20px;border:1px solid #ffffff;border-radius:20px;left: calc(50% - 20px);width:40px;height:40px;bottom:-50px;box-shadow:0 0 20px 0px rgba(0,0,0,0.3);text-indent:-100px;overflow:hidden;transition:bottom 0.5s ease;cursor:pointer;z-index:110}
#backToTopButton.active{bottom:20px}
@media screen and (min-width:880px){#contentWrapperInner{padding:0px 10px 10px 10px}
#stickyScrollArea{position:relative}
aside{display:block}
.channelNavDesktop{display:block}
.channelHeadline.hidden-mobile{display:block}
main{float:left;width: calc(100% - 320px)}
main.noAside{float:none;width:100%}
#footerNav{margin:10px 0px 0px 0px}
#footerNav #footerNav_paloalto{float:right;margin:0px 0px 0px 0px;padding-right:0px}
}
@media screen and (min-width:1080px){
.col-desktop-50,.col-desktop-100{position:relative;min-height:1px;float:left}
.col-desktop-50{width:50%}
.col-desktop-100{width:100%}
.hidden-desktop{display:none}
.hidden-mobile{display:block}
body{background:transparent;background-color:#99cc00;background-image:linear-gradient(170deg,#99cc00 0%,rgba(202,229,77,1) 70%,#99cc00 100%);background-attachment:fixed;overflow:auto}
#pageWrapper{background-color:transparent}
#contentWrapper{max-width:1040px;padding-top:0px;margin:0 auto;margin-top:10px;background:#ffff00;box-shadow:0 0 10px rgba(0,0,0,0.2)}
#contentWrapperInner{padding:20px}
#headerContainer{height:80px}
#headerContainerInner{height:100%;max-width:1040px;margin:0 auto;margin-top:10px;padding-right:20px;padding-left:20px}
#logo{float:left;width:100px}
#logo img{transition:all .25s ease;width:100px}
#menuWrapper{float:left;width:890px;margin-left:10px}
#webradioOnAir{position:absolute;top:9px;left:35px}
#webradioOnAirLabel{padding-right:10px;font-family:"archivo_blackregular",sans-serif;letter-spacing:-0.25px;font-size:16px;color:#666666}
#webradioPlay{width:25px;cursor:pointer;margin-top:3px}
#smallWebRadioPlay{display:none}
#webradioCurrentSong{font-family:"LatoWebBold",sans-serif;font-size:16px;color:#666666;text-align:center}
#serviceBarContainer{position:relative;border-bottom:1px dashed #666;height:36px;box-sizing:border-box;margin-top:1px}
#serviceIcons li:last-child,#serviceIcons li:nth-child(4){padding:0px}
#navigation{transform:none;position:relative;visibility:visible;background:transparent;margin:0 auto;display:flex;justify-content:space-between;width:auto;-webkit-box-shadow:none;box-shadow:none}
#navigation>li{position:relative}
#navigation>li>a{font-family:'archivo_blackregular',sans-serif;color:#922224;font-size:13px;margin:10px 5px 0px 0px;border-bottom:5px solid #ffff00;padding:0px 0px 5px 0px}
.small #navigation>li>a{padding:0px 0px 0px 0px}
#navigation>li:first-child>a{margin-left:0px}
#navigation>li:last-child>a{margin-right:0px}
#navigation>li>a:hover,#navigation>li>a:focus{color:#da0000}
#navigation>li.current>a{color:#da0000}
#navigation>li>a.active{border-bottom-color:#da0000}
#subNavContainer{position:absolute;top:40px;left:0px;width:100%;z-index:1100;text-align:center;background:rgba(255,255,255,.95);box-shadow:0 0 10px 0px rgba(0,0,0,0.2);transition:top .25s ease-in-out}
#subNavContainer.active{top:80px}
#subNavContainerInner{position:relative;width:100%;height:36px;max-width:1040px;margin:0 auto}
#subNavContainer ul{position:absolute;top:0px;left:0px;display:inline-flex}
#subNavContainer ul li{padding:10px 10px}
#subNavContainer ul li:first-child{padding-left:0px}
#subNavContainer ul li:last-child{padding-right:0px}
#subNavContainer ul li a{color:#666;font-family:'LatoWebBlack';font-size:14px}
#subNavContainer ul li.current a,#subNavContainer ul li a:focus{color:#da0000}
.small #headerContainer{height:46px;transition:height .25s ease-out}
.small #headerContainer.subnavOpen{transition:height .0s ease-out}
.small #headerContainerInner{margin-top:5px}
.small #smallWebRadioPlay{display:block;cursor:pointer}
.small #smallWebRadioPlay a{background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yNDM1NC41MTIgMTIyLjQ4OCAzMiAzMiI+ICA8ZGVmcz4gICAgPHN0eWxlPiAgICAgIC5jbHMtMSB7ICAgICAgICBmaWxsOiBub25lOyAgICAgICAgc3Ryb2tlOiAjOTIyMjI0OyAgICAgICAgc3Ryb2tlLXdpZHRoOiAycHg7ICAgICAgfSAgICAgIC5jbHMtMiB7ICAgICAgICBmaWxsOiAjOTIyMjI0OyAgICAgIH0gICAgPC9zdHlsZT4gIDwvZGVmcz4gIDxnIGlkPSJHcnVwcGVfMTgxMTAiIGRhdGEtbmFtZT0iR3J1cHBlIDE4MTEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2MjkuMDEyIC01MTMuMDEyKSI+ICAgIDxwYXRoIGlkPSJQZmFkXzI1NDkiIGRhdGEtbmFtZT0iUGZhZCAyNTQ5IiBjbGFzcz0iY2xzLTEiIGQ9Ik0xNS41LjVhMTUsMTUsMCwxLDEtMTUsMTVBMTUsMTUsMCwwLDEsMTUuNS41WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI3NSA2MzYpIi8+ICAgIDxwYXRoIGlkPSJQTEFZIiBjbGFzcz0iY2xzLTIiIGQ9Ik0xMy41OTEsMTAuMzhsMTIuMyw4LjM1OUwxMy41OTEsMjcuMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNzIuODI3IDYzMi42NjEpIi8+ICA8L2c+PC9zdmc+') no-repeat right 0px center;background-size:25px;width:25px;height:25px;margin:0px;border-bottom:0px !important}
.small #menuWrapper{margin-left:103px;margin-top:6px;width:897px}
.small #serviceBarContainer{display:none}
.small #logo{position:absolute;width:90px}
.small #logo img{width:90px}
.small #navigation>li>a{padding-bottom:7px}
.small #subNavContainer{top:5px}
.small #subNavContainer.active{top:46px}
main .channelElement{display:none}
aside .channelElement{display:block}
#channelNavContainer{display:none !important}
.socialMediaButton{background-position-x:0px}
.socialMediaButton:hover{background-position-x:-60px}
.socialMediaButton.whatsapp,.socialMediaButtons .seperator-whatsapp{display:none}
.socialMediaButton.share,.socialMediaButtons .seperator-share{display:none}
.socialMediaButton.twitter,.socialMediaButtons .seperator-twitter{display:inline-block}
.socialMediaButton.googleplus,.socialMediaButtons .seperator-googleplus{display:inline-block}
.socialMediaButton.email,.socialMediaButtons .seperator-email{display:inline-block}
.socialMediaButton.link,.socialMediaButtons .seperator-link{display:inline-block}
.teaserMega .socialMediaButton,.teaserMedium .socialMediaButton{background-position-x:0px}
.teaserMega .socialMediaButton:hover,.teaserMedium .socialMediaButton:hover{background-position-x:-60px}
#footerSitemap{display:flex !important}
#footerSitemap>li{width:auto;display:block;margin-bottom:0px}
#footerSitemap>li::before{display:none}
#footerSitemap>li>a{margin-bottom:0px;margin-top:0px}
#footerSitemap>li>ul>li{margin-bottom:0px}
}
@media screen and (min-width:1280px){.wallpaperloaded #contentWrapper{margin:0px 0px}
.wallpaperloaded #headerContainerInner{margin-left:0px}
.wallpaperloaded #subNavContainerInner{margin:0}
.wallpaperloaded #backToTopButton{left:500px}
}
@media screen and (min-width:1500px){#headerContainer{height:95px}
#logo,#logo img{width:124px}
#menuWrapper{width:1086px}
#serviceBarContainer{height:40px;margin-top:4px}
#webradioPlay{width:28px}
#webradioOnAir{top:10px;left:38px}
#suche{height:29px;max-width:170px}
#navigation>li>a{margin:12px 10px 0px 0px;font-size:16px;padding-bottom:8px}
#subNavContainer{top:53px}
#subNavContainer.active{top:93px}
#subNavContainerInner{max-width:1260px;height:40px;margin:0 auto}
.wallpaperloaded #subNavContainerInner{margin:0 auto}
#subNavContainer ul li{padding:13px 13px}
#subNavContainer ul li a{font-size:16px}
.small #headerContainer{height:57px}
.small #logo{width:100px}
.small #logo img{width:100px}
.small #navigation>li>a{padding-bottom:8px}
.small #menuWrapper{width:1107px;margin-left:113px}
.small #subNavContainer{top:10px}
.small #subNavContainer.active{top:57px}
.small #smallWebRadioPlay{margin-top:3px;margin-right:3px}
.wallpaperloaded #headerContainerInner,#headerContainerInner{max-width:1260px}
.wallpaperloaded #contentWrapper,#contentWrapper{max-width:1260px;margin-top:10px}
.wallpaperloaded #backToTopButton{left: calc(50% - 20px)}
#footerSitemap a{font-size:14px}
main .ffhImageGallery .imageContainer{width:900px}
}
@media screen and (min-width:1730px){.wallpaperloaded #headerContainerInner,#headerContainerInner{margin:10px auto 0px auto !important}
.wallpaperloaded #contentWrapper,#contentWrapper{margin:0 auto !important;margin-top:10px}
}
#contentWrapper .lazyload,#contentWrapper .lazyloading{opacity:0}
#contentWrapper .lazyloaded{opacity:1;transition:opacity 400ms}
#contentWrapper section{width:100%;box-sizing:border-box;background:white;margin-bottom:20px;box-shadow:0 0 3px 0px rgba(0,0,0,0.2)}
#contentWrapper section.contentSection{position:relative;padding:20px}
#contentWrapper section .embedded{background:#eee;margin-bottom:18px}
#contentWrapper section .embedded.fitToOuterTop.fitToOuterBottom{background:#fff}
#contentWrapper section .formContainer{margin-bottom:20px}
#contentWrapper section .fitToOuterFrame{margin-left:-20px;margin-right:-20px}
#contentWrapper section .fitToOuterBottom,#contentWrapper section>.fitToOuterFrame:last-child{margin-bottom:-20px}
#contentWrapper section .disqusEmbed{margin-top:40px}
#contentWrapper section .fitToOuterFrame img.wideImage{width:100%}
#contentWrapper section .fitToOuterFrame img.portraitImage{height:100%}
#contentWrapper section .fitToOuterTop{margin-top:-20px}
#contentWrapper .sectionHeadline{display:block;color:#922224;font-family:'archivo_blackregular',sans-serif;text-transform:uppercase;font-size:27px;letter-spacing:-1.25px;margin:25px 10px 10px 10px}
#contentWrapper .sectionHeadline a{font-family:'archivo_blackregular',sans-serif}
.ratioContainer{position:relative}
.ratioContainer::after{content:'';display:block;height:0;width:100%}
.ratioContainer>*{position:absolute;top:0;left:0;width:100%;height:100%;display:block}
.ratioContainer5To2::after{padding-bottom:42%}
.ratioContainer2To1::after{padding-bottom:50%}
.ratioContainer16To9::after{padding-bottom:56.25%}
.ratioContainer3To2::after{padding-bottom:66.7%}
.ratioContainer1To1::after{padding-bottom:100%}
#contentWrapper .articleBreadrumb{font-size:13px;color:#a0a0a0;margin-bottom:15px}
#contentWrapper .articleBreadrumb.withDate{margin-right:80px}
#contentWrapper .articleBreadrumb h1,#contentWrapper .articleBreadrumb a{display:inline;color:#a0a0a0;font-family:'LatoWeb',sans-serif}
#contentWrapper .articleDate{position:absolute;top:20px;right:20px;font-size:13px;color:#a0a0a0}
#contentWrapper p,#contentWrapper td,#contentWrapper th,#contentWrapper .textCObject p:last-child{font-size:16px;line-height:20px;color:#666;margin-bottom:13px}
#contentWrapper p.legalnote{font-size:12px !important;line-height:16px !important;font-style:italic}
#contentWrapper p.align-justify{text-align:justify}
#contentWrapper p.align-left{text-align:left}
#contentWrapper p.align-right{text-align:right}
#contentWrapper p.align-center{text-align:center}
#contentWrapper p:last-child,#contentWrapper table:last-child,#contentWrapper td p:last-child,#contentWrapper th p:last-child,#contentWrapper .textCObject:last-child p:last-child{margin-bottom:0px}
#contentWrapper a{color:#922224;font-family:'LatoWebBold',sans-serif;text-decoration:none}
#contentWrapper p b{font-family:'LatoWebBold',sans-serif;font-weight:normal}
#contentWrapper h2.articleHeadline{margin-bottom:13px}
#contentWrapper h2 span.intro{display:block;margin-bottom:4px;font-family:'LatoWebBlack',sans-serif;font-size:24px;color:#666}
#contentWrapper h2 span.separator{display:none}
#contentWrapper h2 span.headline{display:block;font-size:27px;color:#669900;font-family:'archivo_blackregular',sans-serif;letter-spacing:-1.25px;text-transform:uppercase}
#contentWrapper h3{font-size:18px;line-height:21px;margin-bottom:5px;color:#669900;font-family:'archivo_blackregular',sans-serif;letter-spacing:-0.25px;text-transform:uppercase;margin-top:20px}
#contentWrapper .textCObject h3{color:#666666;font-family:'LatoWebBold',sans-serif;letter-spacing:0px;text-transform:none}
#contentWrapper h3:first-child{margin-top:0px}
#contentWrapper section.contentSection ul{list-style-type:disc;margin-left:20px}
#contentWrapper section.contentSection ol{list-style-type:decimal;margin-left:20px}
#contentWrapper section.contentSection li{font-size:16px;line-height:20px;color:#666;margin-bottom:13px}
#contentWrapper h5{font-size:18px;line-height:20px;margin-bottom:5px;color:#666;font-family:'LatoWebBold',sans-serif}
#contentWrapper hr{border:none;border-bottom:1px dotted #666}
table.zebra-rows{width:100%;border-spacing:0;margin-bottom:13px}
table.zebra-rows thead tr th{text-align:left;padding:3px 3px 3px 8px;font-family:'LatoWebBold',sans-serif;font-weight:normal;border-right:2px solid #fff;border-bottom:1px solid #666}
table.zebra-rows td{padding:5px 5px 3px 8px;border-right:2px solid #fff;border-bottom:2px solid #fff;vertical-align:top}
table.zebra-rows td.odd,table.zebra-rows tr.odd{background:#fff}
table.zebra-rows td.even,table.zebra-rows tr.even{background:#eee}
table.zebra-rows thead tr th:last-child{border-right:none}
table.zebra-rows td:last-child{border-right:none}
table.zebra-rows tr:last-child td{border-bottom:none}
table th.width100,table td.width100{width:100px}
table.contentTable{width:100%}
.contentTable tr{border-bottom:1px dotted #666}
.contentTable:last-child tr:last-child{border-bottom:none}
.contentTable td{box-sizing:border-box;padding:13px 10px 13px 0px;vertical-align:top;position:relative}
.contentTable:last-child tr:last-child td{padding-bottom:0px}
.contentTable td.iconCol{width:125px;padding-right:0px;text-align:center}
.ajax-placeholder .loadingIcon{margin:50px 20px}
.fitToOuterFrame.embedded.picture{line-height:0px}
.fitToOuterFrame.embedded .topicDescriptionContainer,.fitToOuterFrame.embedded #disqus_thread{padding:8px 20px 12px 20px}
.fitToOuterFrame.embedded.postContent,.fitToOuterFrame.embedded.externalContent{padding:20px}
.topicDescriptionContainer h5{font-family:'LatoWebBold';color:#666;font-size:16px;font-weight:normal}
.topicDescriptionContainer .captionLine{color:#a0a0a0;font-size:13px;min-height:13px;margin-bottom:2px;line-height:initial}
.fitToOuterFrame .teaser{box-shadow:none;margin-bottom:13px !important;border-bottom:1px dotted #666}
.fitToOuterFrame .teaserImage{margin-bottom:13px}
.fitToOuterFrame .no16to9{margin-bottom:-13px}
.postContent iframe.twitter-tweet{margin-top:0px !important;margin-bottom:0px !important}
.postContent div.twitter-video{width:100%;display:inline-block;margin-top:0px !important;margin-bottom:0px !important}
.postContent .instagram-media{margin:auto !important}
#contentWrapper .authorLine{margin:20px 0px}
#contentWrapper .authorLine img{float:left;margin-right:10px}
#contentWrapper .authorLine p{padding:10px 0px}
.tabBar{border-bottom:1px solid #666666}
.tabBarIcon{display:block;float:left;width:125px;text-align:center;margin-bottom:10px}
.tabBarIcon img{height:80px}
.tabBarDescription{display:block;min-height:42px;padding-bottom:20px}
.tabBarItem{display:block;float:left;position:relative}
.tabBarItem a{display:block;padding:5px 0px 8px 0px;margin-right:35px;font-family:'LatoWebBlack',sans-serif;font-size:16px;color:#666 !important;border-bottom:5px solid #fff;text-transform:uppercase;cursor:pointer}
.tabBarItem a.hidden-desktop{display:none}
.tabBarItem.active a{border-bottom:5px solid #669900;color:#669900 !important}
.tabBarItem .badge{right:15px}
.tabSettings{display:inline-block;float:right}
.tabContent{padding-top:15px}
.contentContainer50x50 .contentColumn{width: calc(50% - 10px);float:left}
.contentContainer50x50 .contentColumn.left{margin-right:10px}
.contentContainer50x50 .contentColumn.right{margin-left:10px}
.contentSettingsIcon{width:20px;cursor:pointer}
.jw-state-idle .jw-controls{background:rgba(0,0,0,0.0) !important}
@media screen and (max-width:1499px){#contentWrapper .sectionHeadline{font-size:24px;letter-spacing:-1.0px}
}
@media screen and (max-width:1079px){#contentWrapper .sectionHeadline{font-size:22px;letter-spacing:-0.8px}
#contentWrapper section.contentSection{padding:10px}
#contentWrapper section .embedded{margin-bottom:10px;margin-top:10px}
#contentWrapper section .embedded.disqusEmbed{margin-top:40px}
#contentWrapper section .fitToOuterFrame{margin-left:-10px;margin-right:-10px}
#contentWrapper section .fitToOuterBottom,#contentWrapper section>.fitToOuterFrame:last-child{margin-bottom:-10px}
#contentWrapper section .fitToOuterTop{margin-top:-10px}
#contentWrapper .articleBreadrumb h1.topicName,#contentWrapper .articleBreadrumb .lastSpacer{display:none}
#contentWrapper .articleDate{top:10px;right:10px}
#contentWrapper h2 span.intro{font-size:20px}
#contentWrapper h2 span.headline{font-size:22px;letter-spacing:-0.8px}
.tabBarItem a.hidden-mobile{display:none}
.tabBarItem a.hidden-desktop{display:block}
.tabBarItem a{margin-right:22.5px}
.tabBarItem .badge{right:5px}
.ajax-placeholder .loadingIcon{margin:50px 10px}
.fitToOuterFrame.embedded .topicDescriptionContainer,.fitToOuterFrame.embedded #disqus_thread{padding:8px 10px 8px 10px}
.fitToOuterFrame.embedded.postContent,.fitToOuterFrame.embedded.externalContent{padding:10px}
}
@media screen and (max-width:879px){.contentContainer50x50 .contentColumn{float:none;width:100%}
.contentContainer50x50 .contentColumn.right{margin-left:0px;margin-bottom:0px}
.contentColumn .content::after{content:'';display:block;border-top:1px dotted #666;margin-top:10px;padding-bottom:10px !important}
.contentContainer50x50 .right>.content:last-child::after,.contentContainer50x50 .right .csc-default:last-child .content::after{display:none}
}
@media screen and (max-width:560px){#contentWrapper .sectionHeadline{font-size:20px;letter-spacing:-0.7px}
#contentWrapper h2 span.intro{font-size:18px}
#contentWrapper h2 span.headline{font-size:20px;letter-spacing:-0.7px}
.tabBarIcon{float:none;width:65px;margin-bottom:0px}
.tabBarIcon img{height:43px}
.tabBarDescription{min-height:0px;padding-bottom:10px}
.tabBarItem a{font-size:14px}
.tabSettings{position:absolute;top:10px;right:10px}
.contentTable td.iconCol{width:65px;text-align:left}
table.zebra-rows th{display:none}
table th.width100,table td.width100{width:auto}
table.zebra-rows:not(.noMobileLayout) td{display:block;padding:0px 5px;margin-bottom:0px !important;border-right:none;border-bottom:none}
table.zebra-rows:not(.noMobileLayout) tr td:first-child{padding-top:5px;font-family:'LatoWebBold',sans-serif}
table.zebra-rows:not(.noMobileLayout) tr td:last-child{padding-bottom:5px}
}
@media screen and (max-width:450px){#contentWrapper h3{font-size:16px;line-height:18px}
#contentWrapper .textCObject h3{font-size:17px;line-height:20px}
}
.channelElement{width:100%;margin-bottom:20px}
main .channelElement.channelElementNoMobile,main .channelElement.channelElementForceMobile,#bottomContent .channelElement.channelElementForceMobile{display:none}
.channelElement .teaserBottomLabel{margin-bottom:-5px}
.channelContent{box-sizing:border-box;background:white;margin-bottom:20px;box-shadow:0 0 3px 0px rgba(0,0,0,0.2)}
.channelContent form{margin:0 10px;padding-bottom:10px}
#contentWrapper .channelContent h3{font-size:16px;line-height:18px;margin-top:0px}
.channelContent .powermail_create{margin:10px;padding-bottom:10px}
.channelContent .textCObject{margin:5px 10px 0px 10px;padding-bottom:10px}
#contentWrapper .channelContent .textCObject p:last-child{margin-bottom:0px}
.channelContent .textCObject ul{list-style-type:disc;margin-left:20px}
.channelContent .textCObject ol{list-style-type:decimal;margin-left:20px}
.channelContent .textCObject li{font-size:16px;line-height:20px;color:#666;margin-bottom:13px}
.channelContent .textCObject li:last-child{margin-bottom:0px}
.channelHeadline{margin:0px 10px;padding:10px 0px 5px 0px;border-bottom:1px solid #666;font-size:16px;line-height:18px;color:#669900;font-family:'archivo_blackregular',sans-serif;letter-spacing:-0.25px;text-transform:uppercase}
.channelDivider{margin:0px 10px;border-bottom:1px solid #666}
.channelNav li{padding:0px 10px}
.channelNav li.active{background:#669900;margin-top:-1px;padding-top:1px}
.channelNav li a{display:block;padding:9px 0px 7px 0px;font-family:'LatoWebBlack',sans-serif !important;font-size:14px;font-weight:normal;color:#669900 !important;border-bottom:1px dotted #666;cursor:pointer}
.channelNav li.active a{color:#ffffff !important;border-bottom:1px solid #669900}
.channelNav li:last-child a{border-bottom:none}
.channelTeaserItem{position:relative;margin:0 10px;border-bottom:1px dotted #666;padding:6px 0px}
.channelTeaserItem:last-child{border-bottom:0px}
.channelTeaserItem.timeline{padding-right:55px;background:url('/fileadmin/templates/ffh.de/images/channels/timeline/line.svg') repeat-y top right}
.channelTeaserItem.timeline::after{content:'';display:block;width:7px;height:2px;background:#fff;position:absolute;bottom:-1px;right:1px}
.channelTeaserItem.timeline:last-child::after{display:none}
.channelTeaserItem .intro{display:block;margin-bottom:2px;font-family:'LatoWebBold',sans-serif;font-size:13px;color:#666 !important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.channelTeaserItem .intro a{font-family:'LatoWebBold',sans-serif;color:#666 !important}
.channelTeaserItem .headline{display:block;font-family:'LatoWebBlack',sans-serif;font-size:13px;color:#669900 !important;text-transform:uppercase}
.channelTeaserItem .headline a{font-family:'LatoWebBlack',sans-serif;font-size:13px;color:#669900 !important}
.channelTeaserItem .time{position:absolute;top:9px;right:-5px;font-size:11px;color:#666;padding-right:13px;background:url('/fileadmin/templates/ffh.de/images/channels/timeline/dot.svg') no-repeat center right}
.channelTeaserItem:first-child .time{padding-top:8px;background-color:#fff;background-position:bottom right;top:0}
.channelTeaserItem span.ranking{font-family:'LatoWebBlack',sans-serif;float:left;display:block;color:#666;font-size:13px;margin-top:1px}
.channelTeaserItem.ranking .intro,.channelTeaserItem.ranking .headline{margin-left:18px}
.channelIconNav{margin-left:10px;margin-right:10px}
.channelIconNav li{display:inline-block;width: calc(33.33% - 17px);text-align:center;margin-right:20px;margin-top:8px}
.channelIconNav li:nth-child(3n){margin-right:0px}
.channelIconNav li a{font-size:11px;color:#666 !important}
.channelIconNav .channelIcon{display:block;width:100%;padding-top:100%;border:1px solid #a0a0a0;background-size:contain}
.channelIconNav .active .channelIcon{background-color:#669900}
.channelContentDark .channelHeadline,.channelContentDark .channelNav li a{color:#fff !important;border-bottom-color:#fff}
.channelContentDark p{color:#fff !important}
.channelContentDark .channelDivider{border-bottom-color:#fff}
@media screen and (max-width:879px){.channelElement.channelElementEmptyMobile,.channelElement.channelElementEmptyMobile .channelContent{margin-bottom:0px}
.channelIconNav{overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;height:100px;white-space:nowrap;padding-bottom:10px}
.channelIconNav li{float:none;display:inline-block;width:75px;height:75px;margin-right:10px}
.channelIconNav li:nth-child(3n){margin-right:10px}
}
@media screen and (max-width:799px){main .channelElement.channelElementForceMobile,#bottomContent .channelElement.channelElementForceMobile{display:block}
}
.lazyGallery,.imageGallery{background-color:#eee;overflow:hidden}
.lazyImageContainer,.ImageContainer{width:100%;padding-top:56.26%;position:relative}
.lazyImage,.galleryImage{position:absolute;top:0px;height:100%;width:100%;text-align:center}
.lazyImage img.fullHeight,.galleryImage img.fullHeight{height:100%}
.lazyImage img.fullWidth,.galleryImage img.fullWidth{position:absolute;width:100%;left:0px;top:50%;transform:translateY(-50%)}
.galleryControls{width:100%;float:right;text-align:right}
.itemLinkLeft{height:100%;width:50%;position:absolute;top:0;left:0;cursor:pointer}
.itemLinkRight{height:100%;width:50%;position:absolute;top:0;right:0;cursor:pointer}
.galleryImageCounter{position:relative;top:-7px;color:#666}
.lazyGallery a.imageGalleryBackLink,.lazyGallery a.imageGalleryNextLink{height:100%;top:0px}
.lazyGallery a.imageGalleryBackLink{left:0px}
.lazyGallery a.imageGalleryNextLink{right:0px}
.imageGalleryBackLink img,.imageGalleryNextLink img{width:15px;cursor:pointer}
.lazyImageContainer:first-of-type,.lazyImageContainer:last-of-type,.ImageContainer:first-of-type,.ImageContainer:last-of-type{position:absolute;top:0px}
.galleryElements .downloadLink,.galleryControls .downloadLink{display:block;text-indent:-1000px;background:url(/fileadmin/templates/ffh.de/images/layout/download.svg) no-repeat;background-size:25px;overflow:hidden;height:27px;width:24px;position:absolute;right:88px;bottom:3px;z-index:100}
.galleryControls .downloadLink{right:58px;bottom:6px}
.adWrapper{position:relative;top:50%;transform:translateY(-50%)}
.rectangleLink{width:2%;z-index:200}
.lazyRectangle{background:url('/fileadmin/templates/ffh.de/images/layout/background-gray.png');position:absolute;width:100%;height:100%;text-align:center;top:0;z-index:100}
.lazyRectangle iframe{width:300px;height:250px;border:none;background:#eee;overflow:hidden}
.jRatingAverage{background-color:#da0000;position:relative;top:0;left:0;z-index:2;height:100%}
.jRatingColor{background-color:#99CC00;
position:relative;top:0;left:0;z-index:2;height:100%}
.jStar{position:relative;left:0;z-index:3}
p.jRatingInfos{position:absolute;z-index:9999;background:transparent url('../../fileadmin/templates/ffh.de/css/icons/bg_jRatingInfos.png') no-repeat;color:#FFF;display:none;width:91px;height:29px;font-size:16px;text-align:center;padding-top:5px}
p.jRatingInfos span.maxRate{color:#c9c9c9;font-size:14px}
.channelContent .imageGalleryContainer{position:relative;padding:10px}
.channelContent .imageGalleryContainer .gallery.fitToOuterFrame{margin-left:-10px;margin-right:-10px}
.channelContent .imageGalleryContainer .gallery.fitToOuterBottom{margin-bottom:-10px}
.channelContent .imageGalleryContainer .gallery.fitToOuterTop{margin-top:-10px}
.channelContent .imageGalleryContainer .teaserImage{margin-bottom:0px}
.floatItem img{width:100%}
.floatGallery:after{content:'';display:block;clear:both}
.floatItem a{display:block}
.floatItemOverlay{opacity:0;visibility:hidden;transform:translateY(100%);position:absolute;bottom:0;width:100%;background:rgba(255,255,255,0.8);min-height:30px;display:table;transition:all 0.6s ease}
.floatItemOverlay .overlayText{color:#666;font-weight:normal;vertical-align:middle;padding:11px 30px 11px 10px;display:table-cell;font-size:15px}
.floatItemOverlay .overlayZoom{width:15px;height:15px;position:absolute;right:8px;bottom:13px;background:url('../../fileadmin/templates/ffh.de/images/layout/zoom.svg') no-repeat right bottom}
.floatItem:hover .floatItemOverlay{visibility:visible;opacity:1;transform:translateY(0)}
.grid-sizer,.floatItem{width:48.5%}
.gutter-sizer{width:3%}
.floatItem{overflow:hidden;margin-bottom:9px}
@media screen and (min-width:560px){.grid-sizer,.floatItem{width:32%}
.gutter-sizer{width:2%}
.rectangleLink{width:21%}
}
@media screen and (min-width:880px){.floatItem{margin-bottom:8px}
}
@media screen and (min-width:1080px){.floatItem{margin-bottom:10px}
.lazyGallery .downloadLink{background-size:30px;height:34px}
.grid-sizer,.floatItem{width:32%}
.gutter-sizer{width:2.04%}
}
@media screen and (min-width:1280px){.rectangleLink{width:28%}
}
@media screen and (min-width:1500px){.floatItem{margin-bottom:15px}
.rectangleLink{width:33%}
}
.teaserContainerTopLink{display:block;float:right;padding:5px 10px 3px 10px;background-color:#669900;color:#fff !important;text-transform:uppercase;font-family:'LatoWebBlack',sans-serif !important;font-size:16px}
.videoTeaserPlayIcon{height:100%;position:absolute;width:100%;background:url(/fileadmin/templates/ffh.de/images/layout/play.svg) no-repeat center center;background-size:110px;z-index:100;transition:all ease 0.2s}
.videoTeaserPlayIcon:hover{background-size:100px}
.teaserContainerTopLink.newstohear{background:#669900 url('/fileadmin/templates/ffh.de/images/layout/speaker.svg') 8px center no-repeat;background-size:18px;padding-left:32px}
.teaserContainerHidden{display:none}
.teaserContainer50x50 .teaserColumn{width: calc(50% - 10px);float:left}
.teaserContainer50x50 .teaserColumn.left{margin-right:10px}
.teaserContainer50x50 .teaserColumn.right{margin-left:10px}
.teaser{background:white;margin-bottom:20px;box-shadow:0 0 3px 0px rgba(0,0,0,0.2);box-sizing:border-box}
.teaserImage{line-height:0px;background:#e0e0e0}
.teaserImage img{width:100%}
.teaserSmall .teaserImage,.teaserMedium .teaserImage{float:left;width:43.5%;margin-right:15px}
.teaserSmall .videoTeaserPlayIcon,.teaserChannel .videoTeaserPlayIcon{background-size:60px}
.teaserSmall .videoTeaserPlayIcon:hover,.teaserChannel .videoTeaserPlayIcon:hover{background-size:55px}
.teaserSmall .teaserImage{max-width:261px}
.teaserMedium .teaserImage{max-width:445px}
.teaserMedium .videoTeaserPlayIcon{background-size:90px}
.teaserMedium .videoTeaserPlayIcon:hover{background-size:85px}
.teaserSmall .teaserWrapper,.teaserMedium .teaserWrapper{margin-right:15px;padding-top:9px}
.teaserBig.ratioContainer::after{padding-bottom: calc(73.75% + 40px)}
.teaserBig .videoTeaserPlayIcon{background-size:110px}
.teaserBig .videoTeaserPlayIcon:hover{background-size:100px}
.teaserBig .teaserWrapper,.teaserMega .teaserWrapper{margin-left:15px;margin-right:15px;padding:9px 0px}
.teaserMega .teaserImageOverlay{position:absolute;bottom:-1px;height:auto;top:auto;background:rgba(255,255,255,0.8);padding:8px 15px 5px 15px;box-sizing:border-box}
.teaserMega .teaserMobileHeader{display:none;margin-bottom:10px}
.teaserSquare .teaserWrapper>div{padding-top:8px;margin-left:10px;margin-right:10px;width: calc(100% - 20px)}
.teaserChannel .teaserWrapper{margin:0 10px;padding:6px 0px}
.teaserIcon{display:block;width:105px;height:15px;margin-bottom:3px;background:url('/fileadmin/templates/ffh.de/images/layout/teasericons.svg?20171220') no-repeat;background-position-x:-60px;overflow:hidden;text-indent:-1000px}
.teaserIcon.teaserIconSmall{display:inline-block;position:relative;width:16px;height:10px;margin-bottom:0px;background-position-x:-30px}
.teaserImageOverlay .teaserIcon{background-position-x:-180px}
.teaserIcon_sound{background-position-y:-20px}
.teaserIconSmall.teaserIcon_sound{width:10px}
.teaserIcon_download{background-position-y:-40px}
.teaserIconSmall.teaserIcon_download{width:11px}
.teaserIcon_game{background-position-y:-60px}
.teaserIcon_news{background-position-y:-80px}
.teaserIconSmall.teaserIcon_news,.teaserIconSmall.teaserIcon_nordhessen,.teaserIconSmall.teaserIcon_osthessen,.teaserIconSmall.teaserIcon_mittelhessen,.teaserIconSmall.teaserIcon_rheinmain,.teaserIconSmall.teaserIcon_wiesbaden,.teaserIconSmall.teaserIcon_suedhessen{width:11px;background-position-y:-80px !important}
.teaserIcon_play{background-position-y:-100px}
.teaserIcon_shopping{background-position-y:-120px}
.teaserIconSmall.teaserIcon_shopping{width:12px}
.teaserIcon_vote{background-position-y:-140px}
.teaserIconSmall.teaserIcon_vote{width:10px}
.teaserIcon_soldout{background-position-y:-300px}
.teaserIcon_anzeige{background-position-y:-160px}
.teaserIcon_empty{background:none !important}
.teaserIcon_nordhessen{background-position-y:-180px}
.teaserIcon_mittelhessen{background-position-y:-200px}
.teaserIcon_osthessen{background-position-y:-220px}
.teaserIcon_wiesbaden{background-position-y:-240px}
.teaserIcon_rheinmain{background-position-y:-260px}
.teaserIcon_suedhessen{background-position-y:-280px}
.teaserIcon a{display:block}
.teaser h4 .intro{display:block;font-family:'LatoWebBlack',sans-serif;font-size:18px;line-height:20px;color:#666 !important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.teaser h4 .headline{display:block;font-family:'archivo_blackregular',sans-serif;letter-spacing:-0.35px;font-size:18px;line-height:20px;max-height:41px;overflow:hidden;margin-bottom:2px;color:#669900 !important;text-transform:uppercase}
.teaser.active h4 .intro,.teaser.active h4 .headline,.teaser.active .date{color:#fff !important}
.teaserMega h4 .intro,.teaserMega h4 .headline{font-size:24px;line-height:28px;max-height:54px}
.teaserChannel h4 .intro,.teaserChannel h4 .headline{font-size:16px;line-height:18px}
.teaserChannel h4 .headline{letter-spacing:-0.25px}
.teaserSquare h4 .intro{font-size:16px;line-height:18px}
.teaserSquare h4 .headline{font-size:16px;line-height:18px;max-height:54px}
.teaserSmall .teaserText,.teaserBig .teaserText{max-height:40px;overflow:hidden}
.teaser .date{display:block;font-size:12px;color:#a0a0a0;margin-bottom:2px}
.teaserMedium .date{position:absolute;top:12px;right:10px}
.teaserContainerFloat .teaser{float:left}
.teaserContainerFloat25x25x25x25 .teaserSquare{width: calc(25% - 15px);margin-right:20px}
.teaserContainerFloat25x25x25x25 .teaserSquare:nth-of-type(4n),.teaserContainerFloat25x25x25x25 .csc-default:nth-of-type(4n) .teaser{margin-right:0px}
.teaserContainerFloat50x50 .teaserSmall{width: calc(50% - 10px);margin-right:20px}
.teaserContainerFloat50x50 .teaserSmall:nth-of-type(2n){margin-right:0px}
.teaserContainerFloatStripe{background:white;margin-bottom:20px;padding:15px 15px 10px 15px;box-shadow:0 0 3px 0px rgba(0,0,0,0.2);box-sizing:border-box;overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch}
.teaserFloatStripe{white-space:nowrap}
.teaserContainerFloatStripe .teaserSquare{display:inline-block;white-space:normal;float:none;width:261px;margin-right:15px;margin-bottom:0px}
.teaserContainerFloatStripe .teaserSquare:last-child{margin-right:15px}
.teaserContainerFloatStripe .teaserSquare .teaserWrapper::after{padding-bottom:42%}
.teaserContainerFloatStripe .teaserSquare .teaserWrapper.audioplayerContainer::after{padding-bottom:46%}
.teaserBottomLabel{position:relative;text-align:right;top:-5px;margin-bottom:15px;font-family:'LatoWebBlack',sans-serif;font-size:13px;color:#a0a0a0;text-transform:uppercase}
.teaserBottomLabel a{display:inline-block;font-family:'LatoWebBlack',sans-serif !important;color:#a0a0a0 !important}
.teaserBottomLabel a.arrowRight{background:url('/fileadmin/templates/ffh.de/images/layout/rechts.svg') right top no-repeat;background-size:7px;padding-right:13px}
.teaserBottomLabel a.arrowDown{background:url('/fileadmin/templates/ffh.de/images/layout/unten.svg') right 2px no-repeat;background-size:13px;padding-right:19px}
.slideInContents .teaser{cursor:pointer}
.slideInContents .teaser.preventClick{cursor:auto}
.teaser.active{background:#669900}
.teaser .teaserWrapper.arrowDown{background:url('/fileadmin/templates/ffh.de/images/layout/unten.svg') right 10px bottom 10px no-repeat;background-size:13px}
.teaser.active .teaserWrapper.arrowDown{background-image:url('/fileadmin/templates/ffh.de/images/layout/obenWhite.svg')}
.slideInContents section.contentSection{clear:both;display:none}
@media screen and (max-width:1499px){.teaserSmall .teaserImage,.teaserMedium .teaserImage{margin-right:10px}
.teaserSmall .teaserWrapper,.teaserMedium .teaserWrapper{margin-right:10px}
.teaserBig .teaserWrapper,.teaserMega .teaserWrapper{margin-left:10px;margin-right:10px}
.teaserSmall .teaserImage{max-width:223px}
.teaserMega .teaserImageOverlay{padding:8px 10px 5px 10px}
.teaserSmall h4 .intro,.teaserMedium h4 .intro,.teaserBig h4 .intro{font-size:16px;line-height:18px}
.teaserSmall h4 .headline,.teaserMedium h4 .headline,.teaserBig h4 .headline{font-size:16px;line-height:18px;max-height:54px}
.teaserSmall .teaserText,.teaserMedium .teaserText p{display:none}
.teaserContainerFloat25x25x25x25 .teaserSquare{width: calc(33.333% - 13.333px)}
.teaserContainerFloat25x25x25x25 .teaserSquare:nth-of-type(4n),.teaserContainerFloat25x25x25x25 .csc-default:nth-of-type(4n) .teaserSquare{margin-right:20px}
.teaserContainerFloat25x25x25x25 .teaserSquare:nth-of-type(3n),.teaserContainerFloat25x25x25x25 .csc-default:nth-of-type(3n) .teaserSquare{margin-right:0px}
.teaserContainerFloatStripe{padding:10px 10px 5px 10px}
.teaserContainerFloatStripe .teaserSquare{width:200px;margin-right:10px}
.teaserContainerFloatStripe .teaserSquare:last-child{margin-right:10px}
.teaserContainerFloatStripe .teaserSquare .teaserWrapper>div{padding-top:5px;margin-left:7px;margin-right:7px;width: calc(100% - 14px)}
.teaserContainerFloatStripe .teaserSquare .teaserWrapper::after{padding-bottom:50%}
.teaserContainerFloatStripe .teaserSquare .teaserWrapper.audioplayerContainer::after{padding-bottom:67%}
}
@media screen and (max-width:1079px){
.teaserContainerFloat25x25x25x25{margin-bottom:10px}
.teaserContainerFloat25x25x25x25 .teaserSquare{width: calc(33.333% - 6.666px);margin-right:10px;margin-bottom:10px}
.teaserContainerFloat25x25x25x25 .teaserSquare:nth-of-type(3n),.teaserContainerFloat25x25x25x25 .csc-default:nth-of-type(3n) .teaserSquare{margin-right:0px}
.teaserContainerFloat25x25x25x25 .teaserSquare:nth-of-type(4n),.teaserContainerFloat25x25x25x25 .csc-default:nth-of-type(4n) .teaserSquare{margin-right:10px}
.teaserContainerFloat25x25x25x25 .teaserSquare:nth-of-type(12n),.teaserContainerFloat25x25x25x25 .csc-default:nth-of-type(12n) .teaserSquare{margin-right:0px}
.teaserContainerFloat25x25x25x25 .teaserBottomLabel{top:5px;margin-bottom:25px}
}
@media screen and (max-width:879px){.teaserBottomLabel,.teaserContainerTopLink{margin-right:10px}
.teaserColumn{background:#fff;box-shadow:0 0 3px 0px rgba(0,0,0,0.2)}
.teaserContainer100 .teaserColumn,.teaserContainerFloat50x50 .teaserColumn,.teaserContainerChannel .teaserColumn{margin-bottom:20px}
.teaserContainer50x50 .teaserColumn{float:none;width:100%}
.teaserContainer50x50 .teaserColumn.right{margin-left:0px;margin-bottom:20px}
.teaserContainerSnapToNext .teaserColumn{margin-bottom:0px !important}
.teaserContainer50x50 .teaserColumn.right,.teaserContainerSnapToNext+.teaserContainer .teaserColumn,.teaserContainerPager .teaserContainerHidden .teaserColumn{box-shadow:0px 3px 3px -3px rgba(0,0,0,0.2),3px 0px 3px -3px rgba(0,0,0,0.2),-3px 0px 3px -3px rgba(0,0,0,0.2)}
.teaser:not(.teaserSquare){box-shadow:none;margin-bottom:0px}
.teaserColumn .teaser::after,.teaserContainerFloat .teaserSmall::after{content:'';display:block;border-top:1px dotted #666;margin-top:10px;padding-bottom:10px !important}
.teaserColumn .teaserMega::after{margin-top:0px}
.teaserContainer100:not(.teaserContainerSnapToNext) .teaserColumn>.teaser:last-child::after,.teaserContainer100:not(.teaserContainerSnapToNext) .csc-default:last-child .teaser::after,.teaserContainer50x50:not(.teaserContainerSnapToNext) .right>.teaser:last-child::after,.teaserContainer50x50:not(.teaserContainerSnapToNext) .right .csc-default:last-child .teaser::after,.teaserContainerChannel:not(.teaserContainerSnapToNext) .teaserColumn>.teaser:last-child::after,.teaserContainerChannel:not(.teaserContainerSnapToNext) .csc-default:last-child .teaser::after,.teaserContainerFloat:not(.teaserContainerSnapToNext) .teaserSmall:last-of-type::after{display:none}
.teaser.forceBorderBottom::after{display:block !important}
.teaserContainerPager .teaserColumn.right,.teaserContainerPager .teaserContainer100:not(:last-child) .teaserColumn,.teaserContainerPager .teaserContainerFloat:not(:last-child) .teaserColumn{margin-bottom:0px}
.teaserContainerPager .teaserBottomLabel{top:15px;margin-bottom:35px}
.teaserContainerPager .teaserContainerFloat25x25x25x25 .teaserBottomLabel{top:5px}
.teaserSmall .teaserImage{max-width:initial}
.teaserSmall .teaserWrapper,.teaserMedium .teaserWrapper,.teaserChannel .teaserWrapper{padding-top:5px}
.teaserSmall .teaserText,.teaserChannel .teaserText,.teaserMedium .teaserText p{display:block}
.teaserChannel.trackAd .teaserWrapper{margin-left: calc(39.5% + 10px)}
.teaserMega .teaserImage .teaserImageOverlay,.teaserMega .teaserText p{display:none}
.teaserMega .teaserMobileHeader{display:block}
.teaserBig .teaserWrapper{padding-bottom:0px}
.teaserBig.ratioContainer>*{position:relative;height:auto}
.teaserContainerFloat50x50 .teaserSmall{float:none;width:100%}
.teaserContainerFloat25x25x25x25{margin:0 10px}
.teaserSquare .teaserWrapper>div{padding-top:5px;margin-left:7px;margin-right:7px;width: calc(100% - 14px)}
.teaser .date{font-size:10px;margin-bottom:1px}
.teaserChannel .teaserImage{float:left;width:43.5%;margin-right:10px}
}
@media screen and (max-width:679px){.teaserColumn .teaserMedium::after{margin-top:0px}
.teaserMedium .teaserImage{float:none;max-width:100%;width:100%}
.teaserMedium .teaserWrapper{position:relative;padding:10px 0px;margin-left:10px;margin-right:10px}
.teaserMedium h4 .intro,.teaserMedium h4 .headline{font-size:24px;line-height:28px;max-height:54px}
.teaserMedium .date{right:0px}
.teaserMedium .teaserText p{display:none}
.teaserMedium .socialMediaButtons{margin-top:10px}
}
@media screen and (max-width:560px){.teaserContainerTopLink{margin-top:-2px;font-size:14px}
.teaserContainerTopLink.newstohear{background-size:14px;padding-left:28px}
.teaserSmall .teaserWrapper,.teaserChannel:not(.trackAd) .teaserWrapper{padding-top:1.5px}
.teaserSmall h4 .intro,.teaserChannel h4 .intro,.teaserBig h4 .intro,.teaserSquare h4 .intro{font-size:14px;line-height:16px}
.teaserSmall h4 .headline,.teaserChannel h4 .headline,.teaserBig h4 .headline,.teaserSquare h4 .headline{padding-top:1px;font-size:14px;line-height:16px;max-height:46px}
.teaserSmall .videoTeaserPlayIcon,.teaserChannel .videoTeaserPlayIcon{background-size:50px}
.teaserSmall .videoTeaserPlayIcon:hover{background-size:35px}
.teaserBig .videoTeaserPlayIcon,.teaserMega .videoTeaserPlayIcon{background-size:90px}
.teaserBig .videoTeaserPlayIcon:hover{background-size:70px}
.teaserMega h4 .intro,.teaserMedium h4 .intro{font-size:16px;line-height:18px;margin-bottom:1px}
.teaserMega h4 .headline,.teaserMedium h4 .headline{font-size:16px;line-height:18px}
.teaser .teaserIcon,.channelRelatedItem .teaserIcon{height:9px;width:85px;background-size:239px;background-position-x:-45px}
.teaser .teaserIcon_sound,.channelRelatedItem .teaserIcon_sound{background-position-y:-15px}
.teaser .teaserIcon_download,.channelRelatedItem .teaserIcon_download{background-position-y:-30px}
.teaser .teaserIcon_game,.channelRelatedItem .teaserIcon_game{background-position-y:-45px}
.teaser .teaserIcon_news,.channelRelatedItem .teaserIcon_news{background-position-y:-60px}
.teaser .teaserIcon_play,.channelRelatedItem .teaserIcon_play{background-position-y:-75px}
.teaser .teaserIcon_shopping,.channelRelatedItem .teaserIcon_shopping{background-position-y:-90px}
.teaser .teaserIcon_vote,.channelRelatedItem .teaserIcon_vote{background-position-y:-105px}
.teaser .teaserIcon_soldout,.channelRelatedItem .teaserIcon_soldout{background-position-y:-225px}
.teaser .teaserIcon_anzeige,.channelRelatedItem .teaserIcon_anzeige{background-position-y:-120px}
.teaser .teaserIcon_nordhessen,.channelRelatedItem .teaserIcon_nordhessen{background-position-y:-135px}
.teaser .teaserIcon_mittelhessen,.channelRelatedItem .teaserIcon_mittelhessen{background-position-y:-150px}
.teaser .teaserIcon_osthessen,.channelRelatedItem .teaserIcon_osthessen{background-position-y:-165px}
.teaser .teaserIcon_wiesbaden,.channelRelatedItem .teaserIcon_wiesbaden{background-position-y:-180px}
.teaser .teaserIcon_rheinmain,.channelRelatedItem .teaserIcon_rheinmain{background-position-y:-195px}
.teaser .teaserIcon_suedhessen,.channelRelatedItem .teaserIcon_suedhessen{background-position-y:-210px}
.teaserSmall .teaserText,.teaserChannel .teaserText{display:none}
.teaserSmall .teaserImage,.teaserChannel .teaserImage{width:39.5%}
.teaserContainerFloat25x25x25x25 .teaserSquare{width: calc(50% - 5px)}
.teaserContainerFloat25x25x25x25 .teaserSquare:nth-of-type(2n),.teaserContainerFloat25x25x25x25 .csc-default:nth-of-type(2n) .teaserSquare{margin-right:0px}
.teaserContainerFloat25x25x25x25 .teaserSquare:nth-of-type(3n),.teaserContainerFloat25x25x25x25 .csc-default:nth-of-type(3n) .teaserSquare{margin-right:10px}
.teaserContainerFloat25x25x25x25 .teaserSquare:nth-of-type(6n),.teaserContainerFloat25x25x25x25 .csc-default:nth-of-type(6n) .teaserSquare{margin-right:00px}
.teaserContainerFloatStripe .teaserSquare .teaserWrapper::after{padding-bottom:42%}
.teaserContainerFloatStripe .teaserSquare .teaserWrapper.audioplayerContainer::after{padding-bottom:53.5%}
}
@media screen and (max-width:359px){.teaserSmall h4 .intro,.teaserChannel h4 .intro,.teaserSquare h4 .intro{font-size:12px;line-height:14px}
.teaserSmall h4 .headline,.teaserChannel h4 .headline,.teaserSquare h4 .headline{font-size:12px;letter-spacing:-0.3px;line-height:14px;margin-bottom:0px;max-height:42px}
}
@media screen and (min-width:680px){.teaserMedium{position:relative}
.teaserMedium .socialMediaButtons{position:absolute;bottom:20px;left: calc(43.5% + 10px)}
.teaserMedium:last-child .socialMediaButtons{bottom:10px}
}
@media screen and (min-width:880px){.teaserMedium .socialMediaButtons{bottom:10px}
}
@media screen and (min-width:1500px){.teaserMedium .socialMediaButtons{left: calc(43.5% + 15px)}
.teaser.trackAd.teaserMedium h4 .headline{margin-top:20px;margin-bottom:15px}
}
#contentWrapper label,#contentWrapper legend{display:block;font-family:'LatoWebBold',sans-serif;color:#666;margin-top:10px;margin-bottom:5px;line-height:20px}
#contentWrapper .nolabel label{display:none}
#contentWrapper input[type=text],#contentWrapper input[type=file],#contentWrapper input[type=email],#contentWrapper input[type=password],#contentWrapper input[type=search],#contentWrapper input[type=number],#contentWrapper input[type=tel]{width:100%;min-height:27px;padding:5px 5px;box-sizing:border-box;border:1px solid #a0a0a0}
#contentWrapper input[type=text].oneLineLineWithButton,#contentWrapper input[type=file].oneLineLineWithButton,#contentWrapper input[type=email].oneLineLineWithButton,#contentWrapper input[type=password].oneLineLineWithButton,#contentWrapper input[type=search].oneLineLineWithButton,#contentWrapper input[type=number].oneLineLineWithButton,#contentWrapper input[type=tel].oneLineLineWithButton{width: calc(100% - 27px);float:left}
#contentWrapper input[type=radio],#contentWrapper input[type=checkbox]{float:left;position:relative;top:2px}
#contentWrapper select{height:30px;width:100%;padding:0px 5px;box-sizing:border-box;border:1px solid #a0a0a0}
#contentWrapper textarea{height:90px;width:100%;font-family:'LatoWeb',sans-serif;padding:5px;box-sizing:border-box;border:1px solid #a0a0a0}
#contentWrapper input[type=submit]{height:30px;padding:3px 10px 0px 10px;box-sizing:border-box;margin-top:10px;background:#669900;color:#fff;border:none;font-family:'LatoWebBlack',sans-serif;font-size:16px;font-weight:normal;text-transform:uppercase;cursor:pointer}
#contentWrapper input[type=submit].oneLineLineWithButton{width:27px;height:27px;float:left;overflow:hidden;text-indent:-100px;margin-top:0;background:#669900 url('/fileadmin/templates/ffh.de/images/layout/lupe.svg') no-repeat center center;background-size:18px}
#contentWrapper .channelContent .powermail_form{position:relative;padding-top:10px}
#contentWrapper .powermail_form>h3,#contentWrapper .powermail_form legend{display:none}
#contentWrapper .powermail_form .powermail_fieldset:first-of-type .powermail_fieldwrap:first-of-type label,#contentWrapper .powermail_form .powermail_fieldset:first-of-type .powermail_fieldwrap.powermail_fieldwrap_text:first-of-type{margin-top:0px}
#contentWrapper .powermail_form .powermail_fieldwrap_radio,#contentWrapper .powermail_form .powermail_fieldwrap_check{margin-top:10px}
#contentWrapper .powermail_form .powermail_fieldwrap_radio legend,#contentWrapper .powermail_form .powermail_fieldwrap_check legend{display:block;margin-top:0px}
#contentWrapper .powermail_form .powermail_fieldwrap_radio.nolabel legend,#contentWrapper .powermail_form .powermail_fieldwrap_check.nolabel legend{display:none}
#contentWrapper .powermail_radio_inner label,#contentWrapper .powermail_check_inner label{font-family:'LatoWeb',sans-serif;margin-left:25px}
.powermail_radio_outer .powermail_radio_inner:first-child,.powermail_check_outer .powermail_check_inner:first-child{margin-top:5px}
#contentWrapper .powermail_radio_outer .powermail_radio_inner:first-child label,#contentWrapper .powermail_check_outer .powermail_check_inner:first-child label{margin-top:0px}
.powermail_form .powermail_fieldwrap_text{margin-top:10px;line-height:20px;color:#666}
#contentWrapper .powermail_form ul.parsley-errors-list{list-style-type:none;margin-top:5px;margin-left:0px;padding:0}
#contentWrapper .powermail_form ul.parsley-errors-list li{display:inline;background:#da0000;padding:3px;color:#fff !important;font-family:'LatoWebBold',sans-serif}
#contentWrapper .powermail_form .powermail_progressbar{display:block;position:absolute;width:100%;height:30px;background:#fff url('/fileadmin/templates/ffh.de/images/layout/ajaxLoader.gif') no-repeat;bottom:10px;background-position:10px}
body.contentonly{background:#ffff00}
.contentonly #updateUrlContainer{display:none}
.contentonly #pageWrapper{background:none}
@media screen and (min-width:1080px){.contentonly #contentWrapper{background:none;box-shadow:none}
}
body.appincludes{background:none}
.appincludes #updateUrlContainer{display:none}
.appincludes #pageWrapper{background:none}
.appincludes #contentWrapper{margin:0px 10px 0px 10px}
.appincludes #contentWrapperInner{margin-bottom:0px;background-color:transparent !important}
.appincludes #contentWrapper .sectionHeadline{background:#ffff00;margin:25px 0px 0px 0px;padding:5px;color:#da0000;font-size:16px !important}
.appincludes #contentWrapper .sectionHeadline a{color:#da0000}
.appincludes .teaserBottomLabel{margin-right:0px}
.appincludes .teaserBottomLabel a{background:#ffff00 !important;padding:10px 10px 8px 10px;color:#da0000 !important;font-family:archivo_blackregular !important}
@media screen and (max-width:879px){.teaserContainerFloat25x25x25x25{margin-left:0px;margin-right:0px}
}
@media screen and (min-width:1080px){.appincludes #contentWrapper{background:none;box-shadow:none}
}
#cookieConsent{background-color:rgba(0,0,0,0.8);position:fixed;width:100%;bottom:0px;display:none;z-index:111}
#cookieContent{margin:0 auto;max-width:1200px}
#cookieContent p{padding:25px 0px;color:white;line-height:20px}
#cookieContent p a{text-decoration:underline;color:white}
#cookieText,#cookieButton{float:left}
#cookieText{width:80%}
#cookieButton{padding:30px 0;margin:0 auto;width:20%}
#cookieButton input{float:right;cursor:pointer;background:#669900;color:#fff;padding:5px 40px;font-family:'archivo_blackregular',sans-serif;font-size:16px}
@media screen and (max-width:1729px){.wallpaperloaded #cookieContent{margin-left:20px}
}
@media screen and (max-width:1499px){#cookieContent{max-width:1000px}
}
@media screen and (max-width:1279px){.wallpaperloaded #cookieContent{margin:0 auto}
}
@media screen and (max-width:1079px){.wallpaperloaded #cookieContent,#cookieContent{margin:0 20px}
}
@media screen and (max-width:879px){#cookieButton input{float:none}
#cookieContent{margin:0 20px}
#cookieContent p{padding:20px 0 10px 0}
#cookieButton{padding:0px;text-align:center;width:100%;padding-bottom:20px}
#cookieText,#cookieButton{width:100%}
}