/* layout-1 an dbb-saar Personalratswahlene 2021 vwrgeben */
/* Sonderseite dbb-sh Aktionen und Infos im Landtags-Wahljahr 2022 */
.c-banner.layout-2 { background-color: #2A60BD; margin-bottom: 30px;position:relative; }
.c-banner.layout-2 .c-banner-back img { width: 100%; height: auto;   }
.c-banner.layout-2 .conversion { position: absolute; top: 4%; left: 2%; text-shadow: 1px 1px 1px #000; font-family: Share-Regular, Arial, Helvetica, sans-serif;}
.c-banner.layout-2 .conversion h2{ color: #fff; font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1200 - 320))); margin-bottom: 5px; }
.c-banner.layout-2 .conversion h3{ color: #fff; font-size: calc(18px + (44 - 18) * ((100vw - 320px) / (1200 - 320)));}
.c-banner.layout-2 .c-banner--link { display: flex; flex-wrap: wrap;  }
.c-banner.layout-2 .button {  font-family: Share-Regular, Arial, Helvetica, sans-serif; width: 33.333333%; box-sizing: border-box; text-align: center; color: #c0c1c2; border-top: 1px solid #fff; border-right: 1px solid #fff; }
.c-banner.layout-2 .button a { display: block; color: #fff; padding: 29px 0 14px 0; height: 100%; }
.c-banner.layout-2 .button a.current { color: #164194 }
.c-banner.layout-2 .button a span { font-size: 1.1em; }
.c-banner.layout-2 .button.b6 a span { font-size: .8em; }
.c-banner.layout-2 .button a:hover, .c-banner.layout-2 .button a.current { background-color: var(--cdPink); color: #fff; transition: background-color, 300ms;  }
.c-banner.layout-2 .button a:before, .c-banner.layout-2 .button.passive::before {font: 200 3.15em var(--fontAwesome); display: block; padding-bottom: 10px; }
.c-banner.layout-2 .button.b1 a:before {content: '\f757'; font-weight: 400;}
.c-banner.layout-2 .button.b2 a:before {content: '\e14e';}
.c-banner.layout-2 .button.b3 a:before {content: '\e323';}
.c-banner.layout-2 .button.b4 a:before {content: '\f03d';}
.c-banner.layout-2 .button.b5 a:before {content: '\f733';}
.c-banner.layout-2 .button.b6 a:before {content: '\f153';}
.c-banner.layout-2 .button.passive { padding-top:27px }

/* Allgemein Fix-Nav Mobil */
.c-banner.mobile-banner  { z-index: 2; width: 100%; margin-bottom: 0; }
.c-banner.mobile-banner .c-banner--link .button { width: auto; flex: 1; border-top: 1px solid #566a73; border-right: 1px solid #566a73; }
.c-banner.mobile-banner .c-banner--link .button span  { display: none; }
.c-banner.mobile-banner .c-banner--link .button a, .c-banner.mobile-banner .c-banner--link .button.passive { padding: 14px 0; }
.c-banner.mobile-banner .c-banner--link .button::before, .c-banner.mobile-banner .c-banner--link .button a::before {  font-size: 2.2em; font-weight: 200; }
.c-banner.mobile-banner .button a::before, .c-banner.mobile-banner .button.passive::before { transform: scale(.8);}

@media (min-width: 576px) {
    /* Sonderseite dbb-sh Aktionen und Infos im Landtags-Wahljahr 2022 */
    .c-banner.layout-2 .button.b6 a span { font-size: 1.1em; }
}

@media (min-width: 768px) {
    /* Sonderseite dbb-sh Aktionen und Infos im Landtags-Wahljahr 2022 */
    .c-banner.layout-2 .button { flex: 1; width: auto; border-top: none;  }
    .c-banner.layout-2 .button.b1 {border-left: 1px solid #fff;}
}

@media (min-width: 992px) {
    /* Sonderseite dbb-sh Aktionen und Infos im Landtags-Wahljahr 2022 */
    .c-banner.layout-2 .conversion {left: 22%; top: 14%;}

}

@media (min-width: 1200px) {
    /* Sonderseite dbb-sh Aktionen und Infos im Landtags-Wahljahr 2022 */
    .c-banner.layout-2 .c-banner--link { width: 1200px; margin: 0 auto; font-size: 1.2em;}

}