body { font-family: var(--fontText), sans-serif; margin: 0; }
:root {
    --cdPink: #b01162;
    --contentGreen: #72866b;
    --contentBlueDark: #415a65;
    --contentTextGrey: #464646;
    --headlineColor: #6d787f;
    --fontAwesome: FontAwesome-7-Pro, FontAwesome-7-Brands, FontAwesome-7-Duo, FontAwesome-7-Sharp;
    --fontText: D-Din-Regular, Arial, Helvetica, sans-serif;
    --fontHeadline: Montserrat-Light, Arial, Helvetica, sans-serif;
    --fontTextCondensed: D-Din-Condensed, Arial, Helvetica, sans-serif;
    --fontTextLight: D-Din-Light, Aríal, Helvetica, sans-serif;
}

h1, h2 { font-family: var(--fontHeadline); margin: 0 0 1.6em 0; color: var(--headlineColor); text-transform: uppercase; font-size: 2em; }
h1 { letter-spacing: .1em; }
h2 { font-weight: normal; }
h3 {font-family: var(--fontTextCondensed); font-weight: normal; margin: 0;}

p {font-size: 1.4em; line-height: 1.2em; color: var(--contentTextGrey); }

.zw-titel { clear: left; }
.zw-titel p { text-transform: uppercase; color: var(--headlineColor); font-size: 1.7em; }

/* Links allgemein */
a { color: var(--cdPink); outline: none; text-decoration: none; }
a::before { font-family: var(--fontAwesome); font-weight: 300; padding-right: 10px;  }
a.no-icon::before {content: none!important;}
a[class*=popup-pdf]::before { content: '\f1c1'; }
a.internal::before {content: '\f15b'; }
a.external::before {content: '\f08e'; }
a.arrow::before {content: '\f054'; }
a.zip::before {content: '\f1c6';}
a.popup-epaper::before {content: '\f5da'; }
a.word::before {content: '\f1c2'}
a.excel::before {content: '\f1c3'}

/* Grid */
main>.container { padding: 0 1.6em;}
.container {margin-bottom: 3.4em; width: 100%; box-sizing: border-box;}

/* Newsletter-Seite */
body.nl main>.container {  }
body.nl footer .container { margin:0; }
body.nl .wrap-content { display: flex; flex-direction: column;  }
.dbb-newsletter {background: url(../../Images/background_newsletter_smart.jpg) no-repeat;background-size: contain; color: #fff; padding: 7%; box-sizing: border-box; height: calc(284px + (938 - 284) * ((100vw - 320px) / (991 - 320)));}
.dbb-newsletter .sign-in  { font-size: clamp(1em,5vw,2.1em); text-transform: uppercase; letter-spacing: .1em; margin-bottom: .5em; }
.dbb-newsletter label { display: block; margin-bottom: .6em;}
.dbb-newsletter input#email { width: clamp(15.5em,64vw,28em); padding: .8em; margin-bottom: 1em; font-size: .92em;}
.dbb-newsletter input.btn { border: 1px solid var(--headlineColor); font-size: 1em; font-family: var(--fontText); padding: .6em 2em; background-color: #dbdbdb; color: var(--headlineColor); text-transform: uppercase; cursor: pointer; }
.dbb-newsletter input.btn:hover {background-color: var(--headlineColor); color: #fff; transition: background-color 450ms; }
.dbb-newsletter input[type=checkbox] { width: 20px; height: 20px; margin: 0 .6em 0 0; position: relative; top: 2px; flex-shrink: 0;}
.dbb-newsletter .privacy {display: flex;font-size: clamp(.86em,4vw,1.1em); }

/* Header */
header .container { display: flex; margin-top: 3.4em; justify-content: center; align-items: center; }
header .logo a { display: flex; flex-direction: column; align-items: center; }
header .logo img { }
header .logo span { font-family: var(--fontTextCondensed); color: var(--cdPink); text-transform: uppercase; margin-top: 3.8%; }
header nav ul { display: flex; gap: clamp(1.8em,3vw,4em); list-style: none; margin: 0; padding: 0; }
header nav a { color: var(--contentTextGrey); text-transform: uppercase; font: 1.2em var(--fontTextCondensed); letter-spacing: .18em;  }
header nav a.current { text-decoration: underline;  text-underline-position: under; }

header nav, .top-icons { display: none; } /* Bis Robert fertig ist!!! */

/* Zurück */
a.backward {text-align: right; display: block; margin: 24px 0 50px; text-transform: uppercase; letter-spacing: .08em; }
a.backward::before {content:'\f053'; font: 300 1.3em var(--fontAwesome); padding-right: 6px; position: relative; top: 3px; }

/* Nach-oben-Button Seite */
a.page-top { position:fixed; right:1em; bottom: 16px; display: flex; justify-content: center; align-items: center;  color:#fff; width: 56px; height: 56px;border-radius: 50%;  z-index:5; background-color: var(--contentBlueDark); }
a.page-top::before { font: 300 1.2em var(--fontAwesome); content: '\f077'; padding-right: 0; }

/* Footer */
footer { background-color: var(--contentTextGrey); }
footer .container{  color: #fff; padding: 2.4em; box-sizing: border-box; font-size: clamp(.77em,1vw,1em); text-align: center; margin-top: 6em; }
footer a { color: #fff; }
footer nav ul { list-style: none; margin: 0; padding: 0; }
footer .intro { font: 1.14em var(--fontHeadline); letter-spacing: .1em; line-height: 1.3em; }
footer .footer-items { display:flex; flex-direction: column; align-items: center; font-size: clamp(1em,1vw,1.3em); }
footer .footer-items .sitemap { text-transform: uppercase; display: flex; gap: 2.4em; margin: 24px 0;  }
footer .footer-items .sitemap ul { display: flex; gap: 2em; }
footer .footer-items .meta { color: #a5a5a5; margin: 24px 0; }
footer .footer-items nav.nav-footer a { display: block; border: 1px solid #fff; padding: .8em 0; font-size: .8em; text-align: center; text-transform: uppercase; letter-spacing: .07em; width: 160px; margin-bottom: 1.4em; }
footer .footer-items nav.nav-footer a:hover { background-color: #fff; color: var(--contentTextGrey); transition: background-color, color, 400ms; }
footer .footer-items .sitemap a.current { text-decoration: underline;  text-underline-offset: .5em; }

/* YouTube-Consent - Anzeige im Overlay, wenn YouTube nicht erlaubt ist*/
.yt-consent { background-color:#ffffff;width:100%;position:absolute;left:0;top:0;height:100%;white-space: normal;display: flex; align-items: center; justify-content: center; }
.yt-consent h4 { font-size: 0.8em; }
.yt-consent button { font-size: 0.9em; padding:3px 5px; border:1px solid #ccc; color:var(--contentBlue); cursor:pointer; }
/* Datenschutz 7.4 */
.dbb-disallow-youtube { font-size: 1.1em; padding:3px 7px; border:1px solid #ccc; color:var(--contentBlue); cursor:pointer; background-color:#fff; }

@media (min-width:576px) {

    /* Newsletter-Seite */
    .dbb-newsletter { font-size: 1.2em; }
    .dbb-newsletter .privacy { margin: .5em 0;}

}


@media (min-width: 768px) {
    /* Grid */
    main>.container { padding: 0 2.8em;}
    .container {margin-bottom: 5.6em;}

    h1, h2 { font-size: 2.5em; }
    h1 { letter-spacing: .15em; }

    /* Header */
    header .container { margin: 4em auto;justify-content: space-around; }
    header .logo { font-size: clamp(.42em,.7vw,1em);}
    header .logo img { width: 40.8em;}
    header .logo span { font-size: 2em;}
    header .main-menu { font-size: clamp(.7em,1vw,1em);}
    header nav, .top-icons { display: block; }

    /* YouTube-Consent - Anzeige im Overlay, wenn YouTube nicht erlaubt ist*/
    .yt-consent h4 { font-size: 1.4em; }
    .yt-consent button { font-size: 1.1em; padding:5px 7px; }
}

@media (min-width: 992px) {
    /* Header */
    header nav ul { font-size: clamp(1.15em,2vw,1.4em);}
    header .container {}

    /* Newsletter-Seite */
    .dbb-newsletter {background: url(../../Images/background_newsletter.jpg) no-repeat;font-size: .9em; background-size: contain; padding: 3%; height: calc(278px + (488 - 278) * ((100vw - 992px) / (1669 - 992))); }

    /* Footer */
    footer .container {display: flex; justify-content: center; gap: clamp(4em,4.5vw,6em); font-size: clamp(.77em,1vw,1em); padding: 7em 0;text-align: left; }
    footer .intro { flex-basis: 30%;}
    footer .footer-items { display:grid; grid-template-columns: auto auto; grid-row-gap: 3em; }
    footer .footer-items .sitemap { grid-column: 1/-1; grid-row: 1/2; gap: clamp(3em,3vw,4.5em); margin: 0;}
    footer .footer-items .sitemap ul { gap: clamp(3em,3vw,4.5em); }
    footer .footer-items .meta { grid-area: 2/1/3/2; margin-bottom: 24px; }
    footer .footer-items nav.nav-footer { grid-area: 2/2/3/3; justify-self: flex-end;}



}

@media (min-width: 1200px) {
    /* Header */
    header nav ul { }

    a.backward { margin-bottom: 0;}

    /* Footer */
    footer .container {}
    footer .intro { }

}

@media (min-width: 1670px) {
    /* Grid */
   main>.container { width: 1670px; margin: 0 auto 5.6em; padding: 0; max-width: calc(100vw - (100vw - 100%));}

    /* Newsletter-Seite */
    .dbb-newsletter {min-height: 522px; height: inherit; font-size: 1.1em; }

    /* Header */
    header nav ul { }

    /* Footer */
    footer .container { }
    footer .intro {  }
/*
    header nav ul { display: flex; gap: 5.63em; list-style: none; margin: 0; padding: 0; }
    header nav a { color: var(--contentTextGrey); text-transform: uppercase; font: 1.56em var(--fontTextCondensed); letter-spacing: .18em;  }
 */
}