/* Allgemein */
.dce-slider { position:relative; }
.dce-slider .slick-slide { position:relative; width:100%; }
.dce-slider .slick-slide img { width:100%; }
.dce-slider .slick-arrow { position:absolute; font-size: 0;  padding: 0; cursor: pointer;  border: none; outline: none; background: transparent; z-index:2; opacity: .8; }
.dce-slider .slick-arrow::before { font-family: var(--fontAwesome); font-weight: 300; display: inline-block; content: '\f053'; color: #fff; text-shadow: 0 0 1px rgba(0,0,0,.7); }
.dce-slider .slick-next::before { content: '\f054'; }
.dce-slider .slick-next:hover, .dce-slider .slick-prev:hover { opacity:1; }
.dce-slider .slick-dots { width: 100%; position: absolute; bottom: 4%; text-align: center; margin:0; padding:0; }
.dce-slider .slick-dots li {display: inline-block; }
.dce-slider .slick-dots li+li { margin-left: 14px; }
.dce-slider .slick-dots li button { width: 15px; height: 15px; display: block; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); border-radius: 50%; border:0;outline: none; padding:0; }
.dce-slider .slick-dots li.slick-active button { background-color:#fff; }

/* MBox Slider allgemein */
.mbox.single .slide-element  { display: flex; flex-flow: nowrap column;}
.mbox.single .slider-image-wrap { order: -1}
.mbox.single .slider-conversion { padding: 0 15px; font: 16px var(--fontText); color: #6e6532; }
.mbox.single ul.slick-dots {position: relative; margin: 15px 0 30px;  }

/* Opener Jahrestagung auf Startseite, EKR Startseite für Prio 1, Jugend- und Senioren-Startseite, Frauenkongress und alle Servicenav-Seiten im Header */
.dce-slider.layout-0 .slider-conversion {position: absolute;  top: 0; width: 100%;  height: 100%;  color: #fff; background-image: linear-gradient(to top, rgba(0,0,0,.3) 30%, transparent 70%);}
.dce-slider.layout-0 .slider-conversion a { color: #fff; }
.dce-slider.layout-0 .text-wrap  { position: relative; top: 4%; display: flex; flex-direction: column; align-items: flex-end; padding: 0 10px; }
.dce-slider.layout-0 .slider-conversion .hl { font: calc(20px + (68 - 20) * ((100vw - 320px) / (1320 - 320))) var(--fontHeadline); }
.dce-slider.layout-0 .slider-conversion .slider-text { font-size: calc(14px + (30 - 14) * ((100vw - 320px) / (1320 - 320))); color: #fff; }
.dce-slider.layout-0 .slider-conversion .slider-text p { margin:0; }

/* Slider MBox #Zusammen */
.dce-slider.layout-1 .slider-conversion { color: #626262; font: italic 300 1em var(--fontText); }
.dce-slider.layout-1 .slider-conversion .slider-text-innerwrap p:nth-of-type(3), .dce-slider.layout-1 .slider-conversion .slider-text-innerwrap p:nth-of-type(4) { font: smaller OpenSans-Cond-Light, Arial, Helvetica, sans-serif; }
.dce-slider.layout-1 .slider-conversion .slider-text-innerwrap p:nth-of-type(3) { font-weight: bold; }
.dce-slider.layout-1 .slider-conversion .hl { text-align: center; color: var(--cdPink); font: 2.1em var(--fontHeadline); margin: 4px 0 10px; }
.dce-slider.layout-1 .slide-element.slick-slide .slider-text-innerwrap p:first-child::before { content: '\f324'; font: 1.4em var(--fontAwesome); color: var(--cdPink); margin-right: 12px; position: relative; top: 2px; }
.dce-slider.layout-1 .slider-text a { color: #626262; }
.dce-slider.layout-1 p {margin: 0;}
.dce-slider.layout-1 .slick-arrow { top: 15%; }
.dce-slider.layout-1 .slick-arrow::before {font-size: 28px; text-shadow: 0 0 1px rgba(0,0,0,.7); }
.dce-slider.layout-1 .slick-next { right: 10px;}
.dce-slider.layout-1 .slick-prev { left: 10px;}

/* Slider MBox Aufbruch */
.dce-slider.layout-2 p:last-of-type { text-align:right; font-style:italic; }
.dce-slider.layout-2 .slider-text a { color: #626262;}

/* Mbox Partner dbb-jugend BJT 2022 */
.dce-slider.layout-4 .slider-conversion { text-align: center; }
.dce-slider.layout-4 .slider-conversion .hl { font-size: 1.6em; color: #555; }
.dce-slider.layout-4 ul.slick-dots { text-align: left; margin: 30px 0 40px 20px; }
.dce-slider.layout-4 .slick-dots li button { width: 16px; height: 16px; }
.dce-slider.layout-4 .slick-arrow { top: 75%; right: 20px;}
.dce-slider.layout-4 .slick-arrow::before { color: #555; font-size: 22px; }
.dce-slider.layout-4 .slick-prev { right: 74px; }
.dce-slider.layout-4 .slick-track .slide-element { align-items: center; }
.dce-slider.layout-4 .slick-track .slide-element .slider-image-wrap { width: 62%; }
.dce-slider.layout-4 .slick-track .slide-element:first-of-type .slider-image-wrap { width:80%; }
.dce-slider.layout-4 .slick-track .slide-element:nth-of-type(4) .slider-image-wrap { width:42%; }


/* MBox Partner dbb-jugend BJT 2022*/
.dce-slider.layout-4.layout-7 { width: 100%; }
.dce-slider-h4-wrap.layout-4.layout-7 h4 { margin-bottom: 40px; }
.dce-slider.layout-4.layout-7 .slide-element:nth-of-type(2) img { transform: scale(.7); }
.dce-slider.layout-4.layout-7 .slide-element:nth-of-type(3) img { transform: scale(.85)}
.dce-slider.layout-4.layout-7 .slide-element:nth-of-type(4) img { width:121%; height: 98px; }

/* Kampagne Wir für Euch Plakatseite 2022 */
body.bill .col-content { overflow: hidden; }
.dce-slider.layout-5 .slider-image-wrap a:before { display: none; }
.dce-slider.layout-5 .slide-element .text-wrap {background-color: #fff; padding: 3em; width: min(100%,470px); display: flex; flex-direction: column; align-items: flex-end; gap: 1.6em; }
.dce-slider.layout-5 .slide-element .text-wrap a {display: flex; gap: 2em; }
.dce-slider.layout-5 .slide-element .slider-conversion {opacity: 0; position: absolute; font-size: .6em; display: flex; background-color: rgba(65,90,101,.6); width: 100%; height: 100%; justify-content: center; align-items: center; }
.dce-slider.layout-5 .slide-element .slider-conversion:hover { opacity: 1; transition: opacity .7s; }
.dce-slider.layout-5 .slide-element .slider-conversion a:before {content:'\f019'; font-size: 4em; position: relative; top:.4em;}
.dce-slider.layout-5 .slide-element a.slider-button:before { display: none;}
.dce-slider.layout-5 .slide-element .text-wrap a.slider-button {display: block; width: 12em; background-color: #fff; color: var(--contentBlueDark); border: 1px solid var(--contentBlue); font-size: 1.1em; padding: 1.2em; text-align: center; text-transform: uppercase; }
.dce-slider-thumbnails.layout-5 {margin-top: 4.35%; display: grid; grid-template:  auto auto / 1fr auto 1fr; grid-template-areas: "slider slider slider""prev dots next";}
.dce-slider-thumbnails.layout-5 .slick-track {  display: flex; column-gap: .2%; }
.dce-slider-thumbnails.layout-5 .slick-slide { float: none; }
.dce-slider-thumbnails.layout-5 .slick-list {grid-area: slider; margin: 0 0 3% -.55%; }
.dce-slider-thumbnails.layout-5 .slick-active { cursor: pointer; }
.dce-slider-thumbnails.layout-5 img { width: min(100%, 150px); }
.dce-slider-thumbnails.layout-5 .slick-current-thumb img { border: 2px #ad0067 solid; }
.dce-slider-thumbnails.layout-5>button {border: none; background-color: transparent; }
.dce-slider-thumbnails.layout-5>button.slick-prev { grid-area: prev; justify-self: flex-end; }
.dce-slider-thumbnails.layout-5>button.slick-next { grid-area: next; justify-self: flex-start; }
.dce-slider-thumbnails.layout-5>button::before { font: 200 2.5em var(--fontAwesome); cursor: pointer;  }
.dce-slider-thumbnails.layout-5>button.slick-prev::before { content: '\f053'; }
.dce-slider-thumbnails.layout-5>button.slick-next::before { content: '\f054'; }
.dce-slider-thumbnails.layout-5 ul.slick-dots { list-style: none; margin: 0 28px 8px; padding: 0; grid-area: dots; display: flex; justify-content: center; align-self: center; gap: 20px; }
.dce-slider-thumbnails.layout-5 ul.slick-dots button { padding: 0; font-size: 0; height: 18px; width: 18px; border-radius: 50%; border: 1px solid var(--contentBlueLight); background-color: transparent;  }
.dce-slider-thumbnails.layout-5 ul.slick-dots button:focus { outline: none; }
.dce-slider-thumbnails.layout-5 ul.slick-dots li.slick-active button { background-color: var(--contentBlueLight); }

/* Jugend-Startseite */
.dce-slider.layout-0.layout-7 .slider-conversion .text-wrap { top: 47%; right: 10% }
.dce-slider.layout-0.layout-7  .slick-arrow { font-size: clamp(28px,4vw,60px); top: 42.4%; }
.dce-slider.layout-0.layout-7  .slick-arrow.slick-next { right:0; margin-right: 10px; }
.dce-slider.layout-0.layout-7  .slick-arrow.slick-prev {  margin-left: 10px; }

/* Senioren-Startseite */
.dce-slider.layout-0.layout-8 .slider-conversion .text-wrap { right: 7%; top: 56%; }
.dce-slider.layout-0.layout-8 .slider-conversion .slider-text { font-size: calc(11px + (30 - 11) * ((100vw - 320px) / (1320 - 320))); }

/* EKR 2023 Opener dbb Startseite */
.dce-slider.layout-0.layout-9 .slider-conversion .text-wrap {display: block; left: 32%; top: 23%; }
.dce-slider.layout-0.layout-9 .hl { font-size: calc(19px + (74 - 19) * ((100vw - 320px) / (1320 - 320)));}
.dce-slider.layout-0.layout-9 .hl::after { content: '\f054'; font: 200 1.4em var(--fontAwesome); display: inline-block; transform: translateY(.16em); padding-left: .3em; }
.dce-slider.layout-0.layout-9 .slider-text {text-indent: .7em; font-size: clamp(.52em,2.6vw,2.2em); }

/* Europawahl 2024 Sonderseite */
.dce-slider.layout-0.layout-10 .slider-conversion {background-image: linear-gradient(to top, rgba(0,0,0,.1) 30%, transparent 70%); }
.dce-slider.layout-0.layout-10 .slider-conversion .text-wrap { top: 72%; right: 6%; }
.dce-slider.layout-0.layout-10 .slider-conversion .hl { font-size: clamp(22px,7vw,128px); }

/* dbb Dialog, Europäischer Abend */
.dce-slider.layout-0.layout-11 .text-wrap {top: 59%; right: 16%;}

/* dbb Forum o. D., Forum Personalvertretungsrecht, Forum Inklusion und Teilhabe */
.dce-slider.layout-0.layout-12 .text-wrap {top: 42%; right: 3%;}

@media (min-width: 576px) {

    /* Slider MBox #Zusammen */
    .dce-slider.layout-1 .slick-arrow { top: 20%; }
    .dce-slider.layout-1 .slick-arrow::before {font-size: 32px; }

    /* Jugend-Startseite */
    .dce-slider.layout-0.layout-7 .slider-conversion .text-wrap { top: 62%; right: 13%;}

}

@media (min-width: 768px) {
    /* Allgemein */
    .dce-slider .slick-dots li button { width: 18px; height: 18px; }

    /* Opener Jahrestagung, Jugend- und Senioren-Startseite, Frauenkongress und alle Servicenav-Seiten im Header */
    .dce-slider.layout-0 .slider-conversion .hl { margin-bottom: 18px;}

    /* Jugend-Startseite */
    .dce-slider.layout-0.layout-7  .slick-arrow.slick-next { margin-right: 48px; }

    /* Slider MBox #Zusammen */
    .dce-slider.layout-1 .slick-arrow { top: 12.5%; }
    .dce-slider.layout-1 .slick-arrow::before {font-size: 28px; }

    /* MBox Partner dbb-jugend BJT 2022 */
    .dce-slider.layout-4 .slider-conversion .hl { font-size: 1.875em; }
    .dce-slider.layout-4 .slick-arrow { top: 66%;  }
    .dce-slider.layout-4 .slick-prev { right: 86px; }

    /* Kampagne Wir für Euch Plakatseite 2022 */
    .dce-slider.layout-5 .slide-element .slider-conversion { font-size: 1em; }

    .dce-slider.layout-5 .slide-element:hover a.slider-button:hover { background-color: var(--contentBlue); color: #fff; transition: background-color 450ms;}


}

@media (min-width: 992px) {

    /* Slider MBox #Zusammen */
    .dce-slider.layout-1 .slider-conversion { font-size: 1.1em }
    .dce-slider.layout-1 .slick-arrow { top: 13.5%; }
    .dce-slider.layout-1 .slick-arrow::before {font-size: 32px; }

    /* MBox Partner dbb-jugend BJT 2022 */
    .dce-slider.layout-4 .slider-conversion .hl { font-size: 1.45em; }
    .dce-slider.layout-4 .slick-arrow { top: 75%;  }
}

@media (min-width: 1200px) {

    /* Slider MBox #Zusammen */
    .dce-slider.layout-1.mbox.single img {margin-bottom: 14px;}
    .dce-slider.layout-1 .slick-arrow { top: 16%; }

    /* Opener Betriebsrats- und Personalraltwa.hlen */
    .dce-slider.layout-3 .hl { font-size:  3em; }

    /* Marginalbox Serviceeinrichtungen und Sponsoren dbb-jugend BJT 2022 */
    .dce-slider.layout-4 .slider-conversion .hl { font-size: 1.875em; }
    .dce-slider.layout-4 ul.slick-dots { margin-left: 30px; }
    .dce-slider.layout-4 .slick-next{  right: 30px; }

}

@media (min-width: 1320px) {



    /* Marginalbox Serviceeinrichtungen und Sponsoren dbb-jugend BJT 2022 */
    .dce-slider.layout-4 .slick-arrow { top: 201px; }

    /* Kampagne Wir für Euch Plakatseite 2022 */
    .dce-slider-thumbnails.layout-5 .slick-list { margin-left: 20px; }
}

@media (min-width: 1680px){
    /* Jugend-Startseite */
    .dce-slider.layout-0.layout-7  .slick-arrow.slick-next { margin-right: 10px; }

    /* Europawahl 2024 Sonderseite */
    .dce-slider.layout-10 .slider-conversion .text-wrap { top: 73%; }
}