a.logo, a.logo img {  width: 210px; height: 52px; }

/* News || nur bei dbb.de */
.news time:not(.no-category)::after {content: '||'; margin: 0 8px; }

/* Überschriften Farbcodex */
.aufbruch-agil h1 { color: #387d57 }
.aufbruch-vielfalt h1 { color: #005479 }
.aufbruch-digital h1 { color: #b16c4b }
.aufbruch-dialog h1 { color: #753b6f }

/* Autobahn Betriebsratswahlen 2021
.autobahn-download .col-content>p { color: var(--contentBlue); font-size: 1.2em; }
[class^=autobahn] .col-content>.zw-titel { font-size: 1.7em; }
.autobahn-download .ce-textpic .ce-bodytext  { line-height: 24px; }
.autobahn-download .ce-textpic .ce-bodytext a { padding-right: 6px; }
.autobahn-download .ce-textpic .ce-bodytext a::before { padding: 0 4px 0 10px;}

 */
body.autobahn .aside-top  nav.sub-nav { display: none;}

 /* Autobahn Betriebsratswahlen 2021 Gewerkschaften
.autobahn .ce-image.ce-center .ce-outer {float: none; position: inherit;}
.autobahn .ce-image.ce-center .ce-gallery .ce-outer .ce-inner {float: none; position: inherit;}
.autobahn .ce-image.ce-center .ce-gallery .ce-outer .ce-inner .ce-column {float: none; margin:0 0 60px;}
 */

/* Livestream Jahrestagung 2022 */
iframe#imscms { margin-top: 50px;  }
body.test .top-icons.desktop { display: none; }

/* GWT 2022 & Jahrestagung 2023 2. Nav in Marginalspalte raus */
body.gwt-2022 nav.sub-nav, body.jahrestagung-2023 nav.sub-nav { display: none; }

/* dbb eu */
.dbb-eu {--euBlue: #0056a4; --euBlueDark: #002e58; }
.dbb-eu:not(.start) header { border-bottom:none; }
.dbb-eu header:not(.fixed) { position: relative; z-index: 1;}

.dbb-eu .dbb-newsletter:not(.ajax) { background-color: var(--euBlueDark); color: #fff;}
.dbb-eu.start .dbb-newsletter:not(.ajax) { padding: 2.5em; color: #fff; margin-top: var(--contentGap);}
.dbb-eu [class^=aside] .dbb-newsletter { padding: 1.5em;  }
.dbb-eu .dbb-newsletter h2 { font-size: 2em; }
.dbb-eu [class^=aside] .dbb-newsletter h2 { font-size: 1.8em; }
.dbb-eu .dbb-newsletter p { margin: 17px 0 30px; }
.dbb-eu .dbb-newsletter a {color:#fff; text-decoration:underline; }
.dbb-eu .dbb-newsletter form { padding-bottom: 0;}
.dbb-eu .dbb-newsletter .wrap { display: inline-block; width:100%; container-type: inline-size; text-align:center; }
.dbb-eu .dbb-newsletter .wrap > div:last-child { margin:24px auto 10px auto; display:block; }
/* .dbb-eu .dbb-newsletter .wrap { display: flex; gap: 2.2em; justify-content: center; flex-direction: column; } */
.dbb-eu .dbb-newsletter input#email { background-color: var(--euBlueDark); border: 1px solid #fff; color: #fff; padding: 15px; margin-top: 0;font: 1.05em var(--fontText); width: 100%; box-sizing: border-box; }
.dbb-eu .dbb-newsletter input#email:focus{ border: none; border-radius: unset; background-color: #fff; color: var(--euBlueDark); }
.dbb-eu .dbb-newsletter input::placeholder {color: #fff; }
.dbb-eu .dbb-newsletter input.btn.submit_form { background-color: #fff; border-color: var(--euBlueDark); color: var(--euBlueDark); width: 100%; }
.dbb-eu .dbb-newsletter input.btn.submit_form:hover { background-color: var(--euBlueDark); color: #fff; border-color: #fff; }
.dbb-eu:not(.start) [class^=aside]>div { background-color: var(--euBlueDark); }

.dbb-eu [class*='aside']>a { display: none;  }

/* dbb karriere */
.carrier .opener .fsc-element { display: flex; flex-direction: column; align-items: center; text-align: justify; hyphens: auto; line-height: 1.5em; margin-top: 60px; padding:0 1.5em; }
.carrier .opener .fsc-element p { font-size: 1.1em; }
.carrier .opener .fsc-element p span { color: var(--cdPink); font-size: 1.24em; padding: 0 .2em; }
.carrier .opener .fsc-element h1 { font-size: 1.94em; color: var(--cdPink); margin-bottom: .3em; }
.carrier .opener .fsc-element h1::before { font: 200 clamp(2.3em,6vw,3.3em) var(--fontAwesome); display: block; text-align:center; margin-bottom: .55em;}
.carrier .opener .fsc-element:nth-of-type(2) h1::before { content: '\e593' }
.carrier .opener .fsc-element:nth-of-type(3) h1::before { content: '\e0e5' }
.carrier .opener .fsc-element:nth-of-type(4) h1::before { content: '\e237' }



@container (min-width: 671px) {
    /* dbb eu */
    .dbb-eu .dbb-newsletter .wrap { display:block; text-align:center; }
    .dbb-eu .dbb-newsletter .wrap > div:first-child { width:50%; display: inline-block; }
    .dbb-eu .dbb-newsletter .wrap > div:last-child { width:20%; margin:0; display: inline-block; }
    .dbb-eu .dbb-newsletter .wrap > div:last-child input.btn { padding: 15px; margin-left:1.1em; }
}

@container (min-width: 832px) {

    /* dbb eu */
    .dbb-eu .dbb-newsletter .wrap > div:last-child input.btn { padding: 15px 33px; }

}

@media (min-width: 576px){
    /* dbb eu */
    .dbb-eu .dbb-newsletter { font-size: .8em;}
    /* .dbb-eu .dbb-newsletter .wrap { flex-direction: row; } */
    /* .dbb-eu .dbb-newsletter .wrap input#email { width: clamp(220px,46vw,380px) } */
}

@media (min-width: 768px) {

    a.logo, a.logo img { width: 250px; height: 62px;}
    header.fixed a.logo img { height: 50px; width: 198px; }

    /* dbb eu */
    body.dbb-eu.start, body.dbb-eu.article {background: url("../images/bg_dbb-eu.png") no-repeat 0 988px; background-size: contain; }
    .dbb-eu .dbb-newsletter { font-size: 1em;}

    .dbb-eu:not(.start) [class*='aside']{ background-color: transparent; gap: 40px;  }
    .dbb-eu [class^=aside]>div { width: calc(50% - 20px); box-sizing: border-box; }
    .dbb-eu [class^=aside]>div:last-child { width: 100%;}
}

@media (min-width: 992px) {

    a.logo, a.logo img {width: 300px; height: 75px;}

    /* dbb eu */
    .dbb-eu:not(.start) [class*='aside'] { background-color: var(--euBlueDark); }
    .dbb-eu [class^=aside]>div { width: unset; }

    /* dbb karriere */
    .carrier .opener { --gapRange: 72px; --contentRange: 392px;display: grid; grid-template-columns:1fr minmax(auto,var(--contentRange)) var(--gapRange) minmax(auto,var(--contentRange)) var(--gapRange) minmax(auto,var(--contentRange)) 1fr; padding: 0 15px }
    .carrier .opener .dce-cbanner { grid-column: 1/-1; margin: 0 -15px;}
    .carrier .opener .fsc-element { padding:0; }
    .carrier .opener .fsc-element:nth-of-type(2) { grid-area: 2/2/3/3;}
    .carrier .opener .fsc-element:nth-of-type(3) { grid-area: 2/4/3/5;}
    .carrier .opener .fsc-element:nth-of-type(4) { grid-area: 2/6/3/7;}
}

@media (min-width:1320px) {
    .carrier .opener .dce-banner { margin: 0; }

}