:root {
    --bmfsfj-mint: #DDECEE;
    --bmfsfj-medium-mint: #377F89;
    --bmfsfj-medium-mint-dark: #307078;
    --bmfsfj-light-grey: #F1F1F1;
    --bmfsfj-medium-grey: #C8C8C8;
    --bmfsfj-grey: #777777;
    --bmfsfj-grey-darker: #757575;
    --bmfsfj-grey-darker-second: #696969;
    --bmfsfj-grey-darker-alt: #32717B;
    --bmfsfj-select-arrow-grey: #494949;
    --bmfsfj-blue: #004b76;
    --bmfsfj-dark-grey: #191919;
    --bmfsfj-very-dark-mint: #013439;
    --bmfsfj-dark-mint: #003843;
    --bmfsfj-light-mint: #00818b;
    --black: #000000;
    --bmfsfj-font-mint: #006C75;
    --bmfsfj-outline-focus-color: #0054C5;
    --bmfsfj-lighter-mint: #a5ccd0;
}

body {
    background: var(--bmfsfj-mint);
}

/* GLOBALE LINK HOVER-STILE */
a:hover {
    color: #00818b;
}
a.link:hover,
a.underline:hover,
a.internal-link:hover,
a.internal-link-new-window:hover,
a.external-link:hover,
a.external-link-new-window:hover,
a.pdf:hover,
a.img:hover,
a.ppt:hover,
a.doc:hover,
a.xls:hover,
a.top-link:hover,
a.zurueck:hover,
a.download:hover,
a.mail:hover {
    font-weight: 700;
    text-decoration: none;
}

a.link,
a.underline,
a.internal-link-new-window,
a.img {
    border-bottom: .0625rem solid;
}

/**/
/* KOPFZEILE */
/**/
.kopfzeile {
    position: relative;
    overflow: hidden;
}

.kopfzeile h1 {
    color: var(--white);
}

.kopfzeile p {
    font-size: 1.25rem;
}

.kopfzeile .hintergrundbild {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.kopfzeile .hintergrundbild > div {
    width: 100%;
    height: 100%;    
}

.kopfzeile .hintergrundbild img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kopfzeile .hintergrundbildTextBox {
    margin-top: 4.6875rem;
    margin-bottom: 9.375rem;
    overflow: hidden;
}

.kopfzeile .hintergrundbildTextBox .text {
    padding: 3.5rem 3.5rem 4rem;
    position: relative;
    background-color: var(--bmfsfj-light-mint);
    opacity: .95;
    color: #fff;
}

.kopfzeile .hintergrundbildTextBox .text .breadcrumb {
    color: #daedee;
    background-color: transparent;
    font-weight: 400;
    text-transform: uppercase;
    font-size: .875rem;
    padding-left: 0;
}

.kopfzeile .hintergrundbildTextBox .text .breadcrumb nav {
    width: 100%;
}

.kopfzeile .hintergrundbildTextBox .text .breadcrumb #nav-breadcrumb {
    list-style: none;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    display: flex;
}

.kopfzeile .hintergrundbildTextBox .text .breadcrumb #nav-breadcrumb a {
    color: inherit;
    font-weight: 700;
}

.kopfzeile .hintergrundbildTextBox .text .breadcrumb #nav-breadcrumb a:hover {
    text-decoration: none;
}

.kopfzeile .hintergrundbildTextBox .text .breadcrumb #nav-breadcrumb a:after {
    font-size: .5625rem;
    margin-left: .4375rem;
    padding-right: .4375rem;
    color: inherit;
    font-weight: normal;
}

.kopfzeile .hintergrundbildTextBox .text .ueberschrift {
    font-size: 2.375rem;
    padding-bottom: .75rem;
}

.kopfzeile .kopfzeileAbschluss {
    height: auto;
    max-width: 100%;
    position: absolute;
    bottom: 0;
}

/* Fokus Styles für Links */
.kopfzeile a:focus {
    outline: .3125rem auto var(--bmfsfj-outline-focus-color);
}


/* Mehr-Laden-Button */
.bmfsfj-mehr-button {
    background: none;
    padding: 0.875rem 0.75rem 0.725rem 0.75rem;
    border: 0.125rem solid var(--bmfsfj-medium-mint);
    color: var(--bmfsfj-medium-mint);
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    overflow: hidden;
    width: 16.75rem;
}

.bmfsfj-mehr-button.blue-back {
    border-color: var(--bmfsfj-medium-mint-dark);
    color: var(--bmfsfj-medium-mint-dark);
}

.bmfsfj-mehr-button span {
    float: left;
    position: relative;
    top: -0.0625rem;
}

.bmfsfj-mehr-button i {
    float: right;
}

.bmfsfj-mehr-button:hover,
.bmfsfj-mehr-button:focus {
    background: var(--bmfsfj-medium-mint);
    color: var(--white);
}

.bmfsfj-mehr-button.blue-back:hover,
.bmfsfj-mehr-button.blue-back:focus {
    background: var(--bmfsfj-medium-mint-dark);
    color: var(--white);
}

.bmfsfj-mehr-button:hover .bmfsfj-icon-mehr-laden-turkis,
.bmfsfj-mehr-button:focus .bmfsfj-icon-mehr-laden-turkis {
    background-image: url('../Icons/mehr-laden-weiss.svg');
}


/* autofill -------------------------------------- */
.autocomplete-suggestions {
    border: 0.0625rem solid var(--bmfsfj-medium-grey);
    background: var(--white);
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 0.1875rem 0.3125rem 0.3125rem 0.3125rem;
    white-space: nowrap;
    overflow: hidden;
    color: var(--bmfsfj-dark-grey);
}

.autocomplete-selected {
    background: var(--bmfsfj-mint);
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: var(--bmfsfj-medium-mint);
}
.autocomplete-group {
    padding: 0.125rem 0.3125rem;
}

.autocomplete-group strong {
    display: block;
    border-bottom: 0.0625rem solid var(--black);
}


/* icons -------------------------------------- */
.bmfsfj-icon {
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
#magazinHomeList .artikelreihe .artikel .artikeltext .blatter-rechts span .bmfsfj-icon-pfeil-weiss,
.bmfsfj-icon-pfeil-weiss {
    background-image: url('../Icons/pfeil-weiss.svg');
    width: 1.0625rem;
    height: 0.8125rem;
}

.bmfsfj-icon-pfeil-weiss.links {
    transform: scale(-1);
}

.bmfsfj-icon-skalieren {
    background-image: url('../Icons/skalieren.svg');
    width: 1.125rem;
    height: 1.125rem;
}

.bmfsfj-icon-verkleinern {
    background-image: url('../Icons/verkleinern.svg');
    width: 1.125rem;
    height: 1.125rem;
}

.bmfsfj-icon-plus {
    background-image: url('../Icons/plus.svg');
    width: 1.125rem;
    height: 1.125rem;
}


.bmfsfj-icon-minus {
    background-image: url('../Icons/minus.svg');
    width: 0.9375rem;
    height: 0.9375rem;
}

.bmfsfj-icon-liste-blau {
    background-image: url('../Icons/liste-blau.svg');
    width: 0.9375rem;
    height: 0.9375rem;
}

.bmfsfj-icon-karte-blau {
    background-image: url('../Icons/karte-blau.svg');
    width: 1.125rem;
    height: 1rem;
}

.bmfsfj-icon-mehr-laden-turkis {
    background-image: url('../Icons/mehr-laden-turkis.svg');
    width: 1.25rem;
    height: 1.0625rem;
}

.blue-back .bmfsfj-icon-mehr-laden-turkis {
    background-image: url('../Icons/mehr-laden-turkis-dark.svg');
}

.bmfsfj-icon-pfeil-turkis {
    background-image: url('../Icons/pfeil-turkis.svg');
    width: 1.0625rem;
    height: 0.8125rem;
}

.blue-back .bmfsfj-icon-pfeil-turkis {
    background-image: url('../Icons/pfeil-turkis-dark.svg');
}

.bmfsfj-icon-pfeil-turkis.links {
    transform: scale(-1);
}


/* Slick-Carousel --------------------------------- */
.bmfsfj-slider .slick-initialized .slick-slide > div {
    width: 100%;
}

.bmfsfj-slider header {
    margin: 1.5rem 0;
}

.bmfsfj-slider header h4 {
    margin-left: -1.75rem;
    font-family: "Guthen Bloots", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: var(--bmfsfj-light-mint);
    font-size: 1.875rem;
}
.bmfsfj-slider header h4 span {
    display: inline-block;
    transform: rotate(-5deg);
}

.bmfsfj-slider .slider-container {
    padding: 0 1.25rem 1.5625rem 1.25rem;
    background: var(--bmfsfj-lighter-mint);
}

.bmfsfj-slider .slick-slider {
    margin: 0 -0.625rem;
}

.bmfsfj-slider .slick-slider button {
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 0.0625rem solid var(--bmfsfj-lighter-mint);
    background: var(--bmfsfj-lighter-mint);
    display: flex;
    justify-content: center;
    align-items: center;
}

.bmfsfj-slider .slick-slider button i {
    width: 1rem;
    height: 1rem;
}

.bmfsfj-slider .slick-slider button:hover,
.bmfsfj-slider .slick-slider button:focus {
    border: 0.0625rem solid var(--bmfsfj-light-mint);
    background: var(--white);
}

.bmfsfj-slider .slick-slider button:hover:active {
    background-color: #005258;
    border-color: #00464b;
}

.bmfsfj-slider .slick-slider button:hover:active i {
    background-image: url('../Icons/pfeil-weiss.svg');
}

.bmfsfj-slider .slick-slider button:focus {
    border: 0;
    outline: none;
    box-shadow: inset 0 0.0625rem 0 hsla(0,0%,100%,.15), 0 0.0625rem 0.0625rem rgba(25,25,25,.075), 0 0 0 0.2rem rgba(38,148,156,.5);
}

.bmfsfj-slider .slick-slider button:hover i,
.bmfsfj-slider .slick-slider button:focus i {
    background-image: url('../Icons/pfeil-turkis.svg');
}

.bmfsfj-slider .slick-slider button.slick-prev {
    left: -3.75rem;
}

.bmfsfj-slider .slick-slider button.slick-next {
    right: -3.75rem;
}

.bmfsfj-slider .slick-list {
    padding: 1.25rem 0;
}

.bmfsfj-slider .slide {
    height: 100%;
    width: calc(100% / 3);
    padding: 0 0.625rem;
    float: left;
}

.bmfsfj-slider .teaser {
    position: relative;
    display: block;
    height: 100%;
    background: var(--white);
    padding: 1rem 1rem 3rem 1rem;
    transition: transform 0.35s ease-out;
}

.bmfsfj-slider .teaser h5 {
    font-family: BundesSans-Web, Arial, sans-serif;
    color: var(--bmfsfj-dark-grey);
    font-size: 1.125rem;
}

.bmfsfj-slider .teaser:hover,
.bmfsfj-slider .teaser:focus {
    text-decoration: none;
    transform: scale(1.05);
}

.bmfsfj-slider .teaser:hover .veranstaltungsdauer,
.bmfsfj-slider .teaser:focus .veranstaltungsdauer,
.bmfsfj-slider .teaser:hover address,
.bmfsfj-slider .teaser:focus address {
    color: var(--bmfsfj-light-mint);
}

.bmfsfj-slider .teaser .pseudo-btn {
    position: absolute;
    bottom: 0.875rem;
    right: 1.25rem;
}

.bmfsfj-slider .link-zeile {
    text-align: center;
}

.bmfsfj-slider .link-zur-uebersicht {
    text-decoration: none;
    position: relative;
    height: 2.75rem;
    border-radius: 0;
    padding: 0 0.9375rem 0 0.9375rem;
    color: var(--white);
    background: var(--bmfsfj-light-mint);
    text-transform: uppercase;
    border: 0.0625rem solid var(--bmfsfj-light-mint);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.bmfsfj-slider .link-zur-uebersicht:hover,
.bmfsfj-slider .link-zur-uebersicht:focus {
    background: var(--white);
    color: var(--bmfsfj-light-mint);
}


#magazinHomeList .link-zeile .link-zur-uebersicht i,
.bmfsfj-slider .link-zur-uebersicht:hover i,
.bmfsfj-slider .link-zur-uebersicht:focus i {
    background-image: url('../Icons/pfeil-turkis.svg');
}

.bmfsfj-slider .link-zur-uebersicht span {
    position: relative;
    top: -0.0625rem;
    margin-right: 1rem;
}

.bmfsfj-slider .link-zur-uebersicht i {
    width: 0.875rem;
    height: 0.875rem;
}

@media (max-width: 450px) {
    .bmfsfj-slider header h4 {
        margin-left: 0;
    }
}

@media (min-width: 991.98px) {

    .bmfsfj-slider .slick-track {
        display: flex;
    }

    .bmfsfj-slider .slick-initialized .slick-slide {
        display: flex;
        height: inherit;
    }

    .bmfsfj-slider .slick-initialized .slick-slide > div {
        height: inherit;
    }

}

@media (min-width: 991.98px) {

    .bmfsfj-slider .untervier .slick-track {
        margin: 0;
    }
}

@media (max-width: 991.98px) {

    .bmfsfj-slider .slick-slide {
        margin: 0.3rem 0;
    }

    .bmfsfj-slider .mehralsdrei .link-zeile {
        margin-top: 1rem;
    }

    .bmfsfj-slider .mehralsdrei .slick-list.draggable {
        height: 100% !important;
    }

    .bmfsfj-slider .slick-list.draggable,
    .bmfsfj-slider .slick-track {
        height: auto !important;
    }
    .bmfsfj-slider .untervier .slick-list {
        padding-bottom: 0;
    }
    .bmfsfj-slider .untervier .link-zeile {
        margin-top: 1rem;
    }
    .bmfsfj-slider .slick-slider .slick-arrow {
        display: none !important;
    }

}

@media (min-width: 1349.98px) {

    .bmfsfj-slider .slick-slider button.slick-prev {
        left: -7.75rem;
    }

    .bmfsfj-slider .slick-slider button.slick-next {
        right: -7.75rem;
    }
}





    /* weitere globale styles  --------------------------------- */
.logo {
    border: 0.0625rem solid #D8D8D8;
}
.mobilenummer {
    display:none;
}


.space-after.extra-large {
    margin-bottom: 3.875rem;
}



.innerer-container {
    padding: 1.875rem 1.875rem 0.625rem 1.875rem !important;
}

.filter-text {
    width: 8.125rem !important;
}

.feld-container {
    padding: 0 0.9375rem !important;
}

.f-container {
    width: calc(100% - (8.125rem + 10.8125rem)) !important;
}




/**/
/* MEDIA */
/**/
@media (max-width: 1219.98px) {
    .kopfzeile .hintergrundbild {
        position: static;
    }

    /* ie-11 fix */
    .kopfzeile .hintergrundbild img {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        margin-top: auto !important;
        margin-left: auto !important;
    }
    
    .kopfzeile .hintergrundbildTextBox {
        margin-top: 0;
        margin-bottom: 0;
    }

    .kopfzeile .hintergrundbildTextBox .text {
        padding: 3rem 1.75rem 5rem;
    }
}


@media (max-width: 991.98px) {
    /*  TODO add projektdetail-container, veranstaltungen details container  */
    .artikel-container .stage {
        background-color: var(--bmfsfj-light-mint);
    }
}

@media (max-width: 767.98px){

    .innerer-container {
        padding: 1.875rem 1.25rem 1.25rem 1.25rem !important;
    }

    .filter-text {
        width: 100% !important;
    }

    .feld-container {
        padding: 0!important;
    }

    .f-container {
        width: 100% !important;
    }
    
    .mobilenummer {
        display: block;
    }
    .desktopnummer {
        display: none;
    }

}


.globale-themenfeld-leiste {
    background: white;
    padding: 3rem 0;
    margin-bottom: 3.125rem;
}
.globale-themenfeld-leiste.gruen {
    background: var(--bmfsfj-mint)
}
.globale-themenfeld-leiste .inhalt {
    display: flex;
}
.globale-themenfeld-leiste .starter {
    color: var(--bmfsfj-grey-darker-second);
    padding: 0;
    border: none;
    background: white;
    margin-right: 1.875rem;
    white-space: nowrap;
    line-height: 1.75;
    font-size: 1rem;
}
.globale-themenfeld-leiste.gruen .starter {
    background: var(--bmfsfj-mint)
}
.globale-themenfeld-leiste .themenfelder-liste {
    display: flex;
    padding: 0;
    margin-bottom: -0.625rem;
    list-style-type: none;
    flex-wrap: wrap;
    width: 100%;
}
.globale-themenfeld-leiste .themenfelder-liste .themenfeld {
    white-space: nowrap;
}
.globale-themenfeld-leiste .themenfelder-liste .themenfeld a {
    padding: 0.1875rem 0.3125rem 0.25rem 0.3125rem;
    line-height: 1.2;
    display: inline-block;
    font-size: 0.875rem;
    border: 0.0625rem solid var(--bmfsfj-light-mint);
    background-color: var(--bmfsfj-light-mint);
    border-radius: 0.1875rem;
    margin-right: 0.625rem;
    font-weight: bold;
    margin-bottom: 0.625rem;
    color: white;
}
.globale-themenfeld-leiste .themenfelder-liste .themenfeld a:hover  {
    border: 0.0625rem solid var(--bmfsfj-light-mint);
    background-color: white;
    color: var(--bmfsfj-light-mint);
    text-decoration: none;
}

@media (max-width: 768.98px){
    .globale-themenfeld-leiste .inhalt {
        flex-direction: column;
    }
    .globale-themenfeld-leiste .starter {
        margin-bottom: 1rem;
    }
}


.themenfelder-leiste.klickbar {
    margin: 1rem auto 0 auto;
    padding: 0;
    border-bottom: none;
}

.themenfelder-leiste.klickbar .einThemenfeld {
    display: flex;
    justify-content: space-between;
    max-width: 52.5rem;
    width: 100%;
    margin: 0 auto;
    font-weight: bold;
}

.sticky-js--on {
    border-bottom: 2px solid var(--bmfsfj-mint);
    z-index: 9999;
}

@media (max-width: 1199.98px){
    .sticky-js--on {
        position: static!important;
    }
}