:root {
    --bg: #F1F1F1; 
    --bg-green: #DBE7E3;
    --darkblue: #30586A;
    --darkgreen: #638C73;
    --lightgreen: #D1DCBE;
    --lightgreen2: #DBE7E3;
    --lightblue: #CEDFE7;
    --blue: #457286;
    --text: #3F606F;
    --headline: "futura-pt-bold", sans-serif;
    --sans: "basic-sans", sans-serif;
    --bold: 700;
    --regular: 400;
    --light: 300;
    --asv-height: 69px;

    --shadow-green: 0px 15px 0px rgba(99, 140, 115, 1);
    --shadow-blue: 0px 15px 0px rgba(48, 88, 106, 1);
    --shadow-blue-small: 0px 10px 0px rgba(48, 88, 106, 1);
}


/* Anchor */
.anchor { position: relative; }
.anchor a { position: absolute; left: 0px; top: -145px; }


/* Reset */
.dz-bank { font-size: 16px; }
.dz-bank * { box-sizing: border-box; }
.dz-bank a { color: inherit; text-decoration: none}
.dz-bank * > * { z-index: auto; }
.dz-bank *, .dz-bank *::before, .dz-bank *::after { box-sizing: border-box; }
.__iq_CHeader { z-index: 999; }
.__iq_CHeader svg { height: 40px !important; }
.__iq_CFooter { height: auto !important; background: transparent !important; padding: 0 !important; }
.dz-bank img , .dz-bank video { width: auto; height: auto; display: inherit }


/* Global */
html { scroll-behavior: smooth; }
html, body { overflow-x: visible; max-width: 100vw; margin: 0; }
body { width: 100%; overflow-x: hidden; position: relative; }
.faz {background-color: var(--bg) !important;  color: var(--text); font-family: var(--sans); font-weight: var(--light); font-style: normal; line-height: 1.4;}


.mobil { display: none !important; }
.desktop { display: block !important; }

.dz-bank h1 { font-size: 45px; max-width: 900px; }
.dz-bank h2 { font-size: 32px; margin-bottom: 1rem; }
.dz-bank h3 { font-size: 24px; margin-bottom: 1rem; margin-top: 0;}
.dz-bank h1, .dz-bank h2, .dz-bank h3 { font-family: var(--headline); text-transform: uppercase; line-height: 1.3; }
.break { display: block; }

p a { font-weight: bold; color: inherit; font-style: italic; text-decoration: underline; }


/* CTA */
.dz-bank a.cta { text-decoration: none; color: inherit; }
.dz-bank a.cta button { font-weight: var(--bold); font-family: var(--headline); cursor: pointer; display: block; background: var(--darkblue); border: none; border-radius: 5px; color: #fff; padding: 0.75rem 2.5rem; font-size: 1.1rem; margin: 2.5rem auto 2.5rem 0; transition: 1s ease-out all; }

.dz-bank a.cta button:hover { background: var(--darkgreen); }

.dz-bank section.green a.cta button, .dz-bank a.teaser.cta button { background: #fff; color: var(--darkblue); }
.dz-bank section.green a.cta button:hover, .dz-bank a.teaser.cta:hover button { background: var(--darkblue); color: #fff; }
.dz-bank a.teaser.cta button, .dz-bank a.teaser.cta:hover button { transition: 0.5s ease-out color, 0.75s linear background; }


/* Nav */
nav.dz-bank { position: sticky; position: -webkit-sticky; width: 100vw; height: 129px; top:0; padding: calc(58px + 25px) 40px 25px;  display: flex; flex-flow: row; align-items: center; justify-content: space-between;background: #fff; z-index: 25; box-shadow: 0 15px 15px -15px rgba(0,0,0,0.25)}
nav.dz-bank ul { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; list-style-type: none; margin: 0; padding: 0; }
nav.dz-bank ul li a { margin: 0 1rem; text-transform: uppercase; text-decoration: none; color: var(--text); transition: 0.5s ease all; }
nav.dz-bank ul li a:hover { color: var(--darkgreen); font-weight: var(--bold); letter-spacing: 0.5px; }
nav.dz-bank ul li a.active { font-weight: var(--bold); }



/* Header */
header.dz-bank { height: 80vh; min-height: 700px; position: relative; background-size: cover; z-index: 1 }
.hub header.dz-bank::after { content:""; width: 100%; height: 100px; background: linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(241,241,241,0) 100%); position: absolute; left: 0; bottom: -1px;  }

.hub header.dz-bank .intro-box { background: var(--darkblue); filter: drop-shadow(var(--shadow-green)); color: #fff; aspect-ratio: 31 / 10; }
.hub header.dz-bank .intro-shadow { filter: drop-shadow(var(--shadow-green)); }
.article header.dz-bank .intro-box { background: var(--lightgreen); color: var(--darkblue); }
.article header.dz-bank .intro-shadow { filter: drop-shadow(var(--shadow-blue)); }

.hub .footer-flex footer .flex { display:flex; flex-flow: row; gap:50px 32px; margin: 100px auto; max-width: 1366px; padding: 0 2rem;}
.hub .footer-flex footer .flex  .content { margin: 0; padding: 0; width: 100% }


.svg-box { position: absolute; width: 0; height: 0; }
header.dz-bank .intro-shadow { position: absolute; bottom: 0; z-index: 10; left: -1rem; }
header.dz-bank .intro-box { padding: 100px 200px 50px; width: fit-content; display: flex; flex-flow: column; gap: 1rem; webkit-clip-path: url(#my-clip-path); clip-path: url(#my-clip-path); }
header.dz-bank .intro-box * { margin: 0; max-width: 700px; color: inherit; text-decoration: none; }
header.dz-bank .intro-box .scroll { display: flex; flex-flow: row; align-items: center; justify-content: flex-start; gap: 0.5rem; }

.hub header { background-image: url(../img/dz-bank-weg-zum-nachhaltigen-unternehmen.jpg);background-position: center; }


/* Deko Videos */
header.dz-bank picture img { width: 100%; height: 100%; display: flex; aspect-ratio: 6 / 3; position: relative; object-fit: cover; }
video#header-video { width: 100%; height: 100%; display: flex; aspect-ratio: 6 / 3; position: relative; object-fit: cover; }
.hub header.dz-bank picture img { object-position: top; }
.article-01 video#header-video { object-position: 70%; }
.article-02 video#header-video { object-position: 70%; }
.article-03 video#header-video { object-position: 50%; }
.article-04 video#header-video { object-position: 90%; }
.article-05 header.dz-bank picture img { object-position: 85%; }
.dz-bank header::after { content: ""; width: 100%; height: 200px; background: linear-gradient(0deg, rgba(241,241,241,0) 0%, rgba(241,241,241,1) 50%,rgba(241,241,241,0) 100%); position: absolute; left: 0; bottom: -101px; z-index: 5; }
section.image-right video, section.image-left video { width: 100%; display: block; max-width: 70%; clip-path: inset(1px 2px); }
section.image-right video { clip-path: inset(1px -2px); }
section.image-left video, .article-04 section.image-right video { clip-path: inset(1px 2px); }
section.image-right video { margin-left: auto; }
section.image-left video { margin-right: auto; }




/* Content */
.dz-bank .content { max-width: 690px; padding: 0 2rem; margin: 100px auto; }

section.image-right picture, section.image-left picture { display: block; max-width: 70%; }
section.image-right picture img, section.image-left picture img { width: 100%; }
section.image-right picture { margin-left: auto; }
section.image-left picture { margin-right: auto; }

ul.dashed { margin: 0; margin-left: 1.25rem; padding: 0; list-style-type: none; }
ul.dashed > li { text-indent: -20px; margin-top: 1rem; }
ul.dashed > li:before { content: "-"; margin-right: 14px; }

section.green { background: var(--lightgreen2); padding: 100px 0 300px; margin-top: -100px; margin-bottom: -100px; }

/* Quote */
.quote { width: 120%; margin: 50px 0 80px -10%; position: relative; z-index: 1 }
.svg-quote-person { position: absolute; width: 0; height: 0; }
.quote-image { position: absolute; bottom: -7px; left: -5rem; max-width: 160px; }
img.image-person { webkit-clip-path: url(#person-clip-path); clip-path: url(#person-clip-path); width: 100%; }
.quote  { filter: drop-shadow(var(--shadow-blue-small));}
.quote-box { webkit-clip-path: url(#quote-clip-path); clip-path: url(#quote-clip-path); background: var(--lightblue); padding: 50px 100px 50px; }

section.green .quote-box { background: #fff;}
.push-up { margin-top: -200px; z-index: 0; position: relative; }
:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)) {
    all: none !important; }


.dz-bank .content.after-intro { margin-top: 50px; z-index: 1; position: relative;}
.article details .text { margin-bottom: 0.5rem; }
.article details summary { padding: 0.5rem 0 0.5rem 0; width: 100%; display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid var(--darkblue); }
.article details summary strong { margin: 0; }
.article details summary .arrow { transform: rotate(180deg); }
.article details[open] summary .arrow { transform: rotate(0deg); }
.article details:last-of-type { border-bottom: 1px solid var(--darkblue); }
.detail-wrapper { margin-bottom: 2.5rem; position: relative; z-index: 20; }


/* Teaser */
.hub .teaser-image { max-width: 600px; aspect-ratio: 4 / 2.5; width: 100%; margin: 0; align-self: stretch; display: flex; }
.hub .teaser-image, .dz-bank .teaser-image img { border-radius: 10px; }
.dz-bank .teaser-image img { object-fit: cover; width: 100%; }
.dz-bank .teaser-description { max-width: 600px; margin: 2.5rem auto; }
.dz-bank .teaser-description h3 { margin-top: 1rem; font-size: 20px; }
.hub.dz-bank .teaser-left a.cta button, .hub.dz-bank .teaser-right a.cta button { margin-bottom: 0; }
.hub .teaser-left a, .teaser-right a { display: flex; align-items: center; gap: 40px; color: inherit; text-decoration: none; cursor: pointer; max-width: 1250px;  margin: 100px auto; }
.hub .teaser-left a { flex-flow: row; }
.hub .teaser-right a { flex-flow: row-reverse; }
.hub .teaser-left a .teaser-description { text-align: left; }
.hub .teaser-right a .teaser-description { text-align: right; }
.hub .teaser-right a.cta button { margin-left: auto; margin-right: 0; }

.article-teaser { webkit-clip-path: url(#teaser-clip-path); clip-path: url(#teaser-clip-path); background: var(--lightblue); padding: 200px 100px 0; margin-top: -350px; }
.article-teaser .teaser-wrapper { width: 75%; margin: auto; display: grid; }
.article-teaser .teaser-wrapper h2, .article-teaser .teaser-wrapper > a.cta { margin-bottom: 2rem; }
.article-teaser .teaser-wrapper > a.cta { grid-column: 2; align-self: center; justify-self: end; }
.article-teaser .teaser-wrapper > a.cta button { margin: 0; }


.article-teaser .teaser-wrapper-flex { margin-bottom: 2rem; }
.teaser-flex { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; gap: 2rem; grid-column: 1 / span 2; }
.teaser-flex .teaser { width: calc((100% - 4rem) / 3); }
.teaser-flex .teaser-image, .teaser-flex .teaser-image img { width: 100%; margin: 0;}
a.teaser { cursor: pointer; }
.teaser-flex a.teaser.cta button { margin-bottom: 0; }

.teaser-wrapper-flex { display: flex; flex-direction: row wrap; justify-content: space-between; align-items: center; }
.teaser-wrapper-flex a.cta button { margin: 0; }


/* Footer */
.footer-flex { width: 100%; display: flex; flex-flow: column; }
.footer-before { max-width: 100%; margin-bottom: -1px; margin-top: -1px; }
footer { width: fit-content; display: flex; flex-flow: column; gap: 1rem; background: var(--darkblue);  color: #fff; width: 100%; }
.dz-bank footer a.cta button { background: #fff; color: var(--darkblue); }
.dz-bank footer a.cta button:hover { background: #fff;  color: var(--darkgreen); }
.footer-copyright.content { margin-top: 0; text-align: center; }
.footer-copyright.content a { color: inherit; text-decoration: none; font-style: normal; }

.article .footer-before { background: var(--lightblue); }



/* Article 01 */
.article-01 picture.header-image { width: 100%; height: 100%; display: flex; aspect-ratio: 6 / 3; position: relative;}
.article-01 picture.header-image img { object-fit: cover; object-position: 70%; width: 100%; height: 100%; }
.article-01 picture.header-image::after { content:""; width: 100%; height: 100px; background: linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(241,241,241,0) 100%); position: absolute; left: 0; bottom: -1px;  }

.article-01 .after-intro .snippet-right { margin-top: 50px; }
.article .infobox { margin-left: 3rem; display: flex; flex-flow: column; gap: 1.5rem; max-width: 320px; align-items: center; text-align: center; }
.article .infobox p { margin: 0; }
.article .infobox .legend { display: flex; flex-flow: row; justify-content: center; align-items: center; gap: 20%; }
.value-1, .value-2 { display: flex; flex-flow: row; gap: 0.5rem; align-items: center; cursor: pointer; }
.value-1::before, .value-2::before { content: ""; width: 1rem; height: 1rem; position: relative; display: block; border-radius: 100%; }
.value-1::before { background: var(--darkgreen) }
.value-2::before { background: var(--darkblue) }
.infobox svg text { font-family: var(--sans); font-size: 1rem; fill: var(--text); }

#value-1-balken, #value-2-balken { cursor: pointer; }
.value-1::before, .value-2::before, rect#value-1-balken, rect#value-2-balken { transition: 0.5s ease all; }
.value-1.hovered::before, .value-2.hovered::before { box-shadow: 0px 0px 6px rgba(48, 88, 106, 1); }
rect#value-1-balken.hovered, rect#value-2-balken.hovered { filter: drop-shadow(0px 0px 5px rgba(48, 88, 106, 0.75)) ; }

#value-1-balken, #value-2-balken { width: 0; }
.visible #value-1-balken { animation: value-1 2s ease-in forwards; animation-delay: 0.5s; }
.visible #value-2-balken { animation: value-2 2s ease-in forwards; animation-delay: 1s; }



@keyframes value-1 {
    0% { width: 0; }
    100% { width: 188px }    
}

@keyframes value-2 {
    0% { width: 0; }
    100% { width: 144px }    
}


/* Article 02 */
.article-02 picture.header-image { width: 100%; height: 100%; display: flex; aspect-ratio: 6 / 3; position: relative;}
.article-02 picture.header-image img { object-fit: cover; object-position: 70%; width: 100%; height: 100%; }
.article-02 picture.header-image::after { content:""; width: 100%; height: 100px; background: linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(241,241,241,0) 100%); position: absolute; left: 0; bottom: -1px;  }


/* Article 03 */
.article-03 picture.header-image { width: 100%; height: 100%; display: flex; aspect-ratio: 6 / 3; position: relative;}
.article-03 picture.header-image img { object-fit: cover; object-position: 70%; width: 100%; height: 100%; }
.article-03 picture.header-image::after { content:""; width: 100%; height: 100px; background: linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(241,241,241,0) 100%); position: absolute; left: 0; bottom: -1px;  }


/* Article 04 */
.article-04 picture.header-image { width: 100%; height: 100%; display: flex; aspect-ratio: 6 / 3; position: relative;}
.article-04 picture.header-image img { object-fit: cover; object-position: 70%; width: 100%; height: 100%; }
.article-04 picture.header-image::after { content:""; width: 100%; height: 100px; background: linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(241,241,241,0) 100%); position: absolute; left: 0; bottom: -1px;  }



/* Snippets */
.snippet-left { float: left; margin-left: calc((((100vw - 600px) / 2) - 2rem) * (-1)); margin-top: 100px; width: calc(((100vw - 600px) / 2) - 2rem); }
.snippet-right { float: right; margin-right: calc((((100vw - 600px) / 2) - 2rem) * (-1)); margin-top: 100px; width: calc(((100vw - 600px) / 2) - 2rem); }
.snippet a, .snippet > .video { display: block; aspect-ratio:  16 / 9; background: var(--lightblue); width: 80%; margin: 0 3rem 0 auto; box-shadow: 10px 10px 0px rgba(48, 88, 106, 1); position: relative; cursor: pointer; }
.snippet img { width: 100%; }

.snippet .play-button { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
svg#play-button { width: 20%; }
svg#play-button circle, .video .videopreview #videopreview-button  { fill: var(--darkblue); opacity: 0.9; transition: 0.5s ease all; }
.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true], .plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true] { background: var(--darkblue); opacity: 0.9; transition: 0.5s ease all; }
.snippet a:hover svg#play-button circle, .video .videopreview:hover #videopreview-button { fill: var(--darkgreen); opacity: 0.9; }
svg#play-button path { fill: #fff; }

.videopreview.videopreview { position: absolute !important; top: 0; left: 0; z-index: 10; }




.mt0 { margin-top: 0; }

strong { font-weight: bold; }
p { margin: 1em 0; }

hr {
    border: 1px solid #fff;
}

small {
    font-size: smaller;
}
.grid { display: block !important; }

@keyframes modal-video {
    0% { opacity: 0; }
    100% { opacity: 1; }    
}

@keyframes modal-video-close {
    0% { opacity: 1; }
    100% { opacity: 0; }    
}

/* Video */
.modal .video { width: 60%; aspect-ratio: 16 / 9; }
.modal.open .video { opacity: 1; height: auto; }
.video #preview{display:block; width: 100%;}
.video .videopreview{position:relative;cursor:pointer}
.video .videopreview #videopreview-button{opacity:.8;position:absolute;z-index:20;display:block;width:96px;height:96px;top:calc(50% - 48px);left:calc(50% - 48px);transition:0.5s ease all}

/* Video */
video { width:100%;height:auto;position:relative; }
.plyr{ -moz-osx-font-smoothing:auto; -webkit-font-smoothing:subpixel-antialiased; direction:ltr; font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif; font-variant-numeric:tabular-nums; font-weight:500; line-height:1.7; max-width:100%; min-width:200px; position:relative; text-shadow:none; transition:box-shadow .3s ease }
.plyr video { border-radius:inherit; height:auto; vertical-align:middle; width:100% }
.plyr button { font:inherit; line-height:inherit; width:auto }
.plyr:focus { outline:0 } 
.plyr--full-ui { box-sizing:border-box } 
.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before { box-sizing:inherit } 
.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label { touch-action:manipulation }
.plyr__badge { background:#4f5b5f; border-radius:2px; color:#fff; font-size:9px; line-height:1; padding:3px 4px }
.plyr--full-ui ::-webkit-media-text-track-container { display:none }
.plyr__captions { animation:plyr-fade-in .3s ease; bottom:0; color:#fff; display:none; font-size:14px; left:0; padding:10px; position:absolute; text-align:center; transition:transform .4s ease-in-out; width:100% }
.plyr__captions .plyr__caption { background:rgba(0,0,0,0.8); border-radius:2px; -webkit-box-decoration-break:clone; box-decoration-break:clone; line-height:185%; padding:.2em .5em; white-space:pre-wrap }
.plyr__captions .plyr__caption div { display:inline }
.plyr__captions span:empty { display:none }

@media (min-width: 480px){
    .plyr__captions{font-size:16px;padding:20px}
}
@media (min-width: 768px){
    .plyr__captions{font-size:18px}
}
.plyr--captions-active .plyr__captions { display:block } 
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions{transform:translateY(-40px)}
.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}
.plyr__control:focus{outline:0}
.plyr__control.plyr__tab-focus{box-shadow:0 0 0 5px rgba(26,175,255,0.5);outline:0}
a.plyr__control{text-decoration:none}
a.plyr__control::after,a.plyr__control::before{display:none}
.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}
.plyr--video .plyr__control svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,0.15))}
.plyr__control--overlaid{background:var(--darkblue);opacity: 0.9; border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,0.15);color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%, -50%);z-index:2}
.plyr__control--overlaid svg{left:2px;position:relative}
.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}
.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}
.plyr--full-ui ::-webkit-media-controls{display:none}
.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}
.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls .plyr__volume,.plyr__controls>.plyr__control{margin-left:5px}
.plyr__controls .plyr__menu+.plyr__control,.plyr__controls .plyr__progress+.plyr__control,.plyr__controls>.plyr__control+.plyr__control,.plyr__controls>.plyr__control+.plyr__menu{margin-left:2px}
.plyr__controls>.plyr__control:first-child,.plyr__controls>.plyr__control:first-child+[data-plyr=pause]{margin-left:0;margin-right:auto}
.plyr__controls:empty{display:none}

@media (min-width: 480px){
    .plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls .plyr__volume,.plyr__controls>.plyr__control{margin-left:10px}
}

.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4f5b5f;padding:10px}
.plyr--video .plyr__controls{background:linear-gradient(transparent, rgba(0,0,0,0.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:20px 5px 5px;position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}

@media (min-width: 480px){
    .plyr--video .plyr__controls{padding:35px 10px 10px}
}

.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}
.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}
.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}
.plyr__menu{display:flex;position:relative}
.plyr__menu .plyr__control svg{transition:transform .3s ease}
.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,0.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,0.15);color:#4f5b5f;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}
.plyr__menu__container>div{overflow:hidden;transition:height 0.35s cubic-bezier(0.4, 0, 0.2, 1),width 0.35s cubic-bezier(0.4, 0, 0.2, 1)}
.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,0.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}
.plyr__menu__container [role=menu]{padding:7px}
.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}
.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}
.plyr__menu__container .plyr__control{align-items:center;color:#4f5b5f;display:flex;font-size:14px;padding:4px 11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}
.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}
.plyr__menu__container .plyr__control--forward{padding-right:28px}
.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(79,91,95,0.8);right:5px}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}
.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}
.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(79,91,95,0.8);left:7px}
.plyr__menu__container .plyr__control--back::before{background:#b7c5cd;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}
.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px}
.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}
.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,0.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;transition:all .3s ease;width:16px}
.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:var(--darkblue)}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(0,0,0,0.1)}
.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;overflow:hidden;padding-left:25px;pointer-events:none}
.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:26px;color:var(--darkblue);display:block;height:19px;margin:0;padding:0;transition:box-shadow .3s ease;width:100%}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0))}
.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2);height:13px;position:relative;transition:all .2s ease;width:13px;-webkit-appearance:none;margin-top:-4px}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}
.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2);height:13px;position:relative;transition:all .2s ease;width:13px}
.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}
.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}
.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}
.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}
.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2);height:13px;position:relative;transition:all .2s ease;width:13px;margin-top:0}
.plyr--full-ui input[type=range]::-ms-tooltip{display:none}
.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 5px rgba(26,175,255,0.5);outline:0}
.plyr--full-ui input[type=range]
.plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 5px rgba(26,175,255,0.5);outline:0}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 5px rgba(26,175,255,0.5);outline:0}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,0.25)}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,0.25)}
.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,0.25)}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(255,255,255,0.5)}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(255,255,255,0.5)}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(255,255,255,0.5)}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(183,197,205,0.66)}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(183,197,205,0.66)}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(183,197,205,0.66)}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(0,0,0,0.1)}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(0,0,0,0.1)}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(0,0,0,0.1)}
.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}
.plyr__time{font-size:14px}
.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}
@media (max-width: 767px){
    .plyr__time+.plyr__time{display:none}
}
.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,0.15)}.plyr__tooltip{background:rgba(255,255,255,0.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,0.15);color:#4f5b5f;font-size:14px;font-weight:500;left:50%;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;transform:translate(-50%, 10px) scale(0.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,0.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%, 0) scale(1)}
.plyr .plyr__control:hover .plyr__tooltip{z-index:3}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0, 10px) scale(0.8);transform-origin:0 100%}
.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}
.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0, 10px) scale(0.8);transform-origin:100% 100%}
.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0, 0) scale(1)}
.plyr--video{background:#000;overflow:hidden; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);}
.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}
.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}
.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}
.plyr__progress{flex:1;left:6.5px;margin-right:13px;position:relative}
.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-right:-6.5px;width:calc(100% + 13px)}
.plyr__progress input[type=range]{position:relative;z-index:2}
.plyr__progress .plyr__tooltip{font-size:14px;left:0}
.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;left:0;margin-top:-2.5px;padding:0;position:absolute;top:50%}
.plyr__progress__buffer::-webkit-progress-bar{background:0 0}
.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}
.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}
.plyr__progress__buffer::-ms-fill{border-radius:100px;transition:width .2s ease}
.plyr--video .plyr__progress__buffer{box-shadow:0 1px 1px rgba(0,0,0,0.15);color:rgba(255,255,255,0.25)}.plyr--audio .plyr__progress__buffer{color:rgba(183,197,205,0.66)}
.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg, rgba(47,52,61,0.6) 25%, transparent 25%, transparent 50%, rgba(47,52,61,0.6) 50%, rgba(47,52,61,0.6) 75%, transparent 75%, transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}
.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,0.25)}
.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(183,197,205,0.66)}
.plyr__volume{align-items:center;display:flex;flex:1;position:relative}
.plyr__volume input[type=range]{margin-left:5px;position:relative;z-index:2}
@media (min-width: 480px){
    .plyr__volume{max-width:90px}
}
@media (min-width: 768px){
    .plyr__volume{max-width:110px}
}
.plyr--is-ios .plyr__volume{display:none !important}
.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none !important}.plyr:-webkit-full-screen{background:#000;border-radius:0 !important;height:100%;margin:0;width:100%}
.plyr:-ms-fullscreen{background:#000;border-radius:0 !important;height:100%;margin:0;width:100%}
.plyr:fullscreen{background:#000;border-radius:0 !important;height:100%;margin:0;width:100%}
.plyr:-webkit-full-screen video{height:100%}
.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}
.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;width:100%}
.plyr:fullscreen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}
.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}
.plyr:fullscreen.plyr--hide-controls{cursor:none}
@media (min-width: 1024px){
    .plyr:-webkit-full-screen .plyr__captions{font-size:21px}
    .plyr:-ms-fullscreen .plyr__captions{font-size:21px}
    .plyr:fullscreen .plyr__captions{font-size:21px}
}
.plyr:-webkit-full-screen{background:#000;border-radius:0 !important;height:100%;margin:0;width:100%}
.plyr:-webkit-full-screen video{height:100%}
.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}
@media (min-width: 1024px){
    .plyr:-webkit-full-screen .plyr__captions{font-size:21px}
}
.plyr:-moz-full-screen{background:#000;border-radius:0 !important;height:100%;margin:0;width:100%}
.plyr:-moz-full-screen video{height:100%}
.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}
@media (min-width: 1024px){
    .plyr:-moz-full-screen .plyr__captions{font-size:21px}
}
.plyr:-ms-fullscreen{background:#000;border-radius:0 !important;height:100%;margin:0;width:100%}
.plyr:-ms-fullscreen video{height:100%}
.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}

@media (min-width: 1024px){
    .plyr:-ms-fullscreen .plyr__captions{font-size:21px}
}
.plyr--fullscreen-fallback{background:#000;border-radius:0 !important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}
.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;width:100%}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width: 1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}
.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}
.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:rgba(47,52,61,0.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}
.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;left:0;margin:-2.5px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}
.plyr__preview-thumb{background-color:rgba(255,255,255,0.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,0.15);margin-bottom:10px;opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translate(0, 10px) scale(0.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}
.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0, 0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,0.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}
.plyr__preview-thumb__image-container{background:#b7c5cd;border-radius:2px;overflow:hidden;position:relative;z-index:0}
.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}
.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}
.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,0.55);border-radius:2px;color:#fff;font-size:14px;padding:3px 6px}
.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}
.plyr__preview-scrubbing--is-shown{opacity:1}
.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}
.plyr--no-transition{transition:none !important}

.plyr__sr-only{clip:rect(1px, 1px, 1px, 1px);overflow:hidden;border:0 !important;height:1px !important;padding:0 !important;position:absolute !important;width:1px !important}
.plyr [hidden]{display:none !important}
@media (min-width: 481px){
    button.plyr__control.plyr__control--overlaid{transform:scale(2) translateX(-25%) translateY(-25%)}
}





/* Hub neu */
.teaser-grid { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1366px; margin: 100px auto; gap: 50px 32px; padding: 0 2rem }
.teaser-grid .teaser a { display: flex; flex-flow: column; margin: 0; gap: 24px; color: inherit; cursor: pointer; }
.teaser-grid .teaser a .teaser-description { margin: 0; text-align: left}
.teaser-grid .teaser h3 { margin: 0;}
.teaser-grid .teaser a.cta button { margin: 2rem auto auto 0}

.logos { display: flex; gap: 20px}

.arrow-sticky { filter: drop-shadow(var(--shadow-blue)); display: flex; flex-flow: row; justify-content: space-between; position: -webkit-sticky; position: sticky; bottom: 50%;z-index: 15 }
.arrow-left, .arrow-right {display: flex; flex-flow: column; background: var(--blue);   }
.arrow-left {  padding: 16px 70px 16px 20px; webkit-clip-path: url(#clip-path-arrowl); clip-path: url(#clip-path-arrowl);}
.arrow-right { padding: 16px 20px 16px 70px; webkit-clip-path: url(#clip-path-arrowr); clip-path: url(#clip-path-arrowr);}

section.teaser-three-rows { background: #f6f8f7 }




/* FAZ Header Reset */
.header-asv { position: absolute; top: 58px; width: 100%; z-index: 50;}
.doc-footer-wrapper .footer-asv-disclaimer { background: var(--darkblue) !important; color: #fff !important; padding: 10px 2rem !important; }
.footer-columns a { color: var(--col-mg-dark-light) !important; }

@media (prefers-color-scheme: dark) {
    .footer-columns a { color: var(--col-mg-dark-dark) !important; }
}