/*
Theme Name: ERF Medien
Author: seaio.interactive
Description: Individual template created for WordPress
Version: 0.0.1
Tags:
*/



html{
    --bg: #20232A;
    --bgdetail: #0D1118;
    --textcolor: #eee;
    --linkcolor: #ccc;
    --linkcolorhover: #fff;
    --invert: invert(0);
    --invertdark: invert(50%);
}
/* dark theme colors */
html[data-theme='light']{
    --bg: #eee;
    --bgdetail: #fff;
    --textcolor: #444;
    --linkcolor: #444;
    --linkcolorhover: #000;
    --invert: invert(80%);
    --invertdark: invert(0);
}

body{
    /* color: #000; */
    font-family: 'Barlow', sans-serif !important;
    font-size: 20px;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Barlow', sans-serif !important;
}
h3{
    font-weight: 600;
    font-size: 30px;
    line-height: 34px;
}
h4{
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
}
p{
    margin: 0;
}
a{
    font-family: 'Barlow', sans-serif !important;
    color: var(--linkcolor);
    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;
    */
}


/* overwrite yop poll settings */
.basic-yop-poll-container  .progress-bar {
    background: #00388c !important;
}
.bootstrap-yop{
    top: -60px;
    position: relative;
}
.basic-yop-poll-container{
    top: 60px;
}
@media screen and (max-width: 959px) {
    .bootstrap-yop{
        top: -30px;
    }
    .basic-yop-poll-container{
        top: 30px;
    }
}



/* 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 */
#lema-container.lema-container .lema-step-number {
    left: 9px !important;
    top: 14px !important;
}
span.lema-step-number-text, a.lema-button {
    background-color: #E7010E !important;
}
.lema-summary-check{
    background: #f6f6f6 !important;
    padding: 1px 15px 20px 15px !important;
}
#lema-container.lema-container .lema-step-number span{
    height: 25px !important;
    line-height: 24px !important;
}
#lema-container.lema-container .lema-step-header-text {
    padding-left: 45px !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;
}


/* video wrapper */
.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;
    z-index: 1;
}
.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: 242px;
    left: -173px;
    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; */
    background: transparent !important;
}
.jw-controls-backdrop {
    background: none !important;
}
/* custom play icon for audio player */
#audioplayer .jw-display-controls .jw-svg-icon-play path{
  display: none !important;
}
#audioplayer .jw-display-controls .jw-svg-icon-play {
  background-image: url('/wp-content/themes/erf/assets/images/audio-icon.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 0 5px #222);
}
#mainMediaImageIcon{
    filter: drop-shadow(0 0 5px #222);
}




/* toggle link Trailer / Vollfilm */
.movieToggle{
    background: var(--bg);
    color: var(--textcolor);
    margin: 5px 5px 0 0;
    padding: 0 10px 2px 10px;
    font-weight: bold;
}
.movieToggle:hover{
    color: var(--linkcolorhover);
}
.movieToggle span{
    position: relative;
    top: -2px;
}


/*
 * share buttons in beitraegen
 */
.shareButtonRow{
    margin-bottom: 6px;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
}
.shareButton{
    display: inline-block;
    transition: all .2s ease-in-out;
}
.shareButton:hover span{
    background: var(--bgdetail);
    border: 1px solid var(--linkcolorhover);
}
.shareButton span{
    font-weight: normal;
    background: var(--bg);
    border-radius: 40px;
    color: var(--linkcolor);
    font-size: 20px;
    line-height: 20px;
    width: 40px;
    height: 32px;
    padding-top: 8px;
    display: inline-block;
    text-align: center;
    margin-right: 20px;
    transition: all .2s ease-in-out;
    border: 1px solid var(--linkcolor);
}

.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); */
    left: 0px;
    width: 100%;
    font-size: 34px;
    line-height: 40px;
    color: var(--linkcolorhover);
    font-style: italic;
    font-weight: 600;
}
.statement:first-letter {
    float: left;
    font-size: 60px;
    margin: -10px 2px 0px 0px;
}

@media screen and (max-width: 1340px) {
    .beitrag_statement {
        position: relative;
        left: 0px;
        width: 100%;
        font-size: 28px;
        line-height: 34px;
        color: var(--linkcolorhover);
        font-style: italic;
        font-weight: 600;
    }
}

.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;
}


/*Cookiebar*/
.cn-set-cookie.cn-button.bootstrap.button {
    text-shadow: 0 1px 1px rgb(255 255 255 / 75%);
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top,#0088cc,#0044cc);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0044cc));
    background-image: -webkit-linear-gradient(top,#0088cc,#0044cc);
    background-image: -o-linear-gradient(top,#0088cc,#0044cc);
    background-image: linear-gradient(to bottom,#0088cc,#0044cc);
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 1px;
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    box-shadow: 0 1px 0 rgb(255 255 255 / 20%) inset, 0 1px 2px rgb(0 0 0 / 5%);
}

.cn-set-cookie.cn-button.bootstrap.button:hover {
    color: #fff;
    background-color: #04c;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}
#cookie-notice a{
    color: #fff !important;
}
#cookie-notice #cn-accept-cookie{
    font-weight: 700;
}
#cookie-notice .cn-close-icon::before,
#cookie-notice .cn-close-icon::after {
    background-color: #fff !important;
}



/*
 * 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', 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', 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', 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;
    margin-right: 0 !important;
}
.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: 100%;
    padding: 15px 0 0 30px;
    box-shadow: 0 0 30px #000;
    transform: scale(1.1);
    transform-origin: left;
    z-index: 1; */
}
.radioBarContentTitle{
    /* cursor: pointer; */
    font-size: 36px;
    text-transform: uppercase;
    position: relative;
}
.radioBarContentText{
    /* cursor: pointer; */
    font-size: 20px;
    font-weight: 600;
}
.radioBarContentLead{
    font-size: 16px;
    line-height: 18px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.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;
}
.radioBarContentLink .radioBarContentProg{
    cursor: pointer;
}

.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{
    background: #032B5B;
    overflow: scroll;
}
#megamenu.uk-offcanvas-overlay::before {
  background: rgba(0,0,0,0);
}


.megamenuBg{
}
.megamenuIcon{
    margin-top: 14px;
}
.megamenuIcon img{
    width: 50px;
}
.megamenuSpenden{
    margin-top: 23px;
}
.megamenuSpenden a{
    background: #E7010E;
    color: #FFF;
    margin-right: 120px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 3px;
    font-weight: bold;
}
#megamenu .uk-offcanvas-close{
    top: 25px;
    right: 40px;
    padding: 0;
    margin: 0;
    color: #FFF;
}

.megamenuSearch{
    padding: 50px 0 20px 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 40px;
}
.megamenuSearch span{
    color: rgba(255,255,255,0.4);
    position: relative;
    bottom: 5px;
    margin-right: 15px;
}
.megamenuSearch input{
    border-radius: 0;
    border: none;
    width: 80%;
    background: transparent;
    color: #fff;
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    font-family: "Barlow", sans-serif;
    outline: none;
}


.megamenuMain{
    max-height: calc(100vh - 450px);
    overflow: auto;
    position: relative;
}
#megamenu .megamenuMain{
    max-height: calc(100vh - 350px);
}
.megamenuMainBG{
    position: absolute;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    right: 0;
    top: 0;
}
.megamenuThema div{
    margin-bottom: 40px;
}
.megamenuThema a{
    color: #fff;
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
}
.megamenuMenu{
}
.megamenuMenuTitle{
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}
.megamenuMenuItem{
    margin-bottom: 15px;
    overflow: hidden;
}
.megamenuMenuItem a{
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    color: rgba(255,255,255,0.7);
}
.megamenuMenuItem a:hover{
    color: rgba(255,255,255,1);
}
.megamenuMenuItemSmall a{
    color: rgba(255,255,255,0.7);
    font-size: 16px;
    line-height: 20px;
}
.megamenuMenuItemSmall a:hover{
    color: rgba(255,255,255,1);
}


.megamenuFooter{
    background: #032B5B;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}
.megamenuFooterIcon img{
    margin: 30px 0;
}
.megamenuFooterRight{
    margin-top: 50px;
}
.megamenuFooterRight a{
    color: #fff;
}
.megamenuFooterBottom{
    background: #fff;
    color: #222;
    font-size: 12px;
}
.megamenuFooterBottom a{
    color: #032B5B;
    padding: 15px 15px 15px 0;
    display: inline-block;
    font-size: 18px;
}
.megamenuFooterBottom span{
    display: inline-block;
    padding: 19px 0 15px 0;
}
.megamenuFooterBottom a:hover{
    color: #032B5B;
}


@media screen and (max-width: 959px) {
    .megamenuMain{
        max-height: 100%;
    }
    #megamenu .uk-offcanvas-close{
        top: 10px;
        right: 30px;
    }
    .megamenuIcon{
        margin-top: 6px;
    }
    .megamenuSpenden{
        margin-top: 7px;
    }
    .megamenuSpenden a{
        margin-right: 50px;
    }
    .megamenuFooter{
        position: relative;
        left: -15px;
        width: 100vw;
        margin-top: 30px;
    }
    .megamenuFooterIcon img{
        margin: 15px 0;
    }
    .megamenuFooterRight{
        margin-top: 0px;
        margin-bottom: 25px !important;
    }
}


@media screen and (max-width: 639px) {
    #megamenu .uk-offcanvas-close{
        right: 15px;
    }
    .megamenuSearch span{
        bottom: 0;
    }
    .megamenuSearch input{
        font-size: 20px;
        line-height: 24px;
    }

    .megamenuThema div {
      margin-bottom: 30px;
    }
    .megamenuThema a{
        font-size: 26px;
        line-height: 30px;
    }
    .megamenuMenuTitle {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .megamenuMenuItem {
        margin-bottom: 5px;
    }
    .megamenuMenuItem a {
        font-size: 20px;
        line-height: 24px;
    }
    .megamenuFooterBottom a{
        padding: 15px 15px 0 0;
    }
    .megamenuFooterBottom span{
        padding: 5px 0 15px 0;
    }

}



/*
 * 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: 34px;
    color: var(--textcolor);
    margin-bottom: 50px;
}
.sectionTitleLight{
    color: var(--textcolor);
}
.sectionTitleDark{
    color: var(--textcolor);
}


/* 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 !important;
    padding: 18px 60px;
    font-size: 18px;
    font-weight: 600;
    border-bottom: none !important;
}
.moreButton:hover{
    color: #FFF !important;
    transform: scale(1.05);
}
.so-widget-sow-button .ow-button-base>a {
    display: inline-block !important;
    background: #00388c !important;
    color: #FFF !important;
    padding: 20px 70px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    border: 0px !important;
    line-height: 1.5 !important;
}
.so-widget-sow-button .ow-button-base>a>span>span[class^="sow-icon"] {
    margin-top: 0.01em !important;
}
.so-widget-sow-button .ow-button-base>a:hover{
    color: #FFF !important;
    transform: scale(1.05) !important;
    background: #00388c !important;

}





/*
 * 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;
}


.homeTopBox{
    color: #FFF;
    overflow: hidden;
}
.homeTopBox img{
    transition: 200ms ease-out;
}
.homeTopBox img:hover{
    transition-duration: 500ms;
}
.homeTopBox:hover img{
    transform: scale(1.05);
}



/*
 * 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: 200ms ease-out;
}
.newsMainBox img:hover{
    transition-duration: 500ms;
}
.newsMainBox:hover img{
    transform: scale(1.05);
}
.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;
}
.newsFokusBottomTextNoLinks{
    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;
    font-family: 'Barlow Condensed';
}
.newsFokusTitleMostDate1{
    font-size: 14px;
    line-height: 14px;
    margin: 5px 0 2px 6px;
    text-align: left;
    font-family: 'Barlow Condensed';
}
.newsFokusTitleMostDate2{
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 0 6px;
    text-align: left;
    font-family: 'Barlow Condensed';
}
.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;
    font-family: 'Barlow Condensed' !important;
}
.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{
    font-family: 'Barlow Condensed';
    padding: 2px 10px 3px 10px;
    color: #FFF;
    font-size: 14px;
    background: red;
}
.newsHalfBottom{
    padding: 20px;
}
.newsHalfBottomTitle{
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}
.newsHalfBottomText{
    margin-top: 10px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}
@media screen and (max-width: 639px) {
    .newsHalfBottom{
        padding: 15px;
    }
}


/* 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{
    font-family: 'Barlow Condensed';
    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{
    padding: 10px;
}
.newsSmallTitle{
    font-size: 18px;
    line-height: 24px;
    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: var(--linkcolorhover);
    /* 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; */
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    padding: 15px;
}
.sliderSimpleTextSmall .sliderSimpleText{
    font-size: 18px;
    line-height: 22px;
}


.uk-slidenav{
    border-bottom: none !important;
}
.sectionBGwhite .sliderSimpleText{
    color: var(--linkcolor);
}
.sectionBGwhite .uk-slidenav{
    color: var(--linkcolor);
}
.sectionBGwhite .sliderSimple:hover .sliderSimpleText{
    color: var(--linkcolorhover);
    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{
    hyphens: auto;
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    color: var(--textcolor);
    font-family: 'Barlow', sans-serif;
}
.sliderDoubleBigText{
    font-size: 22px;
    line-height: 40px;
    color: #FFF;
    text-shadow: 1px 1px 1px #555;
}
.sliderDoubleTitle{
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    color: var(--textcolor);
    font-family: 'Barlow', sans-serif;
}
.sliderDoubleText{
    /* font-size: 18px;
    color: #000;
    padding: 20px 0; */
    height: 90px;
    overflow: hidden;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    padding: 15px;
    color: var(--linkcolor);
}

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

.serienSlider .sectionTitle,
.formatSlider .sectionTitle,
.themaSlider .sectionTitle,
.beitragSlider .sectionTitle{
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    color: var(--textcolor);
    font-family: 'Barlow', sans-serif;
}
.serienSlider .sectionTitle a:hover,
.formatSlider .sectionTitle a:hover,
.themaSlider .sectionTitle a:hover,
.beitragSlider .sectionTitle a:hover{
    color: var(--linkcolorhover);
}

.serienSlider .sliderMobileNav a,
.formatSlider .sliderMobileNav a,
.themaSlider .sliderMobileNav a,
.beitragSlider .sliderMobileNav a{
    background: rgba(232,0,59,0.5) !important;
    color: #FFF !important;
}
.beitragSlider .uk-slidenav,
.serienSlider .uk-slidenav,
.formatSlider .uk-slidenav,
.themaSlider .uk-slidenav{
    background: rgba(232,0,59,0.5) !important;
    color: #FFF !important;
    top: 33%;
    margin: 0;
}

.serienSlider a,
.formatSlider a,
.themaSlider a,
.beitragSlider a{
    border-bottom: none !important;
}
.serienSlider a:hover,
.formatSlider a:hover,
.themaSlider a:hover,
.beitragSlider a:hover{
    border-bottom: none !important;
}


@media screen and (max-width: 959px) {
    .beitragSlider .sliderMobileNav a,
    .serienSlider .sliderMobileNav a,
    .formatSlider .sliderMobileNav a,
    .themaSlider .sliderMobileNav a{
        top: 13vw;
    }
}
@media screen and (max-width: 639px) {
    .beitragSlider .sliderMobileNav a,
    .serienSlider .sliderMobileNav a,
    .formatSlider .sliderMobileNav a,
    .themaSlider .sliderMobileNav a{
        top: 25vw;
    }
    .serienSlider .sectionTitle,
    .formatSlider .sectionTitle,
    .themaSlider .sectionTitle,
    .beitragSlider .sectionTitle{
        font-size: 26px;
        line-height: 30px;
    }

}

/*
 *postlist
 */
.postlist{
    /* background: #f4f4f3; */
    padding: 80px 0 90px 0;
    font-size: 16px;
}
.postlistMore{
    margin-top: 80px;
}
.postlistText{
    font-size: 22px;
    line-height: 30px;
    position: relative;
    top: -40px;
}
.postlistText a{
    border-bottom: 1px dotted #000;
}
.postlistText a:hover{
    border-bottom: none;
}


/*
 * postlistgroup
 */
.postlistgroup{
    background: #f4f4f3;
    padding: 80px 0 90px 0;
    font-size: 16px;
    line-height: 18px;
}
.postlistgroupDetail{
    background: #FFF;
    padding: 10px 20px 10px 20px;
    color: #444;
}
.postlistgroupDetailTitle{
    color: #444;
}
.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{
    color: #444;
}


/*
 *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: 20px;
    font-weight: 600;
    line-height: 26px;
    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: 75px;
    line-height: 85px;
    color: #FFF !important;
    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);
}
.textwidget .kvTitle{
    color: var(--textcolor) !important;
    max-width: 100%;
}
.textwidget .kvText{
    color: var(--textcolor) !important;
    max-width: 100%;
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 960px) {
    .kvTitle{
        max-width: 70%;
        font-size: 50px;
        line-height: 60px;
        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: 30px;
        line-height: 35px;
        margin-top: 45px;
    }
    .kvText{
        max-width: 100%;
        font-size: 20px;
        line-height: 24px;
    }
}
@media screen and (max-width: 480px) {
    .kvTitle{
        max-width: 100%;
        font-size: 26px;
        line-height: 30px;
    }
    .kvText{
        max-width: 100%;
        font-size: 16px;
        line-height: 20px;
    }
}




/*
 * CPT bericht
 */
.berichtContainer{
    margin: 40px 0 40px 0 !important;
    font-size: 16px;
}
.berichtImageBottom{
    padding: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    min-height: 16px;
}
.newsImageDuration{
    font-size: 14px;
    line-height: 16px;
}
.newsImageDuration span{
    font-weight: 700;
}
.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: 36px;
    line-height: 40px;
    font-weight: 700;
}
.berichtTitel1{
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    margin: 0 0 10px 40px;
}
.berichtTitel2{
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;
    margin: 0 0 50px 40px;
}
.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 0 40px 40px;
    position: relative;
}
.berichtDateLeadMLlink{
    position: absolute;
    right: 0;
    top: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
}
.berichtDate{
    /* font-size: 18px; */
    margin-bottom: 15px;
}
.berichtLead{
    font-size: 22px;
    line-height: 26px;
}
.beitragNav{
    margin-top: 25px;
}
.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: 75px;
    vertical-align: top;
}
.beitragCatItemLink{
    display: inline-block;
    width: calc(100% - 80px);
    font-weight: 600;
    color: var(--linkcolor);
}
.beitragCatItemLink span{
    display: inline-block;
    line-height: 18px;
    margin-top: 3px;
}
.beritagTag{
    margin: 20px 0 60px 0;
}
.beritagTags a{
    color: var(--linkcolor);
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    padding: 5px 20px;
    border: 1px solid var(--linkcolor);
    border-radius: 2px;
    margin-bottom: 5px;
    display: inline-block;
}
.beritagTags a:hover{
    color: var(--linkcolorhover);
    border: 1px solid var(--linkcolorhover)
}
.beitragDivider{
    margin: 40px 0;
}
.beitragDividerInner{
    border-bottom: 1px solid silver;
}
.beitragLeft{
    margin-top: 30px;
}
.beitragLeftContent{
    margin: 40px 0 0 0;
    font-size: 20px;
    line-height: 32px;
}
.beitragLeftContent p{
    margin: 0 0 20px 0;
}
.beitragLeftContent a{
    border-bottom: 1px dotted var(--textcolor);
}
.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;
    color: #222;
}
.beitragLeftContent .block_blau h1,
.beitragLeftContent .block_blau h2,
.beitragLeftContent .block_blau h3,
.beitragLeftContent .block_blau h4,
.beitragLeftContent .block_blau h5,
.beitragLeftContent .block_blau h6{
    color: #222 !important;
}
@media screen and (max-width: 639px) {
    .beitragLeftContent{
        line-height: 28px;
    }
}


.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: 36px;
    font-weight: 400;
}
.beitragVerwandtContent{
    margin-bottom: 40px;
}
.beitragWeiterContent{
    margin: 10px 0 40px 0;
}
.beitragWeiterItem a{
    color: var(--linkcolor);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    display: inline-block;
    width: calc(100% - 30px);
}
.beitragWeiterItem a:hover{
    color: var(--linkcolorhover);
}
.beitragWeiterItem span{
    display: inline-block;
    vertical-align: top;
    width: 20px;
    position: relative;
    top: 2px;
}
.beitragWeiterlesen{
    font-size: 36px;
    font-weight: 400;
}
.beitragCopyright{
        /* text-align: right; */
        font-size: 17px;
        margin-top: 5px;
}
@media screen and (max-width: 639px) {
    .beitragVerwandt{
        font-size: 24px;
        line-height: 26px;
    }
}



.moreLikeThisBlock{
    padding: 20px 0;
}
.moreLikeThis{
	/* border-bottom: 1px dotted silver;
	margin-bottom: 10px; */
}
.moreLikeThis:last-child{
	/* border-bottom: none; */
}
.moreLikeThisImage{
    max-width: 150px;
}
.moreLikeThisRight{
    margin-left: 15px;
}
.moreLikeThis h2{
	margin-bottom: 5px;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
}
.moreLikeThis h2 a{
	display: inline-block;
	width: 100%;
}
.moreLikeThis div{
    font-size: 16px;
    line-height: 18px;
}
.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;
}
.moreLikeThis:hover a{
    color: var(--linkcolorhover) !important;
}
@media screen and (max-width: 639px) {
    .beitragWeiterlesen {
      font-size: 24px;
      line-height: 26px;
    }
    .moreLikeThis h2{
        font-size: 16px;
        line-height: 18px;
    }
    .moreLikeThisImage{
        max-width: 100px;
    }
}


@media screen and (max-width: 960px) {
    .beitragNavRight{
        margin-left: 40px;
    }
}
@media screen and (max-width: 768px) {
    .berichtContainer{
        margin: 30px 0 30px 0 !important;
    }
    .berichtTitel{
    }
    .berichtTitel1{
    }
    .berichtTitel2{
    }
}
@media screen and (max-width: 480px) {
    .berichtContainer{
        margin: 25px 0 25px 0 !important;
    }
    .berichtTitel{
        font-size: 30px;
        line-height: 34px;
    }
    .berichtTitel1{
    }
    .berichtTitel2{
    }
}


/* bericht so element (inlineContent */
.inlineContent{
}
.inlineContent p{
    margin: 0 0 20px 0;
}
.inlineContent .beitrag_statement {
    position: relative;
    left: 0px;
    width: 100%;
    font-size: 34px;
    line-height: 40px;
    color: var(--linkcolorhover);
    font-style: italic;
    font-weight: 600;
}


/*
 * 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 var(--textcolor);
    margin-left: 10px;
    cursor: pointer;
    width: 30px;
    display: inline-block;
    text-align: center;
    background: var(--bgdetail);
    border: none !important;
}
.pagingItemActive{
    border: 1px solid var(--bg);
    margin-left: 10px;
    cursor: pointer;
    width: 30px;
    display: inline-block;
    text-align: center;
    background: var(--textcolor);
    font-weight: 600;
}
.pagingItem:hover{
    color: var(--bgdetail) !important;
}

/*
 * footer
 */
.footer{
    background: #032B5B;
}
.footer .megamenuMain {
    max-height: 100%;
}

@media screen and (max-width: 959px) {
    .footerBottom{
        padding-top: 30px;
    }
}

/*
 * shortcode styles
 */

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

/* events (agenda liste) */
.eventform{
    background: var(--bgdetail);
    padding: 20px;
}
.eventlist{
}
.eventlist tr{
    border-bottom: 1px dotted var(--textcolor);
}
.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;
    font-size: 18px;
    line-height: 20px;
}
.musicsearchlistitemArtist, .musicsearchlistitemsmallArtist{
    font-size: 20px;
    line-height: 25px;
}
.musicsearchlistitemTitle, .musicsearchlistitemsmallTitle{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}
.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: 26px;
    line-height: 30px;
    margin-top: -5px;
    position: relative;
}
.playlistArtist{
    color: #FFFFFF;
    font-size: 16px;
    line-height: 20px;
}
.playlistAlbum{
    color: #FFFFFF;
    font-size: 16px;
    line-height: 20px;
}
.playlistTitle{
    font-weight: 600;
    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;
}
.tagesprogramm_tagesimpuls{
    padding: 40px 0;
}
.tagesprogrammStart{
    color: #e8003b;
    font-size: 26px;
    width: 100px;
    float: left;
    margin-top: 6px;
    border-right: 2px solid #576d97;
}
.tagesprogramm_tagesimpuls .tagesprogrammStart{
    display: none;
}
.tagesprogrammRight{
    width: calc(100% - 142px);
    float: left;
    padding-left: 40px;
}
.tagesprogramm_tagesimpuls .tagesprogrammRight{
    width: 100%;
    padding-left: 0px;
}

.tagesprogrammCat{
    font-size: 18px;
    font-weight: 600;
}
.tagesprogrammTitle{
    font-size: 28px;
    line-height: 32px;
    padding-right: 65px;
    position: relative;
}
.tagesprogrammLink{
    color: #2572bd !important;
    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: 20px;
    line-height: 24px;
    width: 70px;
    float: left;
    margin-top: 3px;
    border-right: 2px solid #576d97;
}
.tagesprogrammSmallRight{
    width: calc(100% - 100px);
    float: left;
    padding-left: 15px;
}
.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;
    }
    .tagesprogramm_tagesimpuls{
        padding: 15px 0px;
    }
    .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;
    }
    .tagesprogramm_tagesimpuls .tagesprogrammRight{
        width: calc(100% - 30px);
        padding-left: 0px;
    }
    .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{
    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: 40px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
}
.erfHeaderMainLead{
    font-size: 26px;
    line-height: 30px;
    text-align: center;
}
.erfHeaderSubTitel{
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
    width: 70%;
    margin-left: 15%;
}
.erfHeaderSubLead{
    font-size: 24px;
    line-height: 28px;
    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: #ccc !important;
    font-size: 70px;
    line-height: 80px;
    font-weight: 600;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
}
.imgNavLink:hover{
    color: #FFF !important;
}

.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: 18px;
    line-height: 18px;
}
.verwandteSeitenLink{
    font-size: 18px;
    line-height: 20px;
}

/* akkordeon */
.akkordeonTopTitel{
    margin-bottom: 26px;
    width: 70%;
    margin-left: 15%;
    font-size: 30px;
    line-height: 34px;
    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: 24px;
    line-height: 30px;
    cursor: pointer;
    padding: 20px 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 var(--textcolor);
    border-bottom: 3px solid var(--textcolor);
}
.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;
    color: var(--linkcolorhover) !important;
}
.beitragSlider li:hover .newsThridBottom{
    background-color: #f4f4f3;
}

/* 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{
    font-size: 14px;
}
.teamPersonEmail a{
}
.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%;
    }

}


/* dossiertabnav */
.dossiertabnav{
    margin-top: 20px;

}
.dossiertabnav ul{
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
    border-bottom: 1px solid #aaa;
}
.dossiertabnav ul li{
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #ccc;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom: 1px solid #aaa;
    margin-right: -5px;
    position: relative;
    top: 1px;
    font-size: 18px;
    line-height: 18px;
    /* box-shadow: 0 -3px 3px #ddd; */
}
.dossiertabnav ul li:first-child{
    /* margin-left: 25px; */
}

.dossiertabnav ul .activeTab{
    border: 1px solid #aaa;
    border-bottom: 1px solid #FFF;
}
.dossiertabnav ul .activeTab a{
    /* color: #222; */
}
.dossiertabnav ul li a{
    border-bottom: none;
    text-decoration: none;
    /* color: #555; */
}
.dossiertabnav ul li a:hover{
    border-bottom: none;
    /* color: #222; */
}


/* dossiernavigation */
.dossiernavigation div{
    margin-bottom: 10px;
}
.dossiernavigation img{
    /* filter: grayscale(90%); */
    transition: all 0.5s;
    width: 100%;
}
.dossiernavigation .activeLink img,
.dossiernavigation img:hover{
    /* filter: grayscale(0); */
}


.dossierPostList .newsSmallTitle{
    font-size: 16px;
    line-height: 20px;
}


/* spendenstand */
.spendenstand{
}
.spendenstandLeft{
    font-size: 2.5vw;
    line-height: 2.5vw;
    vertical-align: top;
    font-weight: bold;
}
.spendenstandLeftGraph{
    border: 1px solid #555;
    border-radius: 5vw;
    padding: 0.2vw;
    position: relative;
}
.spendenstandLeftGraphBG{
    border-radius: 1vw;
    position: relative;
    height: 1.2vw;
    /* background:linear-gradient(90deg, red 5%, orange 50%, yellow 82%, green 98%, darkgreen 100%); */
    background:linear-gradient(90deg, red 5%, orange 50%, yellow 100%);
}
.spendenstandLeftGraphShine{
    border-radius: 1vw;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 1.2vw;
    background: silver;
}
.spendenstandLeftGraphOverlay{
    position: absolute;
    right: 0.5vw;
    top: 0.2vw;
    width: calc(100% - 1vw);
    height: 0.4vw;
    background: rgba(255,255,255,0.3);
    border-radius: 1vw;
}
.spendenstandLeftGraphScala{
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    border-right: 1px dotted #999;

}
.spendenstandRight{
}
.spendenstandButton{
    border: none;
    font-weight: bold;
    box-shadow: 0 0 0.25vw #555;
    font-size: 3vw;
    line-height: 3vw;
    background: #E40A3C;
    padding: 0.25vw 3vw 1vw 3vw;
    display: inline-block;
    color: #FFF;
    border-radius: 0.5vw;
    text-align: center;
}
.spendenstandButton:hover{
    color: #FFF;
}
@media screen and (min-width: 1280px) {
    .spendenstandLeft{
        font-size: 35px;
        line-height: 35px;
    }
    .spendenstandLeftGraph{
        border-radius: 20px;
        padding: 2px;
    }
    .spendenstandLeftGraphBG{
        border-radius: 12px;
        height: 16px;
    }
    .spendenstandLeftGraphShine{
        border-radius: 12px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        height: 16px;
    }
    .spendenstandLeftGraphOverlay{
        right: 5px;
        top: 2px;
        width: calc(100% - 12px);
        height: 4px;
        border-radius: 12px;
    }
    .spendenstandButton{
        font-size: 42px;
        line-height: 42px;
        box-shadow: 0 0 5px #555;
        padding: 8px 50px 12px 50px;
        border-radius: 10px;
    }
}
@media screen and (max-width: 780px) {
    .spendenstandLeft{
        font-size: 4vw;
        line-height: 4vw;
    }
    .spendenstandLeftGraph{
        border-radius: 5vw;
        padding: 0.2vw;
    }
    .spendenstandLeftGraphBG{
        border-radius: 1.3vw;
        height: 1.8vw;
    }
    .spendenstandLeftGraphShine{
        border-radius: 1.3vw;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        height: 1.8vw;
    }
    .spendenstandLeftGraphOverlay{
        right: 0.5vw;
        top: 0.3vw;
        width: calc(100% - 1vw);
        height: 0.6vw;
        border-radius: 1vw;
    }
    .spendenstandButton{
        box-shadow: 0 0 0.25vw #555;
        font-size: 4.5vw;
        line-height: 4.5vw;
        padding: 0.4vw 4vw 1.5vw 4vw;
        border-radius: 0.5vw;
    }
}
.spendenstandHeader .spendenstandLeft{
    font-size: 3.2vw;
    line-height: 3.2vw;
}
.spendenstandHeader .spendenstandButton{
    box-shadow: 0 0 0.25vw #555;
    font-size: 3.2vw;
    line-height: 3.2vw;
    padding: 0.25vw 3vw 1vw 3vw;
    border-radius: 0.5vw;
}
@media screen and (min-width: 1280px) {
    .spendenstandHeader .spendenstandButton{
        font-size: 2.2vw;
        line-height: 2.2vw;
    }
}
@media screen and (min-width: 1440px) {
    .spendenstandHeader .spendenstandLeft{
        font-size: 48px;
        line-height: 48px;
    }
    .spendenstandHeader .spendenstandButton{
        font-size: 40px;
        line-height: 40px;
        padding: 8px 50px 20px 50px;
        border-radius: 15px;
    }
}


/* erfButton */
@font-face {
    font-family: 'erfButtonIcon';
    src: url('/wp-content/plugins/so-widgets-bundle/icons/fontawesome/font/fontawesome-webfont.eot?v=4.7.0');
    src: url('/wp-content/plugins/so-widgets-bundle/icons/fontawesome/font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
    url('/wp-content/plugins/so-widgets-bundle/icons/fontawesome/font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
    url('/wp-content/plugins/so-widgets-bundle/icons/fontawesome/font/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('/wp-content/plugins/so-widgets-bundle/icons/fontawesome/font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('/wp-content/plugins/so-widgets-bundle/icons/fontawesome/font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'erfButtonIcon2';
    src: url('/wp-content/plugins/so-widgets-bundle/icons/ionicons/font/ionicons.eot?v=4.7.0');
    src: url('/wp-content/plugins/so-widgets-bundle/icons/ionicons/font/ionicons.eot?#iefix&v=4.7.0') format('embedded-opentype'),
    url('/wp-content/plugins/so-widgets-bundle/icons/ionicons/font/ionicons.woff?v=4.7.0') format('woff'),
    url('/wp-content/plugins/so-widgets-bundle/icons/ionicons/font/ionicons.ttf?v=4.7.0') format('truetype'),
    url('/wp-content/plugins/so-widgets-bundle/icons/ionicons/font/ionicons.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.erfButton a{
    transition: all .2s ease-in-out;
    display: inline-block;
    background: #00388c;
    color: #FFF !important;
    padding: 20px 40px 20px 25px;
    font-size: 18px;
    font-weight: 600;
    border-bottom: none !important;
}
.erfButton_left a,
.erfButton_center a{
    white-space: nowrap;
}

.erfButton_left div,
.erfButton_center div{
    display: inline-block;
    white-space: normal;
    padding-right: 20px;
}
.erfButton_right div{
    display: inline;
}


.erfButton span {
    font-family: 'erfButtonIcon';
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.3em;
    line-height: 1em;
    margin-right: 18px;
    vertical-align: top;
}
.erfButton .ionicons {
    font-family: 'erfButtonIcon2' !important;
}
.erfButton span[data-sow-icon]:before {
    content: attr(data-sow-icon);
}
.erfButton a:hover{
    transform: scale(1.05);
}
.erfButtonNoIcon{
    margin-right: 10px !important;
}



/* erfsocialmediaButtons */
.erfsocialmediaButtons{
}
.erfsocialmediaButtons a{
    margin-right: 15px;
    background: var(--bgdetail);
    color:  var(--linkcolor);
    transition: all .2s ease-in-out;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-bottom: none !important;
    text-align: center;
}
.erfsocialmediaButtons a:last-child{
    margin-right: 0;
}
.erfsocialmediaButtons a span{
    position: relative;
    top: -3px;
}
.erfsocialmediaButtons a:hover{
    color:  var(--linkcolorhover);
}
.erfsocialmediaButtons a:hover span{
}




/* erfLinkliste */
.erfLinkliste{
    border-bottom: 1px solid var(--linkcolor);
    margin-bottom: 15px;
}
.erfLinklisteLink{
    border-bottom: none !important;
}
.erfLinklisteImage{
    display: inline-block;
    width: 50px;
    vertical-align: top;
}
.erfLinklisteIcon{
    display: inline-block;
    width: 40px;
    vertical-align: top;
    font-size: 30px;
}
.erfLinklisteContent{
    display: inline-block;
    margin-bottom: 15px;
}
.erfLinklisteTitel{

}
.erfLinklisteText{
    line-height: 22px;
    font-size: 20px;
}




/* ERF sections / container */
.section_default,
.section_white,
.section_blue,
.section_night{
    margin: 30px 0;
    padding: 20px 20px 1px 20px;
}
.section_default p:last-child,
.section_white p:last-child,
.section_blue p:last-child,
.section_night p:last-child{
    margin-bottom: 0;
}

.section_default{
    background: #f4f4f3;
    color: #000;
}
.section_white{
    background: #fff;
    color: #000;
}
.section_blue{
    background: #c8e2f3;
    color: #000;
}
.section_default a,
.section_white a,
.section_blue a{
    color: #222 !important;
}
.section_default a:hover,
.section_white a:hover,
.section_blue a:hover{
    color: #000 !important;
}
.section_default h2, .section_default h3, .section_default h4, .section_default h5, .section_default h6,
.section_white h2, .section_white h3, .section_white h4, .section_white h5, .section_white h6,
.section_blue h2, .section_blue h3, .section_blue h4, .section_blue h5, .section_blue h6{
    color: #000;
}
.section_night{
    background: #00388c;
    color: #FFF;
}
.section_night h2,
.section_night h3,
.section_night h4,
.section_night h5,
.section_night h6{
    color: #FFF;
}
.section_night a{
    color: #fff !important;
    border-bottom: 1px dotted #fff;
}



h1,h2,h3,h4,h5,h6{
    color: var(--textcolor) !important;
}
body{
    background-color: var(--bg);
    color: var(--textcolor) !important;
}
.theme-logo,
.theme-logo img{
    filter: var(--invert);
}
.theme-logodark,
.theme-logodark img{
    filter: var(--invertdark);
}
.theme-text{
    color: var(--textcolor) !important;
}
.theme-link{
    color: var(--linkcolor) !important;
    /* transition: all .2s ease-in-out; */
}
.theme-link:hover{
    color: var(--linkcolorhover) !important;
}
.theme-bg{
    background-color: var(--bg) !important;
}
.theme-bg-detail{
    background: var(--bgdetail) !important;
}

.headerMain{
    background-color: #000;
    color: #eee;
    height: 80px;
}
.headerMain a{
    color: #eee !important;
    text-transform: none !important;
    font-size: 18px !important;
    line-height: 20px !important;
    font-weight: bold;
    display: inline-block;
}
.headerMain a:hover{
    color: #fff !important;
}
.headerMainSmall{
    height: 45px;
}
.headerMainSmall .headerMainSide{
    padding: 5px 0 0 0;
}
.headerMainSmall .headerMainNav {
  padding-top: 7px;
}
.headerMainSmall .headerMainMid{
    padding: 7px 0 0 0;
}



/*
 * breadcrumb
 */
#breadcrumbs{
    color: var(--textcolor);
}
#breadcrumbs li a{
    color: var(--textcolor);
    font-weight: 700;
}
.darkBreadcrumb #breadcrumbs{
    color: var(--textcolor);
}
.darkBreadcrumb #breadcrumbs li a{
    color: var(--textcolor);
}
.darkBreadcrumb{
    background-color:var(--bg);
}
.darkBreadcrumb #breadcrumbsPodcast a{
    color: var(--linkcolor);
}


.headerMainSide{
    width: 120px;
    padding-top: 14px;
}
.headerMainSideRight{
    padding-top: 24px;
}
.headerMainNav{
    padding-top: 23px;
}
.headerMainNav a{
    margin-right: 20px;
}
.headerMainMid{
    padding-top: 25px;
}
.headerMainMid a{
    font-weight: normal !important;
    font-size: 14px !important;
}
.thememodeswitch{
    cursor: pointer;
    display: none;
    margin-right: 20px;
}
.headerMain .mainNav{
    background: transparent !important;
    min-height: 60px !important;
}
.headerMain .headerBottomRightIconMegamenu span {
    position: static;
    font-size: 36px;
}
.headerMainMid .headerMainNavUeberuns{
    margin-right: 0px;
    position: relative;
    top: -2px;
    font-weight: bold !important;
}
.headerMainMid .headerMainNavSpenden{
    margin-right: 0px;
    position: relative;
    top: -2px;
    font-weight: bold !important;
    background: #E7010E;
    padding: 5px 10px;
    border-radius: 3px;
    margin-left: 15px;
}
@media screen and (max-width: 959px) {
    .headerMain{
        height: 45px;
    }
    .headerMainSide{
        width: auto;
        padding: 5px 0;
    }
    .headerMainMid{
        padding: 5px 0;
    }
    .headerMainMid .headerMainNavUeberuns{
        top: 2px;
    }
    .headerMainMid .headerMainNavSpenden{
        top: 2px;
        margin-right: 14px;
    }
}
@media screen and (max-width: 639px) {
}



.subHeader{
    background-image: linear-gradient(to top, #6aabec, #0459aa);
}
.subHeaderTitleBox{
    position: absolute;
    bottom: 40px;
}
.subHeaderTitleText{
    color: #FFF;
    font-size: 50px;
    font-weight: 700;
    line-height: 55px;
}
.subHeaderTitleText a{
    color: #FFF;
}
.subHeaderTitleText a:hover{
    color: #FFF;
    text-decoration: none;
}
.subHeaderTitleLogo{
    padding: 30px 0 45px 0;
    display: inline-block;
}
.subHeaderTitleLogo img{
    height: 95px;
}
@media screen and (max-width: 959px) {
    .subHeaderTitleText{
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
    }
    .subHeaderTitleLogo img{
        height: 75px;
    }
}
@media screen and (max-width: 639px) {
    .subHeaderTitleBox{
    }
    .subHeaderTitleText{
        font-size: 25px;
        font-weight: 700;
        line-height: 30px;
    }
    .subHeaderTitleLogo img{
        height: 50px;
    }
}



/* mobile nav */
.headerMobileNav{
    background: #000;
    height: 45px;
    position: relative;
    z-index: 10;
}
.headerMobileNav a{
    color: #FFF;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    margin-right: 20px;
}
.headerMobileNav ul{
    padding-top: 7px !important;
}

.subnavDown{
    position: relative;
    left: -22px;
    cursor: pointer;
}
.subnavUp{
    position: relative;
    left: -22px;
    display: none;
    cursor: pointer;
}
.subnav{
    position: relative;
    display: none;
    white-space: nowrap;
}
.subnavItems{
    position: absolute;
    top: 13px;
}
.subnavItems>div{
    padding: 15px 25px;
}
.subnavItems .theme-link {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    display: block;
}
@media screen and (max-width: 639px) {
    .subnavItems>div{
        padding: 15px 15px;
    }
}




/* werbung */
.werbungHomeRight{
    position: absolute;
    top: -30px;
    right: -270px;
    width: 270px;
    display: none;
}
.werbungHomeWide{
    padding: 80px 0;
}
.werbungHomeWide .theme-text{
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
}
.werbungHomeWide .pz_cont{
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 1880px) {
    .werbungHomeRight{
        display: block;
    }
}
@media screen and (max-width: 959px) {
    .werbungHomeWide{
        padding: 40px 0;
    }
}
@media screen and (max-width: 639px) {
    .werbungHomeWide{
        padding: 20px 0;
    }
    .werbungHomeWide .theme-text{
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
    }
}



.erfHeaderMainTitel,
.verwandteSeitenTitel{
    color: var(--linkcolor);
}
.erfcontent a,
.erfContentPadding a {
    color: var(--linkcolor);
    border-bottom: 1px dotted var(--linkcolor);
}
.erfcontent a:hover,
.erfContentPadding a:hover {
    border-bottom: 1px solid var(--linkcolorhover);
    color: var(--linkcolorhover);
}



.erfContentPadding{
    padding: 40px;
}
@media screen and (max-width: 959px) {
    .erfContentPadding{
        padding: 30px;
    }
}
@media screen and (max-width: 639px) {
    .erfContentPadding{
        padding: 15px;
    }
}


/* dossier widget */
.dossierWidget{
    background: #032B5B;
    margin-left: auto;
    margin-right: auto;
    padding: 80px;
    color: #FFF;
    position: relative;
}
.dossierWidgetCustom{
    margin-left: calc(-100vw / 2 + 1200px / 2);
    margin-right: calc(-100vw / 2 + 1200px / 2);
}
.dossierWidgetBgText{
    overflow: hidden;
    position: absolute;
    font-size: 350px;
    line-height: 400px;
    color: #032B5B;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
    z-index: 0;
    top: 0;
    left: 0;
    font-weight: 700;
    width: calc(100vw - 50px);
    white-space: nowrap;
}
.dossierWidgetContent{
    position: relative;
    z-index: 1;
}
.dossierWidgetLeft{
    width: 75%;
}
.dossierWidgetTitle{
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 10px;
}
.dossierWidgetTitle span{
    position: relative;
    bottom: 16px;
    background: red;
    font-size: 14px;
    line-height: 18px;
    padding: 1px 3px;
    margin: 0 5px 0 0;
}
.dossierWidgetLink{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 80px;
}
.dossierWidgetText{
    margin-bottom: 30px;
}
.dossierWidgetText a{
    font-size: 24px;
    line-height: 32px;
    color: #FFF;
}
.dossierWidgetText a:hover{
    text-decoration: none;
    color: #FFF;
}
.dossierWidgetLink a{
    color: #FFF;
}
.dossierWidgetMain{
    padding: 30px 40px 20px 40px;
}
.dossierWidgetMainTitle{
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 10px;
}
.dossierWidgetMainText{
    font-size: 18px;
    line-height: 22px;
}
.dossierWidgetItem{
    padding: 20px;
}
.dossierWidgetItemTitle{
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}
.dossierWidgetItemText{
    font-size: 18px;
    line-height: 22px;
}
.dossiertabnav ul .activeTab{
    border-bottom: 1px solid var(--bg);
}
.dossierWidgetCustom .werbungHomeRight{
    right: -300px;
}

@media screen and (max-width: 1280px) {
    .dossierWidgetCustom{
        margin-left: -40px;
        margin-right: -40px;
    }
}
@media screen and (max-width: 1200px) {
    .dossierWidgetLeft{
        width: 100%;
    }
}
@media screen and (max-width: 959px) {
    .dossierWidget{
        padding: 40px 0;
    }
    .dossierWidgetCustom{
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .dossierWidgetLeft {
      width: 100%;
    }
    .dossierWidgetLink{
        margin-bottom: 40px;
    }
    .dossierWidget .sliderWideBox{
        margin-left: 0;
    }
}
@media screen and (max-width: 639px) {
    .dossierWidget{
        padding: 20px 0;
    }
    .dossierWidgetCustom{
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .dossierWidgetTitle{
        font-size: 26px;
        line-height: 30px;
    }
    .dossierWidgetLink{
        margin-bottom: 20px;
    }
    .dossierWidgetTitle span {
        bottom: 5px;
    }
}






/* slider big */
.sliderBig{
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.sliderBigBg{
    background-size: cover;
    background-position: center;
    cursor: pointer;
    color: #FFF;
}
.sliderBigLeft{
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
    width: 18.8%;
    height: 100%;
    z-index: 10;
}
.sliderBigRight{
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
    width: 18.8%;
    height: 100%;
    z-index: 10;
}

.sliderBigArrow{
    z-index: 20;
}

.sliderBig .uk-slider-items {
    min-height: 425px;
}

.sliderBig li{
    /* filter: brightness(10%); */
    width: 90%;
    max-width: 1200px;
    /* transition: all .2s ease-in-out; */
}
.sliderBig li.uk-active{
    filter: brightness(100%);
}
.sliderBigText{
    /* padding: 75px; */
    padding: 50px;
    width: 65%;
    height: 100%;
    max-width: 720px;
    background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%);
    color: #FFF;
    /* text-shadow: 0px 0px 2px; #222; */
}
.sliderBigTextIcon img{
    height: 50px;
}
.sliderBigTextTitle{
    font-size:50px;
    line-height: 56px;
    font-weight: 700;
}
.sliderBigTextSubTitle{
    font-size:20px;
    line-height: 26px;
}
.sliderBigTextDuration{
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}
@media screen and (max-width: 1880px) {
    .sliderBigLeft,
    .sliderBigRight{
        width: calc( (100% - 1200px) / 2 );
    }
}
@media screen and (max-width: 1330px) {
    .sliderBigLeft,
    .sliderBigRight{
        width: 5%;
    }
}
@media screen and (max-width: 959px) {
    .sliderBig .uk-slider-items {
        min-height: unset;
    }
    .sliderBigTextIcon img{
        height: 35px;
    }
    .sliderBigText{
        padding: 25px;
        width: 80%;
        max-width: 100%;
    }
    .sliderBigTextTitle{
        font-size:35px;
        line-height: 40px;
    }
    .sliderBigTextDuration{
        font-size:16px;
        line-height: 18px;
    }
}
@media screen and (max-width: 639px) {
    .sliderBigTextIcon img{
        height: 30px;
    }
    .sliderBigText{
        padding: 15px;
        width: 80%;
        max-width: 100%;
        height: auto;
    }
    .sliderBigTextTitle{
        font-size:25px;
        line-height: 30px;
    }
    .sliderBigTextDuration{
        font-size:14px;
        line-height: 16px;
    }
}



/* slider wide */
.sliderWide{
}
.sliderWideBox{
    margin-left: 40px;
}
.sliderWideBoxInner{
    max-width: 1880px;
    margin: 0 auto;
    overflow: hidden;
}
.sliderWideTitle{
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    padding: 100px 0 35px 0;
}
.sliderWideText{
    padding: 30px;
}
.sliderWideTextHead{
    color: #E7010D;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.sliderWideTextTitle{
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}
.sliderWideTextLead{
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
}
.sliderWide li{
    width: 22vw;
    max-width: 420px;
}
.sliderWideItemBox{
    overflow: hidden;
    transition: all .2s ease-in-out;
}
.sliderWideItemBox:hover{
    /* box-shadow: 0 0 20px #AAA; */
}
.sliderWideItemBox:hover a{
    color: var(--linkcolorhover) !important;
}
.sliderWideItemBox img:hover{
    transition-duration: 500ms;
}
.sliderWideItemBox:hover img{
    transform: scale(1.05);
}

.sliderWide .uk-slidenav-previous,
.sliderWide .uk-slidenav-next{
    background: rgba(232,0,59,0.5) !important;
    color: #FFF;
}

.sliderWideBox .uk-slidenav{
    top: calc(30% - var(--uk-position-margin-offset));
}


@media screen and (max-width: 1200px) {
    .sliderWide li{
        width: 29vw;
        max-width: 100%;
    }
}
@media screen and (max-width: 959px) {
    .sliderWideText{
        padding: 20px;
    }
    .sliderWideBox{
        margin-left: 15px;
    }
    .sliderWide li{
        width: 41vw;
        max-width: 100%;
    }
    .dossierWidget .sliderWide li{
        width: 38vw;
    }
}
@media screen and (max-width: 639px) {
    .sliderWideBox{
        margin-left: 8px;
    }
    .sliderWideTitle{
        font-size: 26px;
        line-height: 30px;
        padding: 40px 0 20px 0;
    }
    .sliderWideText{
        padding: 15px;
    }
    .sliderWideTextTitle{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .sliderWideTextLead{
        font-size: 16px;
        line-height: 18px;
    }
    .sliderWide li{
        width: 80vw;
        max-width: 100%;
    }
    .dossierWidget .sliderWide li{
        width: 80vw;
    }
}


/* themeList */
.themeListHeader{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #20232A;
}
.themeListHeaderText{
    font-size: 50px;
    font-weight: 700;
    line-height: 55px;
    padding: 80px 0 40px 0;
    color: #FFF;
}
.themeListNav{
    background: rgba(0,0,0,0.5);
}
.themeListNav.uk-sticky-fixed{
    background: rgba(0,0,0,1);
}


.themeNav{
}
.themeNavItem{
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-right: 30px;
    display: inline-block;
    padding: 15px 0;
    transition: all .2s ease-in-out;
    color: #FFF;
    border-bottom: 4px solid transparent;
}
.themeNavItemActive,
.themeNavItem:hover{
    border-bottom: 4px solid #E7010E;
}
.themeNavArrowRight{
    background: rgba(0,0,0,0.8);
    margin-right: 0;
}
.themeListItemTitle{
    padding: 60px 0 30px 0;
}
.themeListItemTitle a{
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
}


/* scrolltop button */
#scrollToTopBtn {
    background-color: rgba(232,0,59,0.5) !important;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height: 48px;
    width: 48px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 10;
}
#scrollToTopBtn span{
    color: #fff;
}
@media screen and (max-width: 959px) {
    #scrollToTopBtn {
        font-size: 18px;
        line-height: 36px;
        width: 36px;
        position: fixed;
        bottom: 15px;
        right: 15px;
        display: none;
    }
}



/* donations */
.donationteaser{
}
.donationteaserDesc{
    background: var(--bgdetail);
    color: var(--textcolor);
    padding: 30px;
}
.donationteaserBg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: right;
}
.donationteaserBox{
    margin: 30px 60px 30px 0;
    padding: 30px;
    background: rgba(255,255,255,0.95);
    display: inline-block;
    max-width: 200px;
}
.donationteaserTitle{
    text-align: center;
    color: #222;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
}
.donationteaserAmounts{
    margin-bottom: 20px;
    color: #222;
    cursor: pointer;
}
.donationteaserAmountsItem{
    background: rgba(255,255,255,1);
    margin: 2px !important;
    padding: 10px 10px 20px 10px;
}
.donationteaserAmountsItem:hover > div{
    color: #E7010E;
}
.donationteaserAmountsItemActive{
    color: #E7010E;
}
.donationteaserAmountsItemCurrency{
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
}
.donationteaserAmountsItemValue{
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.donationteaserAmountsItemInput{
    margin-bottom: -2px;
}
.donationteaserAmountsItemInput input{
    border: none;
    border-bottom: 2px dotted #222;
    width: 100%;
    background: transparent;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    color: #222;
    outline: none !important;
    color: #222;
}
.donationteaserAmountsItemActive .donationteaserAmountsItemInput input{
    color: #e8003b;
}
.donationteaserText{
    text-align: center;
    color: #222;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 22px;
}
.donationteaserButton a{
    padding: 10px;
    display: block;
    background-color: #E7010E;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    font-family: 'Barlow Condensed', sans-serif !important;
    border-bottom: none;
}
.donationteaserButton a:hover{
    text-decoration: none;
    border-bottom: none;
    font-weight: bold;
}
@media screen and (max-width: 639px) {
    .donationteaserBox{
        margin: 30px 15px 30px 0;
    }
}

.donationform div,
.donationform p,
.donationform span{
    font-family: 'Barlow', sans-serif !important;
}
.donationformAmount{
    background: #fff;
    max-width: 620px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.donationformAmountInner{
    padding: 20px;
    color: #333;
    font-weight: bold;
}
.donationformAmountInner span{
    white-space: nowrap;
    color: #E7010E;
    font-size: 30px;
    line-height: 34px;
    border: 1px solid silver;
    padding: 15px;
    margin: 15px;
    display: inline;
}
.donationformAmountInner i{
    font-size: 14px;
    line-height: 14px;
    font-style: normal;
    position: relative;
    top: -20px;
}


/* email weiterempfehlung Formular */
#recommend_article .uk-modal-dialog{
    background: var(--bg);
}


/* add ChunkFive to musicloft */
.chunkfive,
.chunkfive a,
.chunkfive p,
.chunkfive h1,
.chunkfive h2,
.chunkfive h3,
.chunkfive h4,
.chunkfive h5,
.chunkfive h6{
    font-family: 'ChunkFive' !important;
}
@font-face {
    font-family: "ChunkFive";
    src:url('/wp-content/themes/erf/assets/ChunkFive-Regular.otf') format("opentype");
}



.audioplayerDetails{
    cursor: pointer;
}
.audioplayerDetailsImage{
    width: 200px !important;
    min-height: 110px;
    background-size: cover;
    background-position: center;
}
.audioplayerDetailsText{
    padding: 10px 20px;
}
.audioplayerDetailsTitle{
    transition: all .2s ease-in-out;
    font-weight: bold;
    color: var(--linkcolor);
}
.audioplayerDetailsDesc{
    margin-top: 10px;
}
.audioplayerDetailsIcon{
    transition: all .2s ease-in-out;
    font-size: 30px;
    line-height: 30px;
    border-radius: 30px;
    padding: 10px;
    background: rgba(0,0,0,0.3);
}
.audioplayerDetails:hover .audioplayerDetailsTitle{
    color: var(--linkcolorhover);
}
.audioplayerDetails:hover .audioplayerDetailsIcon{
    background: rgba(0,0,0,1);
}
@media screen and (max-width: 639px) {
    .audioplayerDetails{
        font-size: 16px;
        line-height: 18px;
    }
    .audioplayerDetailsText{
        padding: 10px;
    }
    .audioplayerDetailsImage{
        width: 90px !important;
        min-height: 90px;
    }
}