/* Sonderseiten PR-Wahlen 2024 */
.c-banner.layout-1 { background-color: #164194; margin-bottom: 30px; position: relative; font-size: clamp(.7em,3.2vw,1em); }
.c-banner.layout-1 .c-banner-back img { width: 100%; height: auto; }
.c-banner.layout-1 .conversion { position: absolute;top: 5%; right: 5%;}
.c-banner.layout-1 h2 {font-size: clamp(2.6em,5vw,6em); background-color: rgba(85,93,102,.3); border-radius: .14em; padding: .4em .6em; text-shadow: 1px  1px 1px #000, 1px -1px 1px #000, -1px  1px 1px #000, -1px -1px 1px #000; color: #fff;}
.c-banner.layout-1 .c-banner--link { display: flex; flex-wrap: wrap;  }
.c-banner.layout-1 .button { flex: 1 1 50%; font-size: 1.3em; box-sizing: border-box; text-align: center; color: #c0c1c2; border-top: 1px solid #fff; border-right: 1px solid #fff; }
.c-banner.layout-1 .button a { display: block; color: #fff; padding: 29px 0 14px 0; height: 100%; }
.c-banner.layout-1 .button a.current { color: #164194 }
.c-banner.layout-1 .button a span {  }
.c-banner.layout-1 .button a:hover, .c-banner.layout-1 .button a.current { background-color: #fff200; color: #164194; transition: background-color, 300ms;  }
.c-banner.layout-1 .button a::before {font: 200 3.15em var(--fontAwesome); display: block; padding-bottom: 15px; }
.c-banner.layout-1 .button.b1 a::before {content: '\f78a';}
.c-banner.layout-1 .button.b2 a::before {content: '\f648';}
.c-banner.layout-1 .button.b3 a::before {content: '\f0c0';}
.c-banner.layout-1 .button.b4 a::before {content: '\f87c';}

/* Sonderseite Junge Polzei */
.c-banner.layout-2 { background-color: #164194; margin-bottom: 30px; }
.c-banner.layout-2 .c-banner-back img { width: 100%; height: auto; }
.c-banner.layout-2 .c-banner--pictures { text-align: center; padding: 24px 0;  }
.c-banner.layout-2 .c-banner--pictures .image1 {  max-width: 123px;}
.c-banner.layout-2 .c-banner--link { display: flex; flex-wrap: wrap;  }
.c-banner.layout-2 .button { 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: .9em; }
.c-banner.layout-2 .button a:hover, .c-banner.layout-2 .button a.current { background-color: #fff200; color: #164194; 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; }
.c-banner.layout-2 .button.b1 a:before {content: '\f15c';}
.c-banner.layout-2 .button.b2 a:before {content: '\f663';}
.c-banner.layout-2 .button.b3 a:before /*.c-banner.layout-2 .button.b3.passive::before */ {content: '\f4fc';}
.c-banner.layout-2 .button.b4 a:before {content: '\f1ad';}
.c-banner.layout-2 .button.b5 a:before {content: '\f0c0';}
.c-banner.layout-2 .button.b6 a:before {content: '\f128';}
.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: 768px) {
    /* Sonderseiten  PR-Wahlen 2024*/
    .c-banner.layout-1 .conversion {top: 10%;}
    .c-banner.layout-1 .c-banner--link { flex-wrap: nowrap;  }
    .c-banner.layout-1 .button { flex: 1; border-top: unset;}
    .c-banner.layout-1 .button.b1 {  border-left: 1px solid #fff;}

    /* Sonderseite Junge Polizei */
    .c-banner.layout-2 .c-banner--pictures {position: relative; padding: 0; }
    .c-banner.layout-2 .c-banner--link { margin: 0 auto; }
    body:not(.newcomer) .c-banner.layout-2 .c-banner--link { margin-left: 15.5%; }
    .c-banner.layout-2 .button { flex: 1; width: auto; border-top: none;  }
    .c-banner.layout-2 .button.b1 {border-left: 1px solid #fff;}
    .c-banner.layout-2 .c-banner--pictures .image1 { position: absolute; left: .8%; margin-top: 1.5%; max-width: 81px;}
}

@media (min-width: 992px) {
    /* Sonderseiten  PR-Wahlen 2024*/
}

@media (min-width: 1200px) {
    /* Sonderseiten  PR-Wahlen 2024 */
    .c-banner.layout-1 .c-banner--link { max-width: 1200px; margin: 0 auto;}

    /* Sonderseite Junge Polizei */
    .c-banner.layout-2 .c-banner--link { max-width: 1200px;font-size: 1.2em;}
    body:not(.newcomer) .c-banner.layout-2 .c-banner--link { margin: auto; }
    .c-banner.layout-2 .c-banner--pictures .image1 { max-width: 94px; margin-top: 17px;}

}