/*
Theme Name: Life Channel - Portal
Author: seaio.interactive
Description: Individual template created for WordPress
Version: 0.0.1
Tags:
*/




body{
    color: #000;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Barlow Condensed', sans-serif !important;
}
h3{
    font-weight: 600;
    font-size: 40px;
    line-height: 46px;
}
h4{
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
}
p{
    margin: 0;
}
a{
    color: #000;
    transition: all .2s ease-in-out;
    outline: 0;
}
a:hover{
    color: #00388c;
    text-decoration: none;
}

input{
    outline: none;
}

.uk-background-primary{
    background-color: #00388c;
}
.primary{
    color: #00388c !important;
    transition: all .2s ease-in-out;
}
a.primary:hover{
    color: black;
}
em {
    color: #000;
}
audio{
    height: 40px;
}
.uk-tab-left .uk-active a.primary{
    color: white !important;
    background: #00388c;
}

.erfcontent a{
    border-bottom: 1px dotted #000;
}
.erfcontent a:hover{
    border-bottom: none;
}

/* only for apple device */
.appleOnly{
    display: none;
}


#iframeContent{
    width: 100%;
    height: 600px;
}

#iframeRadio{
    position: absolute;
    bottom: 20px;
    right: 30px;
    box-shadow: 0 0 10px gray;
    width: 300px;
    /* height: 150px; */
    height: 90px;
    background: rgba(255,255,255,0.5);
}


/* overwrite simplebar styles (scrollbar) */
.simplebar-track.vertical {
    background: #FFF;
    /* background: #efefef; */
}
.simplebar-scrollbar{
    /* visibility: visible !important; */
}
.simplebar-scrollbar:before {
    background: #000;
    /*
    background: #2572bd;
    border-radius: 7px;
    */
}
.simplebar-track.horizontal{
    /*
    display: none !important;
    visibility: hidden !important;
    */
}



/* gravity form styles */
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){
    padding: 0;
}
.gform_wrapper.gf_browser_gecko select {
    padding: 0;
}


/* externes spenden formular */
span.lema-step-number-text, a.lema-button {
    background-color: #DC1F2B !important;
}


/* siteorigin buttons */
.so-widget-sow-button .ow-button-base a{
    background: #DC1F2B;
    border-radius: 0;
    border: none;
    padding: 10px 30px;
    color: #eee;
}
.so-widget-sow-button .ow-button-base a:hover{
    background: #DC1F2B !important;
    color: #fff;
}


.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
}
.videoWrapper iframe,
.videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}


/* rssPopup */
.rssPopupLink{
    position: relative;
    display: inline-block;
}
#rssPopup{
    width: 160px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px 15px 15px;
    border: 1px solid #555;
    background: #FFF;
    display: none;
}
.rssPopupTitle{
    white-space: nowrap;
}
.rssPopupItem{
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    margin-top: 10px;
}
.rssPopupItem a{
    background: #eee;
    padding: 3px 15px 5px;
    display: block;
    white-space: nowrap;
    color: #000 !important;
}
.rssPopupItem a:hover{
    background: #ddd;
}
.rssPopupInput{
    position:absolute;
    width: 1px;
    z-index: -1;
    top: 0;
    border: none;
    padding: 0;
}
.rssPopupClose{
    position: absolute;
    top: 0px;
    right: 5px;
    cursor: pointer;
    color: red;
}
#breadcrumbsPodcast #rssPopup{
    width: 180px;
    left: -136px;
    top: 5px;
}
#breadcrumbsPodcast .rssPopupClose{
    top: 5px;
}
@media screen and (max-width: 480px) {
    #breadcrumbsPodcast #rssPopup{
        left: -195px;
        top: 40px;
    }
}



/* jw-player title */
#mainMediaPlayer .jw-title,
#audioplayer .jw-title{
    display: none;
}
.jw-state-idle .jw-controls {
    background: rgba(0,0,0,0.1) !important;
}



/* toggle link Trailer / Vollfilm */
.movieToggle{
    background: #999;
    color: #EEE;
    margin-top: 5px;
    padding: 0 10px 2px 10px;
    font-weight: bold;
}
.movieToggle:hover{
    color: #FFF;
}


/*
 * share buttons in beitraegen
 */
.shareButtonRow{
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
}
.shareButton{
    display: inline-block;
    transition: all .2s ease-in-out;
}
.shareButton:hover span{
    background: #00388c;
}
.shareButton span{
    font-weight: normal;
    background: #aaaaaa;
    border-radius: 20px;
    color: #FFF;
    font-size: 16px;
    line-height: 22px;
    width: 28px;
    height: 28px;
    display: inline-block;
    text-align: center;
    margin-right: 6px;
    transition: all .2s ease-in-out;
}

.beitrag_bild{
    position: relative;
    left: -40px;
    width: calc(100% + 40px);
}


.widget_erfanker-widget{
    margin-bottom: 0 !important;
    position: relative;
    top: -100px;
}


/*
 * statement in beitraegen
 */
.beitrag_statement {
    position: relative;
    left: -40px;
    width: calc(100% + 40px);
    font-size: 34px;
    line-height: 40px;
    color: #00388c;
    font-style: italic;
    font-weight: 600;
}
.statement:first-letter {
    float: left;
    font-size: 60px;
    margin: -10px 2px 0px 0px;
}

.commentCount{
    box-sizing: border-box;
    display: inline-block;
    padding: 0px 8px;
    min-width: 12px;
    height: 18px;
    border-radius: 5px;
    background-color: #222;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}
.commentCount:after{
    content: "";
    display: block;
    margin-left: 0px;
    width: 0;
    height: 0;
    border-top: 5px solid #222;
    border-right: 5px solid transparent;
}


/*
 * comment form
 */
#commentform label{
    display: block;
}
#commentform .comment-form-cookies-consent label{
    display: inline-block;
}


/*
 * header
 */
.headerTop{
    background: #000;
    color: #FFF;
    position: relative;
    z-index: 2;
}
.headerTopLeft{
    float: left;
    width: 140px;
}
.headerTopLeft > div{
    position: relative;
    height: 1px;
}
.headerTopLeft > div > a{
    margin-top: 20px;
    display: block;
    position: absolute;
    width: 86px;
    height: auto;
}
.headerTopMid{
    /* width: calc(100% - 560px); */
    float: left;
    font-size: 15px;
}
.headerTopMid a{
    margin: 12px 10px 12px 0px;
    display: inline-block;
    text-transform: uppercase;
    color: #ddd;
    letter-spacing: 1.4px;
}
.headerTopMid a:hover{
    text-decoration: none;
    color: #FFF;
}
.headerTopRight{
    /* width: 420px; */
    float: right;
    font-size: 16px;
}
.headerTopRightNav a{
    margin: 12px 40px 12px 0px;
    display: inline-block;
    color: #FFF;
    letter-spacing: 1.4px;
}
.headerTopRightNav a:hover{
    text-decoration: underline;
}
.headerTopRightNavPlayRadioMobile{
    color: #e8003b !important;
    cursor: pointer;
    border: 1px solid #e8003b;
    padding: 0 10px 2px 10px;
}
.headerTopRightNavPlayRadioMobile:hover{
    text-decoration: none !important;
    font-weight: 500;
}
.headerTopRightNavPlayRadioMobile span{
    border: 1px solid #e8003b;
    border-radius: 10px;
    padding: 2px 1px 2px 3px;
    color: #e8003b;
    font-size: 13px;
}
.headerTopRightButton{
    background: #2572bd;
    display: inline-block;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 20px 3px 20px;
}
.headerTopRightButton:hover{
    transform: scale(1.05);
    color: #FFF;
    text-decoration: none;
}
.headerBottom{
    background: #00388c;
    position: relative;
    z-index: 1;
}
.headerBottomLeft{
    width: 140px;
    float: left;
}
.headerBottomLeftLogo{
    width: 70px;
    display: none;
}
.headerBottomLeftLogo a{
    margin: 5px 0 0 0;
    display: inline-block;
    width: 100%;
}
.headerBottomMid{
    width: calc(100% - 520px);
    float: left;
}
.headerBottomMid .mainNav{
    background: transparent !important;
}
.headerBottomMid .mainNavTitle{
    margin-bottom: 15px;
}
.headerBottomMid .mainNavRightBox{
    max-height: 300px;
    overflow: auto;
}
.headerBottomMid .mainNavRightItemTitle{
    background-color: #f4f4f3;
    padding: 0 0 0 15px;
    font-size: 16px;
    color: #858585;
    margin-bottom: 5px;
}
.headerBottomMid .mainNavRightItemLink{
    padding: 0 0 0 15px;
}
.headerBottomMid .mainNavRightItemLink a{
    font-size: 16px;
    color: #000;
    display: block;
    padding-bottom: 5px;
}
.headerBottomMid .mainNavRightItemLink a:hover{
    text-decoration: underline;
}

.headerBottomMid ul li a{
    padding: 27px 40px 20px 0;
    text-transform: capitalize;
    color: #FFF;
    font-size: 22px;
    font-family: 'Barlow Condensed', sans-serif !important;
    white-space: nowrap;
}
.uk-navbar-dropdown{
    margin-top: 0 !important;
}
.uk-navbar-nav > li > a.uk-open{
    color: #FFF !important;
}
.uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a:hover{
    color: #FFF !important;
}
.headerBottomMid ul li ul li a{
    padding: 0;
    text-transform: none;
    color: #000 !important;
    font-size: 20px;
    line-height: 25px;
    font-family: 'Barlow Condensed', sans-serif !important;
    display: block;
    margin-bottom: 15px;
}
.headerBottomMid ul li ul li a:hover{
    text-decoration: underline;
}
.headerBottomMid ul li div a{
    padding: 0;
    text-transform: none;
    color: #222;
    font-size: 16px;
    font-family: 'Barlow Condensed', sans-serif !important;
}
.headerBottomRight{
    /* width: 380px; */
    /* float: right; */
    font-size: 16px;
    position: absolute;
    right: 40px;
}
.headerBottomRight span{
    margin-right: 5px;
}
.headerBottomRight span a{
    padding: 30px 40px 20px 0px;
    position: relative;
}
.headerBottomRight span a:last-child{
    /* margin-right: 30px; */
}
.headerBottomRight span a span{
    font-size: 24px;
}

.headerBottomRight a{
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    color: #FFF;
    display: inline-block;
    transform-origin: left;
}
.headerBottomRight a:hover{
    transform: scale(1.1);
    text-decoration: none;
}
.headerBottomRightIconMegamenu{
    position: relative;
}
.headerBottomRightIconMegamenu span{
    position: absolute;
    font-size: 36px;
    top: -26px;
    right: 0;
}
.headerBottomRightIconMegamenu:hover{
    transform: scale(1.1);
    text-decoration: none !important;
}

#radioNavButtonClose{
    display: none;
    position: absolute;
    top: 35px;
    right: 10px;
}
#radioNavButtonArrowdown {
    display: none;
    position: absolute;
    top: 79px;
    right: 45px;
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #00388c;
}

#tvNavButtonClose{
    display: none;
    position: absolute;
    top: 35px;
    right: 10px;
}
#tvNavButtonArrowdown {
    display: none;
    position: absolute;
    top: 79px;
    right: 40px;
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #00388c;
    z-index: 10;
}

@media screen and (max-width: 1200px) {
    .headerTopRightNav a {
        margin: 12px 20px 12px 0px;
        display: inline-block;
        color: #FFF;
        letter-spacing: 1.4px;
    }
    /*
    .headerBottomRight span a {
        padding: 30px 50px 20px 0px;
        position: relative;
    }
    */
    .headerTopMid a {
        margin: 12px 8px 12px 0px;
    }
}

@media screen and (max-width: 959px) {
    .headerTopLeft > div > a{
        margin-top: 5px;
        width: 50px;
        height: 50px;
    }
    .headerTopMid a {
        margin: 12px 8px 12px 0px;
    }
    .headerTopRightNav a {
        margin: 12px 10px 12px 0px;
    }
    .headerBottomLeftLogo{
        width: 30px;
    }
    .headerBottomLeftLogo a{
        margin: 0px 0 5px 0;

    }
    .headerTopRightButton{
        position: relative;
        left: 30px;
    }


    .headerBottomRightIconMegamenu span{
        font-size: 28px;
        top: -18px;
        right: -15px;
    }
    .uk-sticky-fixed .headerBottomRightIconMegamenu span{
        top: -13px;
    }


}
@media screen and (max-width: 639px) {
    .headerTopRightButton{
        position: relative;
        left: 15px;
    }
    .headerBottomRightIconMegamenu span{
        right: -25px;
    }

}






/* radio bar */
#radio{
    margin-bottom: 30px;
    position: relative;
    z-index: -0
}
.radioBar{
    background: #000;
    height: 135px;
}
.radioBarContent{
    position: relative;
    top: 50px;
}
.radioBarContentBorder{
    position: absolute;
    height: 125px;
    padding: 0px;
    border: 1px solid #576d97;
    margin-top: 10px;
    width: 100%;
}
.radioBarContentPlay{
    background: #e8003b;
    color: #FFF;
    height: 135px;
    padding: 15px 0 0 30px;
    box-shadow: 0 0 30px #000;
    transform: scale(1.1);
    transform-origin: left;
    z-index: 1;
}
.radioBarContentLead{
    font-size: 14px;
}
.radioBarContentTitle{
    cursor: pointer;
    font-size: 36px;
    text-transform: uppercase;
    position: relative;
}
.radioBarContentText{
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
}
.radioBarContentProg{
    background: rgba(0,0,0,0.95);
    color: #FFF;
    height: 125px;
    padding: 25px 0 0 30px;
}
.radioBarContentProg .radioBarContentTitle{
    color: #e8003b;
}
.radioBarContentLink{
    cursor: pointer;
}
.radioBarContentLink .radioBarContentProg .radioBarContentTitle{
    color: #2572bd;
}
.radioBarContentTitle .icon-play{
    border: 3px solid #e8003b;
    border-radius: 30px;
    padding: 5px 3px 5px 7px;
}
.radioBarContentTitle .icon-pause{
    border: 3px solid #e8003b;
    border-radius: 30px;
    padding: 5px;
}



/* equalizer */
#eq {
    /* background: rgba(255,255,255,0.1); */
    display: inline-block;
    padding: 0;
    transform-origin: top left;
    margin: 0;
}
#eqContainer_small > #eqContainer > #eq {
    transform: scale(0.342, 0.337);
}
#eqContainer_big > #eqContainer > #eq {
    transform: scale(0.214, 0.337);
}
/* radio bar links */
.radioBarLink{
    height: 65px;
}
.radioBarLinkColored{
    background: #2572bd;
}
.radioBarLinkItem{
    display: block;
    padding-top: 15px;
    font-size: 20px;
    color: #000;
}
.radioBarLinkItem:hover{
    color: #222;
}
.radioBarLinkColored > .radioBarLinkItem{
    font-weight: 600;
    color: #FFF;
}
.radioBarLinkColored > .radioBarLinkItem:hover{
    color: #DDD;
}




/*
 * megamenu
 */
#megamenu{
}
#megamenu a:hover{
    text-decoration: underline;
}
.megamenuClose{
    margin: 40px 30px 0 0;
}
.megamenuClose:hover{
    transform: scale(1.1);
}
.megamenuBg{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
    background-image: linear-gradient(to top, #10121a, #00388c);
}
.megamenuBgVideo{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.megamenuContent{
    width: 100%;
    padding: 0;
    overflow: hidden;
    /* background: rgba(0,0,0,0.3); */
    background: transparent;
    font-size: 16px;
    height: 100%;
    color: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
}
.megamenuContent a{
    color: #FFF;
}
.megamenuContentTop{
    height: calc(100% - 64px);
    overflow: auto;
}
.megamenuContentTopStripe{
    background: #000;
    height: 45px;
    position: relative;
}
.megamenuContentTopLogo{
    width: 93px;
    position: absolute;
    left: 100px;
    top: 10px;
}
.megamenuContentTopPadding{
    padding: 25px 100px;
}
.megamenuContentTopTitle{
    font-size: 22px;
    margin-left: 140px;
    color: #FFF;
}
.megamenuSearch{
    background: #FFF;
    border-radius: 20px;
    display: inline-block;
    color: #ccc;
    padding: 3px 20px 5px;
    margin-right: 40px;
}
.megamenuSearch input{
    border: none;
    font-family: 'Barlow Condensed', sans-serif;
    width: 180px;
    font-size: 18px;
}
.megamenuContentBottom{
    background: #000;
    height: 128px;
}
.megamenuContentBottomCurrent{
    display: inline-block;
    width: 20%;
    text-align: center;
}
.megamenuContentBottomCurrent .megamenuContentBottomItem{
    background: #2572bd;
    transform: scale(1.2);
    /* transform-origin: top left; */
}
.megamenuContentBottomOther{
    display: inline-block;
    width: 19%;
    text-align: center;
}
.megamenuContentBottomItem{
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
}
.megamenuContentBottomItem a{
    padding: 20px 15px;
    display: block;
}
.megamenuContentBottomItem a:hover {
    background: #2572bd;
}
.megamenuNavTitle{
    color: #FFF;
    font-size: 28px;
    margin-bottom: 10px;
}
.megamenuNavItem{
    color: #FFF;
    font-size: 18px;
}
.megamenuNavItemSub{
    margin-left: 40px;
}
.megamenuPlaynow{
    background: #e8003b;
    padding: 15px 20px;
    color: #FFF;
    margin-bottom: 30px;
    transition: all .2s ease-in-out;
    display: inline-block;
}
.megamenuPlaynow:hover{
    transform: scale(1.05);
}
.megamenuPlaynowText1{
    cursor: pointer;
    text-transform: uppercase;
    font-size: 28px;
}
.megamenuPlaynowText2{
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
}
.megamenuPlaynowIcon{
    float: right;
    margin-top: 7px;
}
.megamenuRightItemBig{
    margin-bottom: 15px;
}
.megamenuRightItemBig span{
    margin-right: 12px;
}
.megamenuRightItemSmall{
    margin-bottom: 10px;
}
.megamenuRightItemSmall span{
    margin: 0 12px 0 8px;
}
.megamenuRightSocialTitle{
    margin-top: 100px;
    color: #FFF;
    font-weight: 600;
}
.megamenuFormat, .megamenuSerie{
    height: 162px;
    overflow-y: auto;
    margin: 0 0 20px 0;
    width: calc(100% - 20px);
}


@media screen and (max-width: 1200px) {
    .megamenuContentTopLogo {
        width: 100px;
        position: absolute;
        left: 60px;
    }
    .megamenuContentTopPadding{
        padding: 25px 60px;
    }
    .megamenuContentTopTitle {
        font-size: 22px;
        margin-left: 0px;
        color: #FFF;
        display: block;
        margin-top: 50px;
    }
}

@media screen and (max-width: 960px) {
    .megamenuContentTopLogo {
        width: 100px;
        position: absolute;
        left: 35px;
    }
    .megamenuContentTopPadding{
        padding: 20px 35px;
    }

    .megamenuSearch {
        /* margin-right: 10px; */
    }

    .megamenuContentTop {
        height: calc(100% - 128px);
        overflow: auto;
    }
    .megamenuContentBottomCurrent {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .megamenuContentBottomCurrent .megamenuContentBottomItem {
        background: #2572bd;
        transform: scale(1);
    }
    .megamenuContentBottomOther {
        display: inline-block;
        width: 49%;
        text-align: center;
    }
    .megamenuContentBottomItem {
        font-weight: 600;
        color: #FFF;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 16px;
    }
    .megamenuContentBottomItem a {
        padding: 5px 5px;
        display: block;
        vertical-align: unset;
    }
}

@media screen and (max-width: 768px) {
    .megamenuSearch input{
        width: 150px;
    }
    .megamenuClose{
        margin: 40px 0 0 0;
    }
}
@media screen and (max-width: 480px) {
    .megamenuContentTop {
        height: calc(100% - 160px);
    }
    .megamenuContentBottom {
        height: 160px;
    }
}

/*
 * breadcrumb
 */
#breadcrumbs{
    list-style: none;
    margin: 10px 0;
    overflow: hidden;
    padding-left: 0;
    color: #000;
    font-size: 16px;
    position: relative;
    z-index: 0;
}
#breadcrumbs li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
#breadcrumbs li a{
    color: #000;
}

#breadcrumbs .item-current span{
    font-weight: 600;
}
#breadcrumbsPodcast{
    float: right;
    margin-top: 8px;
}
#breadcrumbsPodcast a{
    display: block;
}
.breadcrumbsPodcastIcon{
    float: left;
    margin-top: 7px;
}
.breadcrumbsPodcastText{
    float: left;
    margin-right: 5px;
}
.darkBreadcrumb #breadcrumbs{
    color: #FFF;
}
.darkBreadcrumb #breadcrumbs li a{
    color: #FFF;
}
.darkBreadcrumb{
    padding: 0px;
    background-color:rgba(0,0,0,0.5);
}
.darkBreadcrumb #breadcrumbsPodcast a{
    color: #FFF;
}

@media screen and (max-width: 480px) {
    .breadcrumbsPodcastText{
        display: none;
    }
}

/* section title */
.sectionTitle{
    font-size: 36px;
    color: white;
    margin-bottom: 50px;
}
.sectionTitleLight{
    color: #FFF;
}
.sectionTitleDark{
    color: #000;
}


/* section background */
.sectionBGblue{
    background-image: linear-gradient(to bottom, #2572bd, #00388c);
}
.sectionBGwhite .sectionTitleLight{
    color: #000;
}


/* more button */
.moreButton{
    display: inline-block;
    background: #00388c;
    color: #FFF;
    padding: 20px 70px;
    font-size: 20px;
    font-weight: 600;
}
.moreButton:hover{
    color: #FFF;
    transform: scale(1.05);
}



/*
 * home
 */
.homeFokusSubTitle{
    font-size: 28px;
    margin-bottom: 20px;
}
.homeFokusSubTitleBottom{
    margin-top: 50px;
}
.homeTopThema{

}
.homeTopThemaTitle{
    color: #FFF;
    font-size: 50px;
    font-weight: 600;
    line-height: 54px;
}
.homeTopThemaImage{
}
.homeTopThemaImage img{
    width: 100%;
}
.homeTopThemaTestimonialText{
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    position: relative;
    top: -10px;
    margin-bottom: 20px;
}
.homeTopThemaTestimonialText span{
    display: inline-block;
    width: 22px;
    position: relative;
    top: 15px;
    font-size: 60px;
}
.homeTopThemaTestimonialTitle{
    color: #fff;
}
.homeTopThemaRelated{
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}
.homeTopThemaRelatedLinks a{
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    border-bottom: 1px solid #FFF;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.homeTopThemaRelatedLinks a:last-child{
    margin-bottom: 60px;
}
.homeTopThemaRelatedLinks a:hover{
    text-shadow: 1px 1px #ddd;
}
.homeTopThemaMore{
    color: #EEE;
    margin: 0 0 5px 0;
}
.homeTopThemaMore a{
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    color: #FFF;
}
.homeTopThemaMore a:hover{
    text-shadow: 1px 1px #ddd;
}



/*
 * news teaser
 */

/* verlauf hinter Text */
.imgGradient{
    background-image: linear-gradient(transparent,rgba(0,0,0,0.5));
}

/* main */
.newsMainBox{
    color: #FFF;
    overflow: hidden;
}
.newsMainBox:hover{
    box-shadow: 0 0 20px #AAA;
}
.newsMainBox img{
    transition: 500ms ease-out;
}
.newsMainBox img:hover{
    transition-duration: 1000ms;
}
.newsMainBox:hover img{
    transform: scale(1.1);
}
.newsMain{
    padding: 40px;
}
.newsMainLead{
    font-size: 18px;
    text-shadow: 1px 1px 1px #555;
}
.newsMainTitle{
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    max-width: 80%;
    text-shadow: 0 0 3px #555;
}
.newsMainDuration{
    font-size: 18px;
}
.newsMain:hover .newsMainTitle{
}
/* im fokus */
.newsFokusBox{
}
.newsFokusBox:hover{
    box-shadow: 0 0 20px #AAA;
}
.newsFokusBox .uk-inline{
    overflow: hidden;
}
.newsFokusBox img{
    transition: 500ms ease-out;
}
.newsFokusBox img:hover{
    newsFokusBox-duration: 1000ms;
}
.newsFokusBox:hover img{
    transform: scale(1.05);
}


.newsFokus{
    color: #FFF;
    padding: 0;
}
.newsFokusThema{
    padding: 2px 10px 3px 30px;
    display: inline-block;
    color: #FFF;
    font-size: 14px;
    background: #00388c;
}
.newsFokusTitle{
    margin-top: 0;
    padding: 10px 30px 30px 30px;
    font-size: 34px;
    font-weight: 600;
    text-shadow: 0 0 2px #555;
    line-height: 44px;
    max-width: 80%;
}
.newsFokusBottom{
    background: #FFF;
    padding: 30px;
}
.newsFokusBottomText{
    border-bottom: 1px dotted #eaeaea;
    padding-bottom: 40px;
    font-size: 22px;
    line-height: 26px;
}
.newsFokusBottomLink{
    font-size: 20px;
    font-weight: 600;
    padding: 15px 0;
    border-bottom: 1px dotted #eaeaea;
}
.newsFokusBottomLinkItem{
    display: block;
}
.newsFokusBottomLinkMore{
    padding: 30px 0 0 0 ;
}
.newsFokusBottomLinkMoreItem{
    display: block;
    color: #00388c;
    font-size: 20px;
    font-weight: 600;
}
.newsFokusTitleMost{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.newsFokusTitleMostBox{
    margin-bottom: 2px;
}
.newsFokusTitleMostNr{
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #dedede;
    color: black;
    padding: 0;
    font-size: 24px;
    font-weight: 600;
}
.newsFokusTitleMostDate1{
    font-size: 14px;
    line-height: 14px;
    margin: 5px 0 2px 6px;
    text-align: left;
}
.newsFokusTitleMostDate2{
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 0 6px;
    text-align: left;
}
.newsFokusTitleMostText{
    float: left;
    height: 40px;
    width: calc(100% - 40px);
    background: white;
    font-size: 16px;
    font-weight: 500;
    display: table;
}
.newsFokusTitleMostText a{
    display: table-cell;
    padding: 0 10px;
    line-height: 18px;
    margin: 0;
    vertical-align: middle;
}
.newsFokusTitleMostText a:hover{
    background: #EEE;
}
/* top news */
.newsTop{
    display: block;
    margin-bottom: 20px;
}
.newsTop:hover{
    box-shadow: 0 0 10px #AAA;
}
.newsTopBottom{
    background: #FFF;
    padding: 15px;
}
.newsTopBottomText{
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
}
.newsTop .uk-inline{
    overflow: hidden;
}
.newsTop img{
    transition: 500ms ease-out;
}
.newsTop img:hover{
    newsFokusBox-duration: 1000ms;
}
.newsTop:hover img{
    transform: scale(1.03);
}


/* hot news (nicht verpassen) */
.newsHot{
    display: block;
    margin-bottom: 40px;
}
.newsHot:hover{
    box-shadow: 0 0 10px #AAA;
}
.newsHotLast{
    margin-bottom: 0;
}
.newsHotBottom{
    background: #FFF;
    padding: 15px;
}
.newsHotBottomTitle{
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
}
.newsHotBottomText{
    font-size: 18px;
    line-height: 20px;
    margin-top: 5px;
}
.newsHot .uk-inline{
    overflow: hidden;
}
.newsHot img{
    transition: 500ms ease-out;
}
.newsHot img:hover{
    newsFokusBox-duration: 1000ms;
}
.newsHot:hover img{
    transform: scale(1.03);
}

/* half width news */
.newsHalf{
    display: block;
}
.newsHalf:hover{
    box-shadow: 0 0 20px #AAA;
}
.newsHalf .uk-inline{
    overflow: hidden;
}
.newsHalf img{
    transition: 500ms ease-out;
}
.newsHalf img:hover{
    newsFokusBox-duration: 1000ms;
}
.newsHalf:hover img{
    transform: scale(1.05);
}
.newsHalfThema{
    padding: 2px 10px 3px 30px;
    display: inline-block;
    color: #FFF;
    font-size: 14px;
    background: #00388c;
}
.newsHalfThemaInline{
    display: inline-block;
}
.newsHalfThemaInline span{
    padding: 2px 10px 3px 10px;
    color: #FFF;
    font-size: 14px;
    background: #00388c;
}
.newsHalfSerie{
    display: inline-block;
}
.newsHalfSerie span{
    padding: 2px 10px 3px 10px;
    color: #00388c;
    font-size: 14px;
    background: #f4f4f3;
}
.newsHalfFormat{
    display: inline-block;
}
.newsHalfFormat span{
    padding: 2px 10px 3px 10px;
    color: #FFF;
    font-size: 14px;
    background: red;
}
.newsHalfBottom{
    background: #f4f4f3;
    padding: 30px;
}
.newsHalfBottomTitle{
    font-size: 30px;
    font-weight: 600;
    line-height: 34px;
}
.newsHalfBottomText{
    margin-top: 10px;
    font-size: 22px;
    line-height: 26px;
}
/* third width news */
.newsThird{
    display: block;
    border-bottom: none !important;
}
.newsThird:hover{
    box-shadow: 0 0 10px #AAA;
}
.newsThird .uk-inline{
    overflow: hidden;
}
.newsThird img{
    transition: 500ms ease-out;
}
.newsThird img:hover{
    newsFokusBox-duration: 1000ms;
}
.newsThird:hover img{
    transform: scale(1.03);
}
.newsThirdThema{
    padding: 2px 10px 3px 15px;
    display: inline-block;
    color: #FFF;
    font-size: 14px;
    background: #00388c;
}
.newsThemaInvers{
    color: #00388c;
    background: #FFF;
    font-weight: 500;
    border: 1px solid rgba(0,56,140,0.5);
}


.newsThirdSerie{
    /* text-align: right; */
    display: inline-block;
}
.newsThirdSerie span{
    padding: 2px 10px 3px 10px;
    color: #FFF;
    font-size: 14px;
    background: orange;
}
.newsThirdFormat{
    /* text-align: right; */
    display: inline-block;
}
.newsThirdFormat span{
    padding: 2px 10px 3px 10px;
    color: #FFF;
    font-size: 14px;
    background: red;
}



.newsThridBottom{
    padding: 15px;
}
.newsThridBottomTitle{
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px;
}
.newsThirdBottomText{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}
/* news small */
.newsSmall{}
.newsSmallIcon{
    padding: 15px;
}
.newsSmallIcon span{
    color: #FFF;
    text-shadow: 1px 1px 1px #555;
}
.newsSmallBottom{
    margin-top: 10px;
}
.newsSmallTitle{
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}
.newsSmall .uk-inline{
    overflow: hidden;
}
.newsSmall img{
    transition: 500ms ease-out;
}
.newsSmall img:hover{
    newsFokusBox-duration: 1000ms;
}
.newsSmall:hover img{
    transform: scale(1.03);
}

.newsImage{
    min-width: 100%;
}
.newsImageCopyright{
    font-size: 12px;
    color: #444;
}


@media screen and (max-width: 768px) {
    .newsMain {
        padding: 20px;
    }
    .newsMainTitle{
        font-size: 25px;
        font-weight: 600;
        max-width: 100%;
        text-shadow: 0 0 3px #555;
    }
    .newsFokusTitle {
        margin-top: 0;
        padding: 10px 20px 20px 20px;
        font-size: 24px;
        line-height: 28px;
        font-weight: 600;
        text-shadow: 0 0 2px #555;
        max-width: 100%;
    }
    .newsFokusBottom {
        background: #FFF;
        padding: 20px;
    }
}






/*
 * slider
 */
.sliderSimple{
}
.sliderSimple:hover .sliderSimpleText{
    color: #FFF;
    text-shadow: 0px 0px 5px #000;
}
.sliderSimple .uk-inline{
    overflow: hidden;
}
.sliderSimple img{
    transition: 500ms ease-out;
}
.sliderSimple img:hover{
    newsFokusBox-duration: 1000ms;
}
.sliderSimple:hover img{
    transform: scale(1.03);
}
.sliderSimpleText{
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    margin-top: 5px;
    color: #EEE;
}
.uk-slidenav{
    border-bottom: none !important;
}
.sectionBGwhite .sliderSimpleText{
    color: #222 !important;
}
.sectionBGwhite .uk-slidenav{
    color: #222 !important;
}
.sectionBGwhite .sliderSimple:hover .sliderSimpleText{
    color: #222;
    text-shadow: none;
}


/* double slider */
.sliderDouble{
    padding: 30px;
}
.sliderDoubleBigItem,
.sliderDoubleBigItem img,
.sliderDoubleItem,
.sliderDoubleItem img{
    transition: all .2s ease-in-out;
}
.sliderDoubleBigItem:hover .sliderDoubleBigTitle{
    color: #FFF;
    text-shadow: 0px 0px 6px #000;
}
.sliderDoubleItem:hover .sliderDoubleTitle{
    color: #FFF;
    text-shadow: 0px 0px 5px #000;
}
.sliderDoubleItem .uk-inline{
    overflow: hidden;
}
.sliderDoubleItem img{
    transition: 500ms ease-out;
}
.sliderDoubleItem img:hover{
    newsFokusBox-duration: 1000ms;
}
.sliderDoubleItem:hover img{
    transform: scale(1.03);
}

.sliderDoubleBigTitle{
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    color: #EEE;
    text-shadow: 0 0 3px #555;
    hyphens: auto;
}
.sliderDoubleBigText{
    font-size: 22px;
    line-height: 40px;
    color: #FFF;
    text-shadow: 1px 1px 1px #555;
}
.sliderDoubleTitle{
    padding: 20px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #EEE;
    text-shadow: 0 0 2px #555;
}
.sliderDoubleText{
    font-size: 18px;
    color: #000;
    padding: 20px 0;
    /* margin-bottom: 30px; */
    height: 120px;
    overflow: hidden;
}

.serienSlider .newsHalfSerie span{
    font-size: 18px;
}
.formatSlider .newsHalfFormat span{
    font-size: 18px;
}
.themaSlider .newsHalfSerie span{
    border: 1px solid #00388c;
}


.serienSlider .sliderMobileNav a,
.formatSlider .sliderMobileNav a,
.themaSlider .sliderMobileNav a{
    background: rgba(255,255,255,0.3);
    color: #222;
}

@media screen and (max-width: 959px) {
    .serienSlider .sliderMobileNav a,
    .formatSlider .sliderMobileNav a{
        top: 16vw;
    }
}
@media screen and (max-width: 959px) {
    .themaSlider .sliderMobileNav a{
        top: 13vw;
    }
}

@media screen and (max-width: 639px) {
    .serienSlider .sliderMobileNav a,
    .formatSlider .sliderMobileNav a{
        top: 34vw;
    }
}
@media screen and (max-width: 639px) {
    .themaSlider .sliderMobileNav a{
        top: 26vw;
    }
}

/*
 *postlist
 */
.postlist{
    background: #f4f4f3;
    padding: 80px 0 90px 0;
    font-size: 16px;
}
.postlistMore{
    margin-top: 80px;
}


/*
 * postlistgroup
 */
.postlistgroup{
    background: #f4f4f3;
    padding: 80px 0 90px 0;
    font-size: 18px;
    line-height: 20px;
}
.postlistgroupDetail{
    background: #FFF;
    padding: 10px 20px 10px 20px;
}
.postlistgroupDetailTitle{
}
.postlistgroupDetailImage{
    margin-bottom: 10px;
}
.postlistgroupDetailName{
    margin-bottom: 5px;
}
.postlistgroupDetailNo{
    margin-bottom: 5px;
}
.postlistgroupDetailDate{
    margin-bottom: 5px;
}
.postlistgroupDetailLink{
    margin-left: 80px;
}
.postlistgroupDetailName span, .postlistgroupDetailNo span, .postlistgroupDetailDate span{
    display: inline-block;
    width: 80px;
}


.postlistgroupBeitraege{
    background: #FFF;
    padding: 10px 20px 10px 20px;
}
.postlistgroupBeitraegeTitle{
}


/*
 *thema sub page
 */
.themaSubBg{
    background-size: cover;
    background-position: center;
    height: 450px;
    width: 100%;
}
.themaSubHeaderLeft{
    text-shadow: 0px 0px 3px #555;
    height: 400px;
}
.themaSubHeaderLeftContainer{
    position: relative;
    width: 100%;
    height: 100%;
}
.themaSubHeaderLeftContainerContent{
    position: absolute;
    bottom: 20px;
}
.themaSubHeaderLeftContainerContentTitle{
    font-size: 50px;
    font-weight: 600;
    color: #FFF;
}
.themaSubHeaderLeftContainerContentText{
    font-size: 22px;
    line-height: 26px;
    color: #FFF;
}
.themaSubHeaderRight{
    padding: 0 20px 20px 0;
    font-size: 16px;
}
.themaSubHeaderRightContainer{
    position: relative;
    top: 180px;
    box-shadow: 0px 1px 50px 0 rgba(67, 67, 67, 0.25);
}
.themaSubHeaderRightContainerBox{
    background: #FFF;
    color: #000;
    box-shadow: 0px 0px 10px gray;
    padding: 20px;
}
.themaSubHeaderRightContainerBoxTabs:before{
    border-left: none !important;
}
.themaSubHeaderRightContainerBoxTabs li a{
    font-size: 18px;
    color: #023680;
    text-transform: none;
    display: block;
    text-align: right;
    padding: 5px 20px;
}
.themaSubHeaderRightContainerBoxTabs li a:hover{
    background: #023680;
    color: #FFF;
}
.themaSubHeaderRightContainerBoxTabs .uk-active a{
    color: #FFF;
    background: #023680;
}
.themaSubHeaderRightContainerBoxTabs .uk-active a:hover{
}
.themaSubHeaderRightContainerBoxIcon{
    padding: 15px;
    z-index: 0;
}
.themaSubHeaderRightContainerBoxIcon span{
    text-shadow: 1px 1px 1px #555;
    color: #FFF;
}
.themaSubHeaderRightContainerBoxTitle{
    padding: 10px;
}
.themaSubHeaderRightContainerBoxTitle div{
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    text-shadow: 1px 1px 1px #555;
    color: #FFF;
}
.themaSubHeaderRightContainerBoxText{
    color: #000;
    font-size: 18px;
}


@media screen and (max-width: 960px) {
    .darkBreadcrumb {
        position: absolute;
        width: 100%;
        z-index: 1;
    }
    .themaSubBg{
        height: 250px;
    }
    .themaSubHeaderLeft{
        height: 250px;
    }
    .themaSubHeaderLeftContainerContentTitle{
        font-size: 35px;
        line-height: 40px;
    }
}


/*
 * keyvisual on pages
 */
.kvImage{
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.kvOverlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.2) 42%,rgba(0,0,0,0.2) 58%,rgba(0,0,0,0));
}
.kvTitle{
    text-transform: uppercase;
    font-weight: 600;
    max-width: 70%;
    font-size: 100px;
    line-height: 110px;
    color: #FFF;
    text-shadow: 0 2px 20px rgba(0,0,0,0.15);
}
.kvText{
    max-width: 70%;
    font-size: 30px;
    line-height: 35px;
    color: #FFF;
    text-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 960px) {
    .kvTitle{
        max-width: 70%;
        font-size: 60px;
        line-height: 70px;
        margin-top: 30px;
    }
    .kvText{
        max-width: 70%;
        font-size: 25px;
        line-height: 28px;
    }
}
@media screen and (max-width: 768px) {
    .kvTitle{
        max-width: 100%;
        font-size: 40px;
        line-height: 45px;
    }
    .kvText{
        max-width: 100%;
        font-size: 20px;
        line-height: 24px;
    }
}
@media screen and (max-width: 480px) {
    .kvTitle{
        max-width: 100%;
        font-size: 30px;
        line-height: 34px;
    }
    .kvText{
        max-width: 100%;
        font-size: 16px;
        line-height: 20px;
    }
}




/*
 * CPT bericht
 */
.berichtContainer{
    margin: 60px 0 80px 0 !important;
    font-size: 16px;
}
.berichtThema{
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    margin: 0 0 0 40px;
    color: #FFF;
    background: #999;
    display: inline-block;
    padding: 3px 9px;
}
.berichtThema a{
    color: #FFF;
}
.berichtThema a:hover{
    color: #FFF;
}
.berichtTitel{
    font-size: 64px;
    line-height: 76px;
    font-weight: 600;
    margin: 0 0 50px 40px;
    color: #000;
}
.berichtTitel1{
    font-size: 64px;
    line-height: 76px;
    font-weight: 600;
    margin: 0 0 10px 40px;
    color: #000;
}
.berichtTitel2{
    font-size: 34px;
    line-height: 40px;
    font-weight: 500;
    margin: 0 0 50px 40px;
    color: #000;
}
.berichtAudioLead{
    background: #f4f4f3;
    padding: 20px;
    font-weight: 600;
    font-size: 20px;
}
.berichtAudioLeadTitle{
    background-color: #00388c;
    color: #FFF;
    padding: 3px 10px;
    display: inline-block;
}
.berichtVideoImage{
    width: 100%;
    cursor: pointer;
    color: #FFF;
}
.berichtVideoImage img{
    width: 100%;
}
.berichtDateLead{
    margin: 40px;
}
.berichtDate{
    font-size: 18px;
    margin-bottom: 15px;
}
.berichtLead{
    font-size: 30px;
    line-height: 40px;
}
.beitragNav{
    margin-top: 30px;
}
.beitragNavLeft{
    margin-left: 40px;
}
.beitragNavRight{
}
.beitragNavRightTitle{
    margin-bottom: 10px;
}
.beitragAnkerLink{
    display: block;
}
.beitragAnkerLink span{
    display: inline-block;
    line-height: 18px;
    margin-top: 3px;
}
#beitragAnkerTitel{
}
#beitragAnkerLinks{
    font-weight: 600;
}
.beitragComments{
    font-weight: 600;
}
.beitragCatItem{
}
.beitragCatItemLabel{
    display: inline-block;
    width: 45px;
    vertical-align: top;
}
.beitragCatItemLink{
    display: inline-block;
    width: calc(100% - 50px);
    font-weight: 600;
}
.beitragCatItemLink span{
    display: inline-block;
    line-height: 18px;
    margin-top: 3px;
}
.beritagTags{
    font-weight: 600;
    line-height: 20px;
}
.beitragDivider{
    margin-left: 40px;
}
.beitragDividerInner{
    border-bottom: 1px solid silver;
}
.beitragLeft{
    margin-top: 30px;
}
.beitragLeftContent{
    margin-left: 40px;
    font-size: 22px;
    line-height: 30px;
}
.beitragLeftContent p{
    margin: 0 0 20px 0;
}
.beitragLeftContent a{
    border-bottom: 1px dotted #000;
}
.beitragLeftContent a:hover{
    border-bottom: none;
}
.beitragLeftContent .wp-caption-text{
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
}
.beitragLeftContent .block_blau{
    background: #c8e2f3;
    padding: 20px;
}
.beitragMoreimages{
    font-size: 30px;
    margin: 20px 0 20px 0;
}
.beitragMoreimagesPopup{
    display: block;
    color: #FFF;
    position: absolute;
    top: 0px;
    right: 0px;
    border: 1px solid #FFF;
    margin: 10px;
    padding: 8px;
}
.beitragComment{
    position: relative;
    top: -50px;
}
.beitragIntegriert{
    font-size: 30px;
    line-height: 36px;
    margin: -6px 0 20px 0;
}
.beitragIntegriertContent{
    margin-bottom: 40px;
}
.beitragVerwandt{
    font-size: 30px;
    line-height: 36px;
    margin: -6px 0 20px 0;
}
.beitragVerwandtContent{
    margin-bottom: 40px;
}
.beitragWeiter{
    font-size: 30px;
    line-height: 36px;
    margin: -6px 0 10px 0;
}
.beitragWeiterItem{
    margin-bottom: 10px;
}
.beitragWeiterItem span a{
    font-size: 20px;
    line-height: 18px;
}
.beitragWeiterlesen{
    font-size: 30px;
    font-weight: 600;
}
.beitragCopyright{
        text-align: right;
        font-size: 17px;
        margin-top: 5px;
}

.moreLikeThis{
	border-bottom: 1px dotted silver;
	margin-bottom: 10px;
}
.moreLikeThis:last-child{
	border-bottom: none;
}
.moreLikeThisImage{
	width: 100px;
	float: left;
	margin-right: 20px;
}
.moreLikeThis h2{
	margin-bottom: 0;
}
.moreLikeThis h2 a{
	display: inline-block;
	width: 100%;
}
.moreLikeThisButton{
	font-size: 14px;
	padding: 0 5px;
	margin-left: 5px;
}
.moreLikeThisThema{
	background-color: #00388c;
	border: 1px solid #00388c;
	color: #fff;
}
.moreLikeThisThema:hover{
	color: #fff;
}
.moreLikeThisSerie{
	background-color: #fff;
	border: 1px solid #00388c;
	color: #00388c;
}
.moreLikeThisSerie:hover{
	color: #00388c;
}
.moreLikeThisFormat{
	background-color: #e8003b;
	border: 1px solid #e8003b;
	color: #fff;
}
.moreLikeThisFormat:hover{
	color: #fff;
}

@media screen and (max-width: 960px) {
    .beitragNavRight{
        margin-left: 40px;
    }
}
@media screen and (max-width: 768px) {
    .berichtContainer{
        margin: 40px 0 50px 0 !important;
    }
    .berichtTitel{
        font-size: 45px;
        line-height: 50px;
    }
    .berichtTitel1{
        font-size: 45px;
        line-height: 50px;
    }
    .berichtTitel2{
        font-size: 25px;
        line-height: 30px;
    }
    .berichtThema{
        font-size: 25px;
        line-height: 28px;
    }
}
@media screen and (max-width: 480px) {
    .berichtContainer{
        margin: 30px 0 40px 0 !important;
    }
    .berichtTitel{
        font-size: 35px;
        line-height: 40px;
        margin: 0 0 30px 0px;
    }
    .berichtTitel1{
        font-size: 35px;
        line-height: 40px;
        margin: 0 0 10px 0px;
    }
    .berichtTitel2{
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 30px 0px;
    }
    .berichtThema{
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 0 0;
    }
}


/*
 * Suchresultate
 */
.searchresultform{
    margin: 30px 0 50px 0;
}
.searchresult{
     border-bottom: 1px solid #00388c;
 }
.searchresultitem{
    display: block;
    width: 100%;
    padding: 15px 15px 15px 0;
    border-top: 1px solid #00388c;
}
.searchresultitem:hover{
    background: #efefef;
}

.searchresultitemimg{
    display: inline-block;
    width: 100px;
    position: relative;
    margin-right: 15px;
}
.searchresultitemtext{
    display: inline-block;
    width: calc(100% - 120px);
    vertical-align: top;
}
.searchresultitemtexttitle{
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 5px;
}
.searchresultitemtextlead{
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 5px;
}
.searchresultitemtextinfo{
    font-size: 16px;
    line-height: 18px;
}
.searchresult .newsSmallIcon {
    padding: 5px;
}
.searchresultmessage{
    padding: 50px 0;
}
.pagingItem{
    border: 1px solid silver;
    margin-left: 10px;
    cursor: pointer;
    width: 30px;
    display: inline-block;
    text-align: center;
    background: #DDD;
}
.pagingItemActive{
    border: 1px solid #00388c;
    margin-left: 10px;
    cursor: pointer;
    width: 30px;
    display: inline-block;
    text-align: center;
    background: #FFF;
    font-weight: 600;
}

/*
 * footer
 */
.footer{
    background-image: linear-gradient(to top, #131313, #00388c);
    color: #FFF;
    font-size: 16px;
    font-size: 16px;
}
.footerTitle{
    font-size: 24px;
    color: #FFF;
}
.footerBox a{
    font-size: 18px;
    color: #FFF;
    margin: 3px 0;
    display: inline-block;
}
.footerBox a:hover{
    color: #FFF;
    text-decoration: underline;
}
.footerSocialIcons a{
    margin-left: 6px;
}
.footerSocialIcons a:hover{
    transform: scale(1.1);
}
.footerSocialIcons a span{
}
.footerBottom{
    background-color: #131313;
    font-size: 16px;
}
.footerBottom a{
    color: #FFF;
}
.footerBottom a:hover{
    text-decoration: underline;
}
.footerBottomLogo{
    display: inline-block;
    position: relative;
    width: 100px;
}
.footerBottomLogo img{
    position: absolute;
    top: -69px;
    left: 0;
    width: 80px;
}
.footerBottomAdresse{
    display: inline-block;
    font-size: 18px;
    color: #FFF;
    padding: 20px 0;
}
.footerBottomNav{
    display: inline-block;
    padding: 20px 0;
}
.footerBottomNav a{
    color: #378de0;
    padding-left: 20px;
    font-size: 18px;
}
.footerBottomNav a:hover{
    color: #FFF;
    text-decoration: none;
}
.footerBox .menu{
    list-style-type: none;
    padding: 0;
}
@media screen and (max-width: 959px) {
    .footerBottom{
        padding-top: 30px;
    }
}

/*
 * shortcode styles
 */

/* jobs (liste) */
.jobform{
    background: #EEE;
    padding: 20px;
}
.jobitemTitle{
    font-weight: 600;
    font-size: 24px;
}
.jobitemPlace{
    font-weight: 600;
}
.jobitemLead{
    font-size: 20px;
    line-height: 22px;
}
.jobitemTitleLink{
    margin: 20px 0;
    display: inline-block;
    font-size: 18px;
    background: red;
    color: #eee;
    padding: 5px 20px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: none !important;
}
.jobitemTitleLink:hover{
    color: #fff;
}
.jobitemImg{
}

/* events (agenda liste) */
.eventform{
    background: #EEE;
    padding: 20px;
}
.eventlist{
}
.eventlist .eventImage{
    float: left;
    width: 130px;
}
.eventlist .eventImage img{
    width: 100px;
}
.eventlist .eventContent{
    float: left;
    width: calc(100% - 130px);
    margin-bottom: 10px;
}
@media screen and (max-width: 959px) {
    .eventlist .eventImage{
        margin-bottom: 10px;
    }
}




/* music search */
.musicsearchform{
    margin-bottom: 20px;
}
.musicsearchformsubmit{
    color: #FFF;
}
.musicsearchformlink{
    color: #FFF;
    float:right;
}
#musicsearchlist{
    margin: 0 0 50px 0;
}
.musicsearchlistitem, .musicsearchlistitemsmall{
    padding: 20px;
    border: 1px solid rgba(87, 109, 151, 0.25);
    margin-bottom: 20px;
    background: #0d0e16;
}
.musicsearchlistitemArtist, .musicsearchlistitemsmallArtist{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}
.musicsearchlistitemTitle, .musicsearchlistitemsmallTitle{
    font-size: 20px;
    line-height: 25px;
}
.musicsearchlistitemIcons a, .musicsearchlistitemsmallIcons a{
    border-bottom: none !important;
}
.musicsearchlistitemIcons a span, .musicsearchlistitemsmallIcons a span{
    color: #378de0;
}
.musicsearchlistitemsmallIcons{
    position: absolute;
    top: 0;
    right: 0;
}
.musicSearchPagingDiv{
    text-align: right;
}
.musicSearchPaging{
    display:inline-block;
    text-align: center;
    width: 25px;
    color: #AAA;
    cursor: pointer;
    margin-right: 10px;
    border: 1px solid #AAA;
}
.musicSearchPaging:hover{
    color: #FFF;
    border: 1px solid #FFF;
}
.musicSearchPagingActive{
    color: #FFF;
    border: 1px solid #FFF;
}
@media screen and (max-width: 420px) {
    .musicsearchformlink{
        float:none;
        display: block;
    }
}

/* playlist */
.playlist{
    padding: 20px;
    border: 1px solid rgba(87, 109, 151, 0.25);
    margin-bottom: 20px;
    background: #0d0e16;
}
.playlistStart{
    color: #e8003b;
    font-size: 36px;
    line-height: 36px;
    margin-top: -5px;
    position: relative;
}
.playlistArtist{
    color: #FFFFFF;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}
.playlistAlbum{
    color: #FFFFFF;
    font-size: 18px;
    line-height: 22px;
}
.playlistTitle{
    color: #FFFFFF;
    position: relative;
    font-size: 18px;
    line-height: 22px;
}
.playlistIcon{
    position: absolute;
    top: 15px;
    right: 0;
    font-size: 18px;
    line-height: 22px;
}
.playlistIcon a span{
    color: #378de0;
}

/* playnow */
.playnow{
    padding: 20px;
    border: 1px solid #576d97;
    margin-bottom: 20px;
    background: #0d0e16;
}



/* tagesprogramm */
.tagesprogramm{
    border-bottom: 1px solid #576d97;
    padding: 40px;
}
.tagesprogrammStart{
    color: #e8003b;
    font-size: 36px;
    width: 100px;
    float: left;
    margin-top: 6px;
    border-right: 2px solid #576d97;
}
.tagesprogrammRight{
    width: calc(100% - 142px);
    float: left;
    padding-left: 40px;
}
.tagesprogrammCat{
    font-size: 18px;
    font-weight: 600;
}
.tagesprogrammTitle{
    font-size: 36px;
    line-height: 36px;
    padding-right: 65px;
    position: relative;
}
.tagesprogrammLink{
    color: #2572bd;
    border-bottom: none !important;
}
.tagesprogrammPlay{
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: none !important;
}
.tagesprogrammPlay span{
    border: 3px solid #e8003b;
    border-radius: 30px;
    padding: 5px;
    color: #e8003b;
}
.tagesprogrammSmall{
    border-bottom: 1px solid #576d97;
    padding: 15px;
}
.tagesprogrammSmallStart{
    color: #e8003b;
    font-size: 24px;
    line-height: 28px;
    width: 65px;
    float: left;
    margin-top: 6px;
    border-right: 2px solid #576d97;
}
.tagesprogrammSmallRight{
    width: calc(100% - 100px);
    float: left;
    padding-left: 30px;
}
.tagesprogrammSmallCat{
    font-size: 18px;
    font-weight: 600;
}
.tagesprogrammSmallTitle{
    font-size: 24px;
    line-height: 28px;
    padding-right: 50px;
    position: relative;
}
.tagesprogrammSmallLink{
    color: #2572bd;
    border-bottom: none !important;
}

@media screen and (max-width: 768px) {
    .tagesprogrammStart{
        font-size: 24px;
    }
    .tagesprogramm{
        padding: 15px;
    }
    .tagesprogrammTitle{
        font-size: 24px;
        line-height: 28px;
        padding-right: 20px;
    }
    .tagesprogrammStart{
        font-size: 24px;
        line-height: 28px;
        width: 65px;
    }
    .tagesprogrammRight{
        width: calc(100% - 112px);
        padding-left: 20px;
    }
    .tagesprogrammPlay {
        top: -15px;
        right: -30px;
    }
}



/* usedebible */
.usedebibleitem{
    border-bottom: 1px solid #576d97;
    padding: 10px;
}
.usedebibleitemDate{
    color: #e8003b;
    font-size: 26px;
    line-height: 30px;
    width: 100px;
    float: left;
    border-right: 2px solid #576d97;
}
.usedebibleitemRight{
    width: calc(100% - 125px);
    float: left;
    padding-left: 20px;
}
.usedebibleitemTitle{
    font-size: 26px;
    line-height: 30px;
    padding-right: 65px;
    position: relative;
}
.usedebibleitemTitle a{
    color: #2572bd;
    border-bottom: none !important;
}
.usedebibleitemIcon{
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
    color: #e8003b;
    float: right;
    border-bottom: none !important;
}
.usedebibleitemIcon span{
    border: 2px solid #e8003b;
    border-radius: 30px;
    padding: 5px;
    color: #e8003b;
}



/*
 * siteorigin custom widgets styles
 */

/* kontakt */
.erfKontakt{
}
.erfKontaktTitel{
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}
.erfKontaktBild img{
    border-radius: 100px;
    width: 150px;
}
.erfKontaktName{
    font-size: 24px;
    margin-bottom: 5px;
}
.erfKontaktFunktion{
    color: #555;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 5px;
}
.erfKontaktEmail{
}

/* statement */
.erfStatement{
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
}
.erfStatementPerson{
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
    position: relative;
    padding: 30px 20px;
}
.erfStatementPersonOpen{
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 50px;
    font-weight: 600;
}
.erfStatementPersonClose{
    position: absolute;
    bottom: 0;
    right: 10px;
    font-size: 50px;
    font-weight: 600;
}
.erfStatementPersonBild{
    text-align: center;
    margin-bottom: 10px;
}
.erfStatementPersonBild img{
    border-radius: 100px;
    width: 150px;
}
.erfStatementPersonName{
    text-align: center;
    font-size: 24px;
    margin-bottom: 5px;
}
.erfStatementPersonFunktion{
    text-align: center;
    color: #555;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 5px;
}
/* person in bericht */
.erfStatementBerichtPerson{
    margin: 10px 20px 0 0;
    text-align: right;
}
.erfStatementBerichtPerson .erfStatementPersonBild{
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}
.erfStatementBerichtPerson .erfStatementPersonBild img{
    border-radius: 0;
    height: 45px;
    width: auto;
}
.erfStatementBerichtPerson .erfStatementPersonName{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 3px;
}
.erfStatementBerichtPerson  .erfStatementPersonFunktion{
    font-size: 16px;
}



/* header */
.erfHeader{
}
.erfHeaderMainTitel{
    font-weight: 600;
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
}
.erfHeaderMainLead{
    font-size: 30px;
    line-height: 34px;
    text-align: center;
}
.erfHeaderSubTitel{
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    width: 70%;
    margin-left: 15%;
}
.erfHeaderSubLead{
    font-size: 26px;
    line-height: 30px;
    width: 70%;
    margin-left: 15%;
}

/* erf teaser */
.erfTeaserFull, .erfTeaserInline{
     background-size: cover;
}
.erfTeaserFullBox{
    margin: 200px 0 !important;
}
.erfTeaserFullBoxInner{
    background: #FFF;
    color: #000;
    padding: 20px;
    text-align: center;
}
.erfTeaserFullBoxInnerTitel, .erfTeaserInlineBoxTitel{
    font-weight: 600;
    font-size: 40px;
    line-height: 46px;
}
.erfTeaserFullBoxInnerText, .erfTeaserInlineBoxText{
    font-size: 24px;
    line-height: 28px;
}
.erfTeaserFullBoxInnerLink, .erfTeaserInlineBoxLink{
    margin-top: 10px;
}
.erfTeaserInlineBox{
    background: #FFF;
    color: #000;
    padding: 20px;
    margin: 200px 50px 200px 100px !important;
}
.erfTeaserHalf{
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: left center;
    background-color: #EFEFEF;
    position: relative;
}
.erfTeaserHalfLeftImage{
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 100%;
    background-size: cover;
}
.erfTeaserHalfLeft{
    height: 100%;
    min-height: 200px;
}
.erfTeaserHalfRightTop{
    margin: 0 0 6vw 0;
}
.erfTeaserHalfRightTitel{
    font-weight: 600;
    font-size: 40px;
    line-height: 46px;
}
.erfTeaserHalfText{
    font-size: 24px;
    line-height: 28px;
}
.erfTeaserHalfRightLink{
    margin: 2vw 0 0 0 !important;
}
.erfTeaserHalfRightBottom{
    margin: 0 0 5vw 0 !important;
}



/* image navigation */
.imgNav:hover .imageNavOverlay{
    transition: background-color 0.1s ease-in-out;
    background-color: rgba(255,255,255,0.2);
    color: red;
}
.imageNavOverlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.2) 42%,rgba(0,0,0,0.2) 58%,rgba(0,0,0,0));
}
.imgNavLink{
    display: block;
    color: #FFF;
    font-size: 70px;
    line-height: 80px;
    font-weight: 600;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
}
.imgNavLink:hover{
    color: #FFF;
}

.imgTextNavLink{
    position: absolute;
    bottom: -100px;
    left: 0;
    color: black;
    background: rgba(250,250,250,0.9);
    margin: 0 50px;
    padding: 20px;
    text-align: center;
    width: calc(100% - 140px);
}
.imgTextNavLinkTitle{
    font-weight: 600;
    font-size: 40px;
    line-height: 46px;
}
.imgTextNavLinkText{
    font-size: 20px;
    line-height: 24px;
}
.imgTextNavLinkSpacer{
    height: 150px;
}

/* verwandte Seiten */
.verwandteSeitenTopTitel{
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 30px;
}
.verwandteSeitenTitel{
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
}
.verwandteSeitenLink{
    font-size: 18px;
    line-height: 20px;
}

/* akkordeon */
.akkordeonTopTitel{
    margin-bottom: 30px;
    width: 70%;
    margin-left: 15%;
    font-size: 40px;
    font-weight: 600;
}
.akkordeon{
    border-bottom: 1px solid #EFEFEF;
    margin: 0;
    width: 70%;
    margin-left: 15%;
}
.akkordeonItem{
    border-top: 1px solid #EFEFEF;
}
.akkordeonTitel{
    font-weight: 600;
    font-size: 30px;
    line-height: 34px;
    cursor: pointer;
    padding: 25px 0;
}
.akkordeonInhalt{
    display: none;
    margin-bottom: 30px;
}
.akkordeonText{
}
.akkordeonBild{
}


/* right border in 2 column elements, class for first cell */
.borderRight{
    border-right: 1px solid #efefef;
    margin-right: -15px;
    padding-right: 15px;
}


/* blockInText */
.blockInTextR{
}
.blockInTextRLinks{
    width: 15%;
    float: left;
    font-size: 16px;
    line-height: 18px;
    margin-top: 8px;
}
.blockInTextRLinksInner{
    padding: 0 10px 0 0;
}
.blockInTextRLinksInnerSmall{
    padding: 10px 0 0 0;
    font-size: 16px;
    line-height: 18px;
}
.blockInTextRContent{
    width: 77.5%;
    float: left;
    position: relative;
}
.blockInTextRBlock{
    padding: 15px 0;
    margin: 10px 0 0 20px;
    float: right;
    max-width: 45%;
    min-width: 25%;
    border-top: 3px solid black;
    border-bottom: 3px solid black;
}
.blockInTextRText{
    width: 90%;
}

.blockInTextL{
}
.blockInTextLDummy{
    width: 7.5%;
    float: left;
}
.blockInTextLContent{
    width: 77.5%;
    float: left;
    position: relative;
}
.blockInTextLBlock{
    padding: 15px 0;
    margin: 10px 20px 0px 0;
    float: left;
    max-width: 45%;
    min-width: 25%;
    border-top: 3px solid black;
    border-bottom: 3px solid black;
}
.blockInTextLText{
    margin-left: 10%;
}
.blockInTextLLinks{
    width: 15%;
    float: left;
    font-size: 16px;
    line-height: 18px;
    margin-top: 8px;
}
.blockInTextLLinksInner{
    padding: 0 0 0 10px;
}


/* beitragSlider */
.beitragSlider .newsThird:hover{
    box-shadow: none;
}
.beitragSlider li:hover .newsThridBottom{
    background-color: #f4f4f3;
}
.beitragSlider .sectionTitle{
    font-size: 36px;
    color: #222;
    margin-bottom: 20px;
}


/* erf video (youtube) */
.erfVideo{
}
.erfVideoImg{
    width: 100%;
}
.erfVideoImg img{
    width: 100%;
}
.erfVideoIcon{
    color: #FFF;
    text-shadow: 1px 1px #222;
    font-size: 30px;
}
.erfVideoTitel{
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    margin: 10px 0 5px 0;
}
.erfVideoText{
    line-height: 22px;
}

/* interview */
.interview{}
.interviewFrageTitel,
.interviewAntwortTitel,
.interviewKommentarTitel{

}
.interviewAntwortTitel{
    margin-top: -20px;
}
.interviewFrageText{
    background: #eee;
    padding: 5px 10px;
    /* border: 1px solid #222; */
    border-radius: 0 10px 10px 10px;
}
.interviewAntwortText{
    background: #2572bd;
    padding: 5px 10px;
    /* border: 1px solid #2572bd; */
    border-radius: 10px 0 10px 10px;
    color: #FFF;
}
.interviewKommentarText{
    padding: 5px 10px;
    /* border: 1px solid #222; */
    border-radius: 10px 10px 10px 10px;
    font-style: italic;
}
.interviewAntwort{
    margin-top: 20px !important;
}

/* dezent */
.interview_dezent .interviewAntwort{
    margin-top: 10px !important;
}
.interview_dezent .interviewFrageText{
    background: none;
    text-align: center;
    font-style: italic;
}
.interview_dezent .interviewAntwortText{
    background: none;
    text-align: center;
    font-weight: bold;
    color: #222;
}
.interview_dezent .interviewKommentarText{
    background: none;
    text-align: center;
}




/* contentspacer */
.contentspacer-small{
    height: 0px;
}
.contentspacer-medium{
    height: 30px;
}
.contentspacer-large{
    height: 80px;
}


/* team */
.teamTitel{
}
.teamText{
}
.teamPersonen{
}
.teamPerson{
}
.teamPersonTitel{
}
.teamPersonBild{
}
.teamPersonFunktion{
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
}
.teamPersonText{
    margin-bottom: 10px;
}
.teamPersonText a{
    border-bottom: none !important;
}
.teamPersonEmail{
}
.teamPersonEmail span{
    display: inline-block;
    width: 40px;
}

/* reisen (Übersicht)*/
.reisen{}
.reisenImg a{
    position: relative;
    display: block;
}
.reisenImgStatus{
    top: 0;
    left: 0;
    display: block;
    position: absolute;
    width: 66%;
}
.reisenTitel{
    font-size: 26px;
    line-height: 28px;
    font-weight: 600;
    margin: 20px 0 10px 0;
}
.reisenLink{
    margin: 20px 0 50px 0 !important;
}

.reise .reisenImgStatus{
    width: 50%;
}
.reiseLead{
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 10px;
}
.reiseImage{
    position: relative;
    display: inline-block;
    max-width: 50%;
}


/* downloads */
.downloads{
}
.downloaditem{
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
}
.downloaditem:last-child{
    border-bottom: none;
    margin-bottom: 0px;
}
.downloaditemTitle{
    font-weight: 600;
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 20px;
}
.downloaditemText{
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 15px;
}
.downloadsubitemImg{
}
.downloadsubitemTitle{
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
}
.downloadsubitemText{
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
}
.downloadsubitemvideo, .downloadsubitemfile, .downloadsubitembild{
    margin-top: 25px;
}
.downloaditem a{
    border-bottom: none;
}
.downloadsubitemfile a{
    color: red;
    font-weight: 600;
    text-decoration: none;
}
.downloadsubitembild a img{
    margin: 0 10px 10px 0;
}



@media screen and (max-width: 1200px) {
    /* teaser */
    .erfTeaserInlineBox{
        margin: 150px 50px 150px 0 !important;
    }
    /* imgNav */
    .imgNavLink{
        font-size: 60px;
        line-height: 70px;
    }

    /* verwandte Seiten */
    .verwandteSeitenTitel{
        font-size: 18px;
        line-height: 18px;
    }
    .verwandteSeitenLink{
        font-size: 16px;
        line-height: 16px;
    }

}
@media screen and (max-width: 960px) {
    /* teaser */
    .erfTeaserFullBox{
        margin: 150px 0 !important;
    }
    .erfTeaserInlineBox{
        margin: 100px 50px 100px 75px !important;
    }

    .erfTeaserHalf{
        background-size: cover;
        background-position: auto;
        color: #fff;
        text-shadow: 2px 2px 5px #222;
    }
    .erfTeaserHalfRightTitel{
        color: #fff;
        text-shadow: 2px 2px 5px #222;
    }
    .erfTeaserHalfText{
        color: #fff;
        text-shadow: 2px 2px 5px #222;
    }
    .erfTeaserHalfRightLink a{
        color: #fff;
        text-shadow: 2px 2px 5px #222;
    }
    /* imgNav */
    .imgNavLink{
        font-size: 50px;
        line-height: 58px;
    }

    .blockInTextRLinks{
        width: 100%;
        float: none;
    }
    .blockInTextRContent{
        width: 100%;
        float: none;
        position: relative;
    }
    .blockInTextRBlock{
        max-width: 50%;
        min-width: 40%;
    }
    .blockInTextRText{
        width: 90%;
    }

    .blockInTextLBlock{
        max-width: 50%;
        min-width: 40%;
    }
    .blockInTextLDummy {
        display: none;
    }
    .blockInTextLContent {
        width: 100%;
        float: none;
    }
    .blockInTextLLinks{
        width: 100%;
        float: none;
    }
    .blockInTextLLinksInner{
        padding: 0;
    }
    .jobitemImg{
        max-width: 200px;
    }

}
@media screen and (max-width: 768px) {
    /* header */
    .erfHeaderMainTitel{
        font-size: 30px;
        line-height: 40px;
    }
    .erfHeaderMainLead{
        font-size: 24px;
        line-height: 28px;
    }
    .erfHeaderSubTitel{
        font-size: 26px;
        line-height: 30px;
        width: 100%;
        margin-left: 0;
    }
    .erfHeaderSubLead{
        font-size: 24px;
        line-height: 28px;
        width: 100%;
        margin-left: 0;
    }
    /* teaser */
    .erfTeaserFullBox{
        margin: 100px 0 !important;
    }
    .erfTeaserInlineBox{
        margin: 75px 25px 75px 50px !important;
    }
    /* imgNav */
    .imgNavLink{
        font-size: 30px;
        line-height: 36px;
    }

    /* statement */
    .erfStatement {
        font-size: 40px;
        line-height: 48px;
    }

    /* erfBildstrecke */
    .erfBildstrecke h3{
        font-size: 30px;
        line-height: 34px;
    }
    .erfBildstrecke p{
        font-size: 20px;
        line-height: 22px;
    }
    .erfBildstrecke .uk-overlay{
        padding: 15px 10px 35px 15px;
    }

    /* right border in 2 column elements, class for first cell */
    .borderRight{
        border-right: none;
    }

    /* akkordeon */
    .akkordeonTopTitel{
        width: 100%;
        margin-left: 0;
    }
    .akkordeon{
        width: 100%;
        margin-left: 0;
    }

    /* reise */
    .reiseImage{
        max-width: 75%;
    }
}

@media screen and (max-width: 640px) {
    /* imgNav */
    .imgNavLink{
        font-size: 45px;
        line-height: 50px;
    }
}
@media screen and (max-width: 480px) {
    /* header */
    .erfHeaderMainTitel{
        font-size: 25px;
        line-height: 30px;
    }
    .erfHeaderMainLead{
        font-size: 20px;
        line-height: 22px;
    }
    .erfHeaderSubTitel{
        font-size: 24px;
        line-height: 26px;
    }
    .erfHeaderSubLead{
        font-size: 20px;
        line-height: 22px;
    }
    /* teaser */
    .erfTeaserFullBox{
        margin: 50px 0 !important;
    }
    .erfTeaserFullBoxInner{
        padding: 10px;
    }
    .erfTeaserFullBoxInnerTitel, .erfTeaserInlineBoxTitel{
        font-size: 30px;
        line-height: 34px;
    }
    .erfTeaserFullBoxInnerText, .erfTeaserInlineBoxText{
        font-size: 20px;
        line-height: 22px;
    }
    .erfTeaserInlineBox{
        margin: 25px 20px 25px 20px !important;
    }

    /* imgNav */
    .imgNavLink{
        font-size: 40px;
        line-height: 46px;
    }
    .imgTextNavLinkTitle{
        font-weight: 600;
        font-size: 30px;
        line-height: 34px;
    }
    .imgTextNavLinkText{
        font-size: 20px;
        line-height: 22px;
    }
    .imgTextNavLinkSpacer{
        height: 150px;
    }

    /* statement */
    .erfStatement {
        font-size: 30px;
        line-height: 34px;
    }

    /* erfBildstrecke */
    .erfBildstrecke h3{
        font-size: 24px;
        line-height: 22px;
    }
    .erfBildstrecke p{
        font-size: 18px;
        line-height: 20px;
    }
    .erfBildstrecke .uk-overlay{
        padding: 15px 10px 35px 15px;
    }

    /* akkordeon */
    .akkordeonTopTitel{
        margin-bottom: 20px;
        font-size: 30px;
    }
    .akkordeon{
        margin: 0;
    }
    .akkordeonTitel{
        font-size: 24px;
        line-height: 26px;
        padding: 20px 0;
    }
    .akkordeonInhalt{
        display: none;
        margin-bottom: 20px;
    }

    .blockInTextRBlock{
        max-width: 100%;
        min-width: 100%;
    }
    .blockInTextRText{
        width: 100%;
    }
    .blockInTextLBlock{
        max-width: 100%;
        min-width: 100%;
    }
    .blockInTextLText{
        width: 100%;
        margin-left: 0;
    }

    /* reise */
    .reiseImage{
        max-width: 100%;
    }

}