*,
:after,
:before {
  border-style: solid;
  border-width: 0;
  box-sizing: border-box
}

:host,
html {
  line-height: 1.5;
  text-size-adjust: 100%;
  font-feature-settings: "normal";
  font-variation-settings: normal;
  tab-size: 4;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
  line-height: inherit;
  margin: 0
}

hr {
  border-top-width: 1px;
  color: inherit;
  height: 0
}

abbr:where([title]) {
  text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit
}

a {
  color: inherit;
  text-decoration: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
pre,
samp {
  font-family: Liberation Mono, Courier New, monospace;
  font-feature-settings: "normal";
  font-size: 1em;
  font-variation-settings: "normal"
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-feature-settings: inherit;
  font-size: 100%;
  font-variation-settings: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  appearance: button;
  background-color: transparent;
  background-image: none
}

:-moz-focusring {
  outline: auto
}

:-moz-ui-invalid {
  box-shadow: none
}

progress {
  vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  appearance: textfield;
  outline-offset: -2px
}

::-webkit-search-decoration {
  appearance: none
}

::-webkit-file-upload-button {
  appearance: button;
  font: inherit
}

summary {
  display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0
}

fieldset {
  margin: 0
}

fieldset,
legend {
  padding: 0
}

menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0
}

dialog {
  padding: 0
}

textarea {
  resize: vertical
}

input::placeholder,
textarea::placeholder {
  color: #9ca3af;
  opacity: 1
}

[role=button],
button {
  cursor: pointer
}

:disabled {
  cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block
}

img,
video {
  height: auto;
  max-width: 100%
}

[hidden] {
  display: none
}


:root {
  --icon-abbruch: "\e96d";
  --icon-abmelden: "\e996";
  --icon-logout: "\e996";
  --icon-achtung: "\e903";
  --icon-warning: "\e903";
  --icon-agb: "\e997";
  --icon-aktion-erforderlich-outline: "\e96e";
  --icon-anmelden: "\e910";
  --icon-arbeitshilfe-praesentation: "\e998";
  --icon-presentation: "\e998";
  --icon-augen-druchgestrichen: "\e963";
  --icon-augen-offen: "\e962";
  --icon-ausrufezeichen: "\e92d";
  --icon-danger: "\e92d";
  --icon-ausrufezeichen-schmal: "\e968";
  --icon-bearbeiten: "\e935";
  --icon-construction: "\e935";
  --icon-benachrichtigung-einstellungen: "\e999";
  --icon-notification: "\e999";
  --icon-bild: "\e91e";
  --icon-image: "\e91e";
  --icon-budget: "\e95b";
  --icon-caculator: "\e933";
  --icon-calc: "\e933";
  --icon-chatbot: "\e942";
  --icon-chatbot-new: "\e94a";
  --icon-checkbox-haken: "\e921";
  --icon-checkbox: "\e921";
  --icon-checkbox-leer: "\e91f";
  --icon-empty-box: "\e91f";
  --icon-chatbot-maximize: "\e91f";
  --icon-dialog: "\e92c";
  --icon-chat: "\e92c";
  --icon-dokument: "\e920";
  --icon-document: "\e920";
  --icon-dokument-pdf: "\e919";
  --icon-document-pdf: "\e919";
  --icon-doppelpfeil-links: "\e92f";
  --icon-double-left: "\e92f";
  --icon-arrows-left: "\e92f";
  --icon-doppelpfeil-rechts: "\e930";
  --icon-double-right: "\e930";
  --icon-arrows-right: "\e930";
  --icon-download: "\e90c";
  --icon-drucker: "\e90e";
  --icon-print: "\e90e";
  --icon-einstellungen: "\e914";
  --icon-settings: "\e914";
  --icon-einstellungen1: "\e9a6";
  --icon-user: "\e9a6";
  --icon-expandieren: "\e93e";
  --icon-fullscreen: "\e93e";
  --icon-maximize: "\e93e";
  --icon-expertenwissen: "\e99a";
  --icon-expert: "\e99a";
  --icon-externer-link: "\e931";
  --icon-external-link: "\e931";
  --icon-fax: "\e954";
  --icon-foerderprodukt: "\e94b";
  --icon-foerderprodukte: "\e94b";
  --icon-gebaerdensprache: "\e947";
  --icon-globus: "\e940";
  --icon-globe: "\e940";
  --icon-haken: "\e90a";
  --icon-checked: "\e90a";
  --icon-haken-gefuellt-check: "\e99b";
  --icon-checked-background: "\e99b";
  --icon-hinweis-achtung: "\e95a";
  --icon-hinweis-bestaetigung: "\e959";
  --icon-hinweis-corona: "\e958";
  --icon-hinweis-info: "\e99c";
  --icon-hinweisbox: "\e99c";
  --icon-hinweis-podcast: "\e956";
  --icon-hinweis-zeit-frist: "\e955";
  --icon-hinzufuegen: "\e99d";
  --icon-add: "\e99d";
  --icon-history: "\e99f";
  --icon-history-gefuellt: "\e99e";
  --icon-history-background: "\e99e";
  --icon-home: "\e905";
  --icon-id: "\e9a1";
  --icon-id-gefuellt: "\e9a0";
  --icon-id-background: "\e9a0";
  --icon-in-arbeit: "\e966";
  --icon-inaktiv: "\e936";
  --icon-ban: "\e936";
  --icon-info-cookiebanner: "\e9a3";
  --icon-info-cookiebanner-kreis-gefuellt: "\e9a2";
  --icon-info-cookiebanner-background: "\e9a2";
  --icon-jpg-dokument: "\e977";
  --icon-kalender: "\e922";
  --icon-calendar: "\e922";
  --icon-kontakt: "\e951";
  --icon-kopieren: "\e94f";
  --icon-kreis-gefuellt: "\e92b";
  --icon-bullet: "\e92b";
  --icon-kreis-gefuellt-ausrufezeichen: "\e94c";
  --icon-danger-new: "\e94c";
  --icon-kreis-gefuellt-play: "\e929";
  --icon-video-round: "\e929";
  --icon-kreis-gefullt-info: "\e90f";
  --icon-info: "\e90f";
  --icon-kreis-outline: "\e944";
  --icon-bullet-outline: "\e944";
  --icon-kreis-outline-bp: "\e94d";
  --icon-kreis-outline-info: "\e950";
  --icon-info-new-outline: "\e950";
  --icon-leichte-sprache: "\e946";
  --icon-leichtesprache: "\e946";
  --icon-link-kopieren: "\e949";
  --icon-live-chat: "\e964";
  --icon-lupe: "\e900";
  --icon-search: "\e900";
  --icon-lupe-zoom-in: "\e93d";
  --icon-zoom-in: "\e93d";
  --icon-lupe-zoom-out: "\e93c";
  --icon-zoom-out: "\e93c";
  --icon-mail: "\e953";
  --icon-mail-nachricht-beantworten: "\e96a";
  --icon-mail-nachricht-erhalten: "\e96c";
  --icon-mail-nachricht-geoeffnet: "\e96b";
  --icon-meine-antraege: "\e961";
  --icon-menu-texthinweis: "\e907";
  --icon-menu: "\e907";
  --icon-menu-texthinweis-en: "\e939";
  --icon-menu-en: "\e939";
  --icon-menue: "\e9a4";
  --icon-menu-dots: "\e9a4";
  --icon-menue-burger: "\e9b3";
  --icon-menue-texthinweis-es: "\e972";
  --icon-merklisten: "\e9a5";
  --icon-notes: "\e9a5";
  --icon-minus: "\e90d";
  --icon-muelleimer: "\e92e";
  --icon-delete: "\e92e";
  --icon-neu-laden: "\e90b";
  --icon-reload: "\e90b";
  --icon-news: "\e948";
  --icon-offene-aufgaben: "\e965";
  --icon-ordner: "\e923";
  --icon-folder: "\e923";
  --icon-pause: "\e913";
  --icon-pfeil-anfang: "\e926";
  --icon-page-start: "\e926";
  --icon-pfeil-ende: "\e925";
  --icon-page-end: "\e925";
  --icon-pfeil-hoch: "\e924";
  --icon-arrow-up: "\e924";
  --icon-pfeil-links: "\e901";
  --icon-arrow-left: "\e901";
  --icon-pfeil-rechts: "\e902";
  --icon-arrow-right: "\e902";
  --icon-pfeil-runter: "\e908";
  --icon-arrow-down: "\e908";
  --icon-play: "\e917";
  --icon-plus: "\e904";
  --icon-prozessbestaetigung-bitte-beachten: "\e976";
  --icon-prozessbestaetigung-erfolgreich: "\e975";
  --icon-prozessbestaetigung-nicht-erfolgreich: "\e974";
  --icon-rss: "\e927";
  --icon-rueckgabe: "\e957";
  --icon-schliessen: "\e906";
  --icon-close: "\e906";
  --icon-schloss-geschlossen: "\e911";
  --icon-lock: "\e911";
  --icon-schloss-offen: "\e912";
  --icon-unlock: "\e912";
  --icon-smartphone: "\e952";
  --icon-mobile: "\e952";
  --icon-social-media-facebook: "\e95d";
  --icon-facebook: "\e95d";
  --icon-social-media-instagram: "\e93a";
  --icon-instagram: "\e93a";
  --icon-social-media-linkedin: "\e93b";
  --icon-linkedin: "\e93b";
  --icon-social-media-threads: "\e978";
  --icon-social-media-x: "\e915";
  --icon-twitter: "\e915";
  --icon-social-media-xing: "\e918";
  --icon-xing: "\e918";
  --icon-social-media-youtube: "\e916";
  --icon-youtube: "\e916";
  --icon-sortierung-absteigend: "\e960";
  --icon-sortierung-aufsteigend: "\e95f";
  --icon-sortierung-default: "\e95e";
  --icon-spaeter-festlegen: "\e9a7";
  --icon-save-later: "\e9a7";
  --icon-speichern: "\e95c";
  --icon-standort: "\e969";
  --icon-location: "\e969";
  --icon-stern-gefuellt: "\e91d";
  --icon-star: "\e91d";
  --icon-stern-outline: "\e938";
  --icon-star-outline: "\e938";
  --icon-stern-outline-entfernen: "\e967";
  --icon-stop: "\e96f";
  --icon-subventionsrelevant: "\e970";
  --icon-teilen: "\e928";
  --icon-share: "\e928";
  --icon-telefon: "\e945";
  --icon-phone: "\e945";
  --icon-temporaere-verfuegbarkeit: "\e943";
  --icon-text-bearbeiten: "\e973";
  --icon-thumbs-down: "\e93f";
  --icon-thumbs-up: "\e937";
  --icon-time-out: "\e94e";
  --icon-timeout: "\e94e";
  --icon-ton: "\e91b";
  --icon-sound: "\e91b";
  --icon-unbestimmt-2: "\e92a";
  --icon-archiv: "\e92a";
  --icon-upload: "\e934";
  --icon-verschieben: "\e9a9";
  --icon-move: "\e9a9";
  --icon-warnung: "\e909";
  --icon-wischen-hand: "\e932";
  --icon-wischen-pfeile: "\e91a";
  --icon-zitat-blockquote: "\e971";
  --icon-zurueck-zum-cockpit: "\e9aa";
  --icon-back: "\e9aa";
  --icon-zuruecksetzen: "\e91c";
  --icon-repeat: "\e91c";
  --icon-zeigerpfeil-links: "\e97e";
  --icon-zeigerpfeil-rechts: "\e97c";
  --icon-zeigerpfeil-unten: "\e97b";
  --icon-zeigerpfeil-oben: "\e97d";
  --icon-fragezeichen: "\e981";
  --icon-weitere-schritte: "\e979";
  --icon-uebersichtsseite: "\e97a";
  --icon-weiterleiten: "\e941";
  --icon-chat-einstellungen: "\e982";
  --icon-neuer-chat-xs: "\e980";
  --icon-neuer-chat: "\e97f"
}

.icon {
  font-family: KfW-Icon-Font;
  font-style: normal;
  font-variant: none;
  font-weight: 400;
  speak: none;
  text-transform: none
}

.icon--abbruch:before {
  content: var(--icon-abbruch)
}

.icon--logout:before {
  content: var(--icon-logout)
}

.icon--abmelden:before {
  content: var(--icon-abmelden)
}

.icon--warning:before {
  content: var(--icon-warning)
}

.icon--achtung:before {
  content: var(--icon-achtung)
}

.icon--agb:before {
  content: var(--icon-agb)
}

.icon--aktion-erforderlich-outline:before {
  content: var(--icon-aktion-erforderlich-outline)
}

.icon--anmelden:before {
  content: var(--icon-anmelden)
}

.icon--presentation:before {
  content: var(--icon-presentation)
}

.icon--arbeitshilfe-praesentation:before {
  content: var(--icon-arbeitshilfe-praesentation)
}

.icon--augen-druchgestrichen:before {
  content: var(--icon-augen-druchgestrichen)
}

.icon--augen-offen:before {
  content: var(--icon-augen-offen)
}

.icon--danger:before {
  content: var(--icon-danger)
}

.icon--ausrufezeichen:before {
  content: var(--icon-ausrufezeichen)
}

.icon--ausrufezeichen-schmal:before {
  content: var(--icon-ausrufezeichen-schmal)
}

.icon--construction:before {
  content: var(--icon-construction)
}

.icon--bearbeiten:before {
  content: var(--icon-bearbeiten)
}

.icon--notification:before {
  content: var(--icon-notification)
}

.icon--benachrichtigung-einstellungen:before {
  content: var(--icon-benachrichtigung-einstellungen)
}

.icon--image:before {
  content: var(--icon-image)
}

.icon--bild:before {
  content: var(--icon-bild)
}

.icon--budget:before {
  content: var(--icon-budget)
}

.icon--calc:before {
  content: var(--icon-calc)
}

.icon--caculator:before {
  content: var(--icon-caculator)
}

.icon--chatbot:before {
  content: var(--icon-chatbot)
}

.icon--chatbot-new:before {
  content: var(--icon-chatbot-new)
}

.icon--checkbox:before {
  content: var(--icon-checkbox)
}

.icon--checkbox-haken:before {
  content: var(--icon-checkbox-haken)
}

.icon--empty-box:before {
  content: var(--icon-empty-box)
}

.icon--chatbot-maximize:before {
  content: var(--icon-chatbot-maximize)
}

.icon--checkbox-leer:before {
  content: var(--icon-checkbox-leer)
}

.icon--chat:before {
  content: var(--icon-chat)
}

.icon--dialog:before {
  content: var(--icon-dialog)
}

.icon--document:before {
  content: var(--icon-document)
}

.icon--dokument:before {
  content: var(--icon-dokument)
}

.icon--document-pdf:before {
  content: var(--icon-document-pdf)
}

.icon--dokument-pdf:before {
  content: var(--icon-dokument-pdf)
}

.icon--double-left:before {
  content: var(--icon-double-left)
}

.icon--arrows-left:before {
  content: var(--icon-arrows-left)
}

.icon--doppelpfeil-links:before {
  content: var(--icon-doppelpfeil-links)
}

.icon--double-right:before {
  content: var(--icon-double-right)
}

.icon--arrows-right:before {
  content: var(--icon-arrows-right)
}

.icon--doppelpfeil-rechts:before {
  content: var(--icon-doppelpfeil-rechts)
}

.icon--download:before {
  content: var(--icon-download)
}

.icon--print:before {
  content: var(--icon-print)
}

.icon--drucker:before {
  content: var(--icon-drucker)
}

.icon--settings:before {
  content: var(--icon-settings)
}

.icon--einstellungen:before {
  content: var(--icon-einstellungen)
}

.icon--user:before {
  content: var(--icon-user)
}

.icon--einstellungen1:before {
  content: var(--icon-einstellungen1)
}

.icon--fullscreen:before {
  content: var(--icon-fullscreen)
}

.icon--maximize:before {
  content: var(--icon-maximize)
}

.icon--expandieren:before {
  content: var(--icon-expandieren)
}

.icon--expert:before {
  content: var(--icon-expert)
}

.icon--expertenwissen:before {
  content: var(--icon-expertenwissen)
}

.icon--external-link:before {
  content: var(--icon-external-link)
}

.icon--externer-link:before {
  content: var(--icon-externer-link)
}

.icon--fax:before {
  content: var(--icon-fax)
}

.icon--foerderprodukte:before {
  content: var(--icon-foerderprodukte)
}

.icon--foerderprodukt:before {
  content: var(--icon-foerderprodukt)
}

.icon--gebaerdensprache:before {
  content: var(--icon-gebaerdensprache)
}

.icon--globe:before {
  content: var(--icon-globe)
}

.icon--globus:before {
  content: var(--icon-globus)
}

.icon--checked:before {
  content: var(--icon-checked)
}

.icon--haken:before {
  content: var(--icon-haken)
}

.icon--checked-background:before {
  content: var(--icon-checked-background)
}

.icon--haken-gefuellt-check:before {
  content: var(--icon-haken-gefuellt-check)
}

.icon--hinweis-achtung:before {
  content: var(--icon-hinweis-achtung)
}

.icon--hinweis-bestaetigung:before {
  content: var(--icon-hinweis-bestaetigung)
}

.icon--hinweis-corona:before {
  content: var(--icon-hinweis-corona)
}

.icon--hinweisbox:before {
  content: var(--icon-hinweisbox)
}

.icon--hinweis-info:before {
  content: var(--icon-hinweis-info)
}

.icon--hinweis-podcast:before {
  content: var(--icon-hinweis-podcast)
}

.icon--hinweis-zeit-frist:before {
  content: var(--icon-hinweis-zeit-frist)
}

.icon--add:before {
  content: var(--icon-add)
}

.icon--hinzufuegen:before {
  content: var(--icon-hinzufuegen)
}

.icon--history:before {
  content: var(--icon-history)
}

.icon--history-background:before {
  content: var(--icon-history-background)
}

.icon--history-gefuellt:before {
  content: var(--icon-history-gefuellt)
}

.icon--home:before {
  content: var(--icon-home)
}

.icon--id:before {
  content: var(--icon-id)
}

.icon--id-background:before {
  content: var(--icon-id-background)
}

.icon--id-gefuellt:before {
  content: var(--icon-id-gefuellt)
}

.icon--in-arbeit:before {
  content: var(--icon-in-arbeit)
}

.icon--ban:before {
  content: var(--icon-ban)
}

.icon--inaktiv:before {
  content: var(--icon-inaktiv)
}

.icon--info-cookiebanner:before {
  content: var(--icon-info-cookiebanner)
}

.icon--info-cookiebanner-background:before {
  content: var(--icon-info-cookiebanner-background)
}

.icon--info-cookiebanner-kreis-gefuellt:before {
  content: var(--icon-info-cookiebanner-kreis-gefuellt)
}

.icon--jpg-dokument:before {
  content: var(--icon-jpg-dokument)
}

.icon--calendar:before {
  content: var(--icon-calendar)
}

.icon--kalender:before {
  content: var(--icon-kalender)
}

.icon--kontakt:before {
  content: var(--icon-kontakt)
}

.icon--kopieren:before {
  content: var(--icon-kopieren)
}

.icon--bullet:before {
  content: var(--icon-bullet)
}

.icon--kreis-gefuellt:before {
  content: var(--icon-kreis-gefuellt)
}

.icon--danger-new:before {
  content: var(--icon-danger-new)
}

.icon--kreis-gefuellt-ausrufezeichen:before {
  content: var(--icon-kreis-gefuellt-ausrufezeichen)
}

.icon--video-round:before {
  content: var(--icon-video-round)
}

.icon--kreis-gefuellt-play:before {
  content: var(--icon-kreis-gefuellt-play)
}

.icon--info:before {
  content: var(--icon-info)
}

.icon--kreis-gefullt-info:before {
  content: var(--icon-kreis-gefullt-info)
}

.icon--bullet-outline:before {
  content: var(--icon-bullet-outline)
}

.icon--kreis-outline:before {
  content: var(--icon-kreis-outline)
}

.icon--kreis-outline-bp:before {
  content: var(--icon-kreis-outline-bp)
}

.icon--info-new-outline:before {
  content: var(--icon-info-new-outline)
}

.icon--kreis-outline-info:before {
  content: var(--icon-kreis-outline-info)
}

.icon--leichtesprache:before {
  content: var(--icon-leichtesprache)
}

.icon--leichte-sprache:before {
  content: var(--icon-leichte-sprache)
}

.icon--link-kopieren:before {
  content: var(--icon-link-kopieren)
}

.icon--live-chat:before {
  content: var(--icon-live-chat)
}

.icon--search:before {
  content: var(--icon-search)
}

.icon--lupe:before {
  content: var(--icon-lupe)
}

.icon--zoom-in:before {
  content: var(--icon-zoom-in)
}

.icon--lupe-zoom-in:before {
  content: var(--icon-lupe-zoom-in)
}

.icon--zoom-out:before {
  content: var(--icon-zoom-out)
}

.icon--lupe-zoom-out:before {
  content: var(--icon-lupe-zoom-out)
}

.icon--mail:before {
  content: var(--icon-mail)
}

.icon--mail-nachricht-beantworten:before {
  content: var(--icon-mail-nachricht-beantworten)
}

.icon--mail-nachricht-erhalten:before {
  content: var(--icon-mail-nachricht-erhalten)
}

.icon--mail-nachricht-geoeffnet:before {
  content: var(--icon-mail-nachricht-geoeffnet)
}

.icon--meine-antraege:before {
  content: var(--icon-meine-antraege)
}

.icon--menu:before {
  content: var(--icon-menu)
}

.icon--menu-texthinweis:before {
  content: var(--icon-menu-texthinweis)
}

.icon--menu-en:before {
  content: var(--icon-menu-en)
}

.icon--menu-texthinweis-en:before {
  content: var(--icon-menu-texthinweis-en)
}

.icon--menu-dots:before {
  content: var(--icon-menu-dots)
}

.icon--menue:before {
  content: var(--icon-menue)
}

.icon--menue-burger:before {
  content: var(--icon-menue-burger)
}

.icon--menue-texthinweis-es:before {
  content: var(--icon-menue-texthinweis-es)
}

.icon--notes:before {
  content: var(--icon-notes)
}

.icon--merklisten:before {
  content: var(--icon-merklisten)
}

.icon--minus:before {
  content: var(--icon-minus)
}

.icon--delete:before {
  content: var(--icon-delete)
}

.icon--muelleimer:before {
  content: var(--icon-muelleimer)
}

.icon--reload:before {
  content: var(--icon-reload)
}

.icon--neu-laden:before {
  content: var(--icon-neu-laden)
}

.icon--news:before {
  content: var(--icon-news)
}

.icon--offene-aufgaben:before {
  content: var(--icon-offene-aufgaben)
}

.icon--folder:before {
  content: var(--icon-folder)
}

.icon--ordner:before {
  content: var(--icon-ordner)
}

.icon--pause:before {
  content: var(--icon-pause)
}

.icon--page-start:before {
  content: var(--icon-page-start)
}

.icon--pfeil-anfang:before {
  content: var(--icon-pfeil-anfang)
}

.icon--page-end:before {
  content: var(--icon-page-end)
}

.icon--pfeil-ende:before {
  content: var(--icon-pfeil-ende)
}

.icon--arrow-up:before {
  content: var(--icon-arrow-up)
}

.icon--pfeil-hoch:before {
  content: var(--icon-pfeil-hoch)
}

.icon--arrow-left:before {
  content: var(--icon-arrow-left)
}

.icon--pfeil-links:before {
  content: var(--icon-pfeil-links)
}

.icon--arrow-right:before {
  content: var(--icon-arrow-right)
}

.icon--pfeil-rechts:before {
  content: var(--icon-pfeil-rechts)
}

.icon--arrow-down:before {
  content: var(--icon-arrow-down)
}

.icon--pfeil-runter:before {
  content: var(--icon-pfeil-runter)
}

.icon--play:before {
  content: var(--icon-play)
}

.icon--plus:before {
  content: var(--icon-plus)
}

.icon--prozessbestaetigung-bitte-beachten:before {
  content: var(--icon-prozessbestaetigung-bitte-beachten)
}

.icon--prozessbestaetigung-erfolgreich:before {
  content: var(--icon-prozessbestaetigung-erfolgreich)
}

.icon--prozessbestaetigung-nicht-erfolgreich:before {
  content: var(--icon-prozessbestaetigung-nicht-erfolgreich)
}

.icon--rss:before {
  content: var(--icon-rss)
}

.icon--rueckgabe:before {
  content: var(--icon-rueckgabe)
}

.icon--close:before {
  content: var(--icon-close)
}

.icon--schliessen:before {
  content: var(--icon-schliessen)
}

.icon--lock:before {
  content: var(--icon-lock)
}

.icon--schloss-geschlossen:before {
  content: var(--icon-schloss-geschlossen)
}

.icon--unlock:before {
  content: var(--icon-unlock)
}

.icon--schloss-offen:before {
  content: var(--icon-schloss-offen)
}

.icon--mobile:before {
  content: var(--icon-mobile)
}

.icon--smartphone:before {
  content: var(--icon-smartphone)
}

.icon--facebook:before {
  content: var(--icon-facebook)
}

.icon--social-media-facebook:before {
  content: var(--icon-social-media-facebook)
}

.icon--instagram:before {
  content: var(--icon-instagram)
}

.icon--social-media-instagram:before {
  content: var(--icon-social-media-instagram)
}

.icon--linkedin:before {
  content: var(--icon-linkedin)
}

.icon--social-media-linkedin:before {
  content: var(--icon-social-media-linkedin)
}

.icon--social-media-threads:before {
  content: var(--icon-social-media-threads)
}

.icon--twitter:before {
  content: var(--icon-twitter)
}

.icon--social-media-x:before {
  content: var(--icon-social-media-x)
}

.icon--xing:before {
  content: var(--icon-xing)
}

.icon--social-media-xing:before {
  content: var(--icon-social-media-xing)
}

.icon--youtube:before {
  content: var(--icon-youtube)
}

.icon--social-media-youtube:before {
  content: var(--icon-social-media-youtube)
}

.icon--sortierung-absteigend:before {
  content: var(--icon-sortierung-absteigend)
}

.icon--sortierung-aufsteigend:before {
  content: var(--icon-sortierung-aufsteigend)
}

.icon--sortierung-default:before {
  content: var(--icon-sortierung-default)
}

.icon--save-later:before {
  content: var(--icon-save-later)
}

.icon--spaeter-festlegen:before {
  content: var(--icon-spaeter-festlegen)
}

.icon--speichern:before {
  content: var(--icon-speichern)
}

.icon--location:before {
  content: var(--icon-location)
}

.icon--standort:before {
  content: var(--icon-standort)
}

.icon--star:before {
  content: var(--icon-star)
}

.icon--stern-gefuellt:before {
  content: var(--icon-stern-gefuellt)
}

.icon--star-outline:before {
  content: var(--icon-star-outline)
}

.icon--stern-outline:before {
  content: var(--icon-stern-outline)
}

.icon--stern-outline-entfernen:before {
  content: var(--icon-stern-outline-entfernen)
}

.icon--stop:before {
  content: var(--icon-stop)
}

.icon--subventionsrelevant:before {
  content: var(--icon-subventionsrelevant)
}

.icon--share:before {
  content: var(--icon-share)
}

.icon--teilen:before {
  content: var(--icon-teilen)
}

.icon--phone:before {
  content: var(--icon-phone)
}

.icon--telefon:before {
  content: var(--icon-telefon)
}

.icon--temporaere-verfuegbarkeit:before {
  content: var(--icon-temporaere-verfuegbarkeit)
}

.icon--text-bearbeiten:before {
  content: var(--icon-text-bearbeiten)
}

.icon--thumbs-down:before {
  content: var(--icon-thumbs-down)
}

.icon--thumbs-up:before {
  content: var(--icon-thumbs-up)
}

.icon--timeout:before {
  content: var(--icon-timeout)
}

.icon--time-out:before {
  content: var(--icon-time-out)
}

.icon--sound:before {
  content: var(--icon-sound)
}

.icon--ton:before {
  content: var(--icon-ton)
}

.icon--archiv:before {
  content: var(--icon-archiv)
}

.icon--unbestimmt-2:before {
  content: var(--icon-unbestimmt-2)
}

.icon--upload:before {
  content: var(--icon-upload)
}

.icon--move:before {
  content: var(--icon-move)
}

.icon--verschieben:before {
  content: var(--icon-verschieben)
}

.icon--warnung:before {
  content: var(--icon-warnung)
}

.icon--wischen-hand:before {
  content: var(--icon-wischen-hand)
}

.icon--wischen-pfeile:before {
  content: var(--icon-wischen-pfeile)
}

.icon--zitat-blockquote:before {
  content: var(--icon-zitat-blockquote)
}

.icon--back:before {
  content: var(--icon-back)
}

.icon--zurueck-zum-cockpit:before {
  content: var(--icon-zurueck-zum-cockpit)
}

.icon--repeat:before {
  content: var(--icon-repeat)
}

.icon--zuruecksetzen:before {
  content: var(--icon-zuruecksetzen)
}

.icon--zeigerpfeil-links:before {
  content: var(--icon-zeigerpfeil-links)
}

.icon--zeigerpfeil-rechts:before {
  content: var(--icon-zeigerpfeil-rechts)
}

.icon--zeigerpfeil-unten:before {
  content: var(--icon-zeigerpfeil-unten)
}

.icon--zeigerpfeil-oben:before {
  content: var(--icon-zeigerpfeil-oben)
}

.icon--fragezeichen:before {
  content: var(--icon-fragezeichen)
}

.icon--weitere-schritte:before {
  content: var(--icon-weitere-schritte)
}

.icon--uebersichtsseite:before {
  content: var(--icon-uebersichtsseite)
}

.icon--weiterleiten:before {
  content: var(--icon-weiterleiten)
}

.icon--chat-einstellungen:before {
  content: var(--icon-chat-einstellungen)
}

.icon--neuer-chat-xs:before {
  content: var(--icon-neuer-chat-xs)
}

.icon--neuer-chat:before {
  content: var(--icon-neuer-chat)
}

.icon:before {
  display: none;
  font-size: inherit
}

:export {
  abbruch: Abbruch, \e96d;
  abmelden: Abmelden, \e996, logout;
  achtung: Achtung, \e903, warning;
  agb: Agb, \e997;
  aktion-erforderlich-outline: Aktion Erforderlich Outline, \e96e;
  anmelden: Anmelden, \e910;
  arbeitshilfe-praesentation: Arbeitshilfe Praesentation, \e998, presentation;
  augen-druchgestrichen: Augen Druchgestrichen, \e963;
  augen-offen: Augen Offen, \e962;
  ausrufezeichen: Ausrufezeichen, \e92d, danger;
  ausrufezeichen-schmal: Ausrufezeichen Schmal, \e968;
  bearbeiten: Bearbeiten, \e935, construction;
  benachrichtigung-einstellungen: Benachrichtigung Einstellungen, \e999, notification;
  bild: Bild, \e91e, image;
  budget: Budget, \e95b;
  caculator: Caculator, \e933, calc;
  chatbot: Chatbot, \e942;
  chatbot-new: Chatbot New, \e94a;
  checkbox-haken: Checkbox Haken, \e921, checkbox;
  checkbox-leer: Checkbox Leer, \e91f, empty-box, chatbot-maximize;
  dialog: Dialog, \e92c, chat;
  dokument: Dokument, \e920, document;
  dokument-pdf: Dokument Pdf, \e919, document-pdf;
  doppelpfeil-links: Doppelpfeil Links, \e92f, double-left, arrows-left;
  doppelpfeil-rechts: Doppelpfeil Rechts, \e930, double-right, arrows-right;
  download: Download, \e90c;
  drucker: Drucker, \e90e, print;
  einstellungen: Einstellungen, \e914, settings;
  einstellungen1: Einstellungen1, \e9a6, user;
  expandieren: Expandieren, \e93e, fullscreen, maximize;
  expertenwissen: Expertenwissen, \e99a, expert;
  externer-link: Externer Link, \e931, external-link;
  fax: Fax, \e954;
  foerderprodukt: Foerderprodukt, \e94b, foerderprodukte;
  gebaerdensprache: Gebaerdensprache, \e947;
  globus: Globus, \e940, globe;
  haken: Haken, \e90a, checked;
  haken-gefuellt-check: Haken Gefuellt Check, \e99b, checked-background;
  hinweis-achtung: Hinweis Achtung, \e95a;
  hinweis-bestaetigung: Hinweis Bestaetigung, \e959;
  hinweis-corona: Hinweis Corona, \e958;
  hinweis-info: Hinweis Info, \e99c, hinweisbox;
  hinweis-podcast: Hinweis Podcast, \e956;
  hinweis-zeit-frist: Hinweis Zeit Frist, \e955;
  hinzufuegen: Hinzufuegen, \e99d, add;
  history: History, \e99f;
  history-gefuellt: History Gefuellt, \e99e, history-background;
  home: Home, \e905;
  id: Id, \e9a1;
  id-gefuellt: Id Gefuellt, \e9a0, id-background;
  in-arbeit: In Arbeit, \e966;
  inaktiv: Inaktiv, \e936, ban;
  info-cookiebanner: Info Cookiebanner, \e9a3;
  info-cookiebanner-kreis-gefuellt: Info Cookiebanner Kreis Gefuellt, \e9a2, info-cookiebanner-background;
  jpg-dokument: Jpg Dokument, \e977;
  kalender: Kalender, \e922, calendar;
  kontakt: Kontakt, \e951;
  kopieren: Kopieren, \e94f;
  kreis-gefuellt: Kreis Gefuellt, \e92b, bullet;
  kreis-gefuellt-ausrufezeichen: Kreis Gefuellt Ausrufezeichen, \e94c, danger-new;
  kreis-gefuellt-play: Kreis Gefuellt Play, \e929, video-round;
  kreis-gefullt-info: Kreis Gefullt Info, \e90f, info;
  kreis-outline: Kreis Outline, \e944, bullet-outline;
  kreis-outline-bp: Kreis Outline Bp, \e94d;
  kreis-outline-info: Kreis Outline Info, \e950, info-new-outline;
  leichte-sprache: Leichte Sprache, \e946, leichtesprache;
  link-kopieren: Link Kopieren, \e949;
  live-chat: Live Chat, \e964;
  lupe: Lupe, \e900, search;
  lupe-zoom-in: Lupe Zoom In, \e93d, zoom-in;
  lupe-zoom-out: Lupe Zoom Out, \e93c, zoom-out;
  mail: Mail, \e953;
  mail-nachricht-beantworten: Mail Nachricht Beantworten, \e96a;
  mail-nachricht-erhalten: Mail Nachricht Erhalten, \e96c;
  mail-nachricht-geoeffnet: Mail Nachricht Geoeffnet, \e96b;
  meine-antraege: Meine Antraege, \e961;
  menu-texthinweis: Menu Texthinweis, \e907, menu;
  menu-texthinweis-en: Menu Texthinweis En, \e939, menu-en;
  menue: Menue, \e9a4, menu-dots;
  menue-burger: Menue Burger, \e9b3;
  menue-texthinweis-es: Menue Texthinweis Es, \e972;
  merklisten: Merklisten, \e9a5, notes;
  minus: Minus, \e90d;
  muelleimer: Muelleimer, \e92e, delete;
  neu-laden: Neu Laden, \e90b, reload;
  news: News, \e948;
  offene-aufgaben: Offene Aufgaben, \e965;
  ordner: Ordner, \e923, folder;
  pause: Pause, \e913;
  pfeil-anfang: Pfeil Anfang, \e926, page-start;
  pfeil-ende: Pfeil Ende, \e925, page-end;
  pfeil-hoch: Pfeil Hoch, \e924, arrow-up;
  pfeil-links: Pfeil Links, \e901, arrow-left;
  pfeil-rechts: Pfeil Rechts, \e902, arrow-right;
  pfeil-runter: Pfeil Runter, \e908, arrow-down;
  play: Play, \e917;
  plus: Plus, \e904;
  prozessbestaetigung-bitte-beachten: Prozessbestaetigung Bitte Beachten, \e976;
  prozessbestaetigung-erfolgreich: Prozessbestaetigung Erfolgreich, \e975;
  prozessbestaetigung-nicht-erfolgreich: Prozessbestaetigung Nicht Erfolgreich, \e974;
  rss: Rss, \e927;
  rueckgabe: Rueckgabe, \e957;
  schliessen: Schliessen, \e906, close;
  schloss-geschlossen: Schloss Geschlossen, \e911, lock;
  schloss-offen: Schloss Offen, \e912, unlock;
  smartphone: Smartphone, \e952, mobile;
  social-media-facebook: Social Media Facebook, \e95d, facebook;
  social-media-instagram: Social Media Instagram, \e93a, instagram;
  social-media-linkedin: Social Media Linkedin, \e93b, linkedin;
  social-media-threads: Social Media Threads, \e978;
  social-media-x: Social Media X, \e915, twitter;
  social-media-xing: Social Media Xing, \e918, xing;
  social-media-youtube: Social Media Youtube, \e916, youtube;
  sortierung-absteigend: Sortierung Absteigend, \e960;
  sortierung-aufsteigend: Sortierung Aufsteigend, \e95f;
  sortierung-default: Sortierung Default, \e95e;
  spaeter-festlegen: Spaeter Festlegen, \e9a7, save-later;
  speichern: Speichern, \e95c;
  standort: Standort, \e969, location;
  stern-gefuellt: Stern Gefuellt, \e91d, star;
  stern-outline: Stern Outline, \e938, star-outline;
  stern-outline-entfernen: Stern Outline Entfernen, \e967;
  stop: Stop, \e96f;
  subventionsrelevant: Subventionsrelevant, \e970;
  teilen: Teilen, \e928, share;
  telefon: Telefon, \e945, phone;
  temporaere-verfuegbarkeit: Temporaere Verfuegbarkeit, \e943;
  text-bearbeiten: Text Bearbeiten, \e973;
  thumbs-down: Thumbs Down, \e93f;
  thumbs-up: Thumbs Up, \e937;
  time-out: Time Out, \e94e, timeout;
  ton: Ton, \e91b, sound;
  unbestimmt-2: Unbestimmt 2, \e92a, archiv;
  upload: Upload, \e934;
  verschieben: Verschieben, \e9a9, move;
  warnung: Warnung, \e909;
  wischen-hand: Wischen Hand, \e932;
  wischen-pfeile: Wischen Pfeile, \e91a;
  zitat-blockquote: Zitat Blockquote, \e971;
  zurueck-zum-cockpit: Zurueck Zum Cockpit, \e9aa, back;
  zuruecksetzen: Zuruecksetzen, \e91c, repeat;
  zeigerpfeil-links: Zeigerpfeil Links, \e97e;
  zeigerpfeil-rechts: Zeigerpfeil Rechts, \e97c;
  zeigerpfeil-unten: Zeigerpfeil Unten, \e97b;
  zeigerpfeil-oben: Zeigerpfeil Oben, \e97d;
  fragezeichen: Fragezeichen, \e981;
  weitere-schritte: Weitere Schritte, \e979;
  uebersichtsseite: Übersichtsseite, \e97a;
  weiterleiten: Weiterleiten, \e941;
  chat-einstellungen: Chat Einstellungen, \e982;
  neuer-chat-xs: Neuer Chat XS, \e980;
  neuer-chat: Neuer Chat, \e97f
}

.hl-1 {
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --margin-bottom: 2rem;
  --font-size: 3rem;
  --letter-spacing: 0;
  --line-height: 1.3;
  --font-weight: 500
}

@media only print and (width >=0px) {
  .hl-1 {
    --font-size: 3.6rem;
    --letter-spacing: -0.5px;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {
  .hl-1 {
    --font-size: 3.6rem;
    --letter-spacing: -0.5px;
    --font-weight: 500
  }
}

.hl-1:last-child {
  --margin-bottom: 0
}

.hl-2,
.tag--big {
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --margin-bottom: 2rem;
  --font-size: 2.8rem;
  --letter-spacing: -0.5px;
  --line-height: 1.3;
  --font-weight: 500
}

@media only print and (width >=0px) {

  .hl-2,
  .tag--big {
    --font-size: 3.2rem;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {

  .hl-2,
  .tag--big {
    --font-size: 3.2rem;
    --font-weight: 500
  }
}

.hl-2:last-child,
.tag--big:last-child {
  --margin-bottom: 0
}

.hl-3,
.topic-line-text-container.topic-line-text-container>.button-container .btn-labeling {
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --margin-bottom: 1rem;
  --font-size: 2.4rem;
  --letter-spacing: -0.5px;
  --line-height: 1.3;
  --font-weight: 500
}

@media only print and (width >=0px) {

  .hl-3,
  .topic-line-text-container.topic-line-text-container>.button-container .btn-labeling {
    --font-size: 2.6rem;
    --letter-spacing: 0;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {

  .hl-3,
  .topic-line-text-container.topic-line-text-container>.button-container .btn-labeling {
    --font-size: 2.6rem;
    --letter-spacing: 0;
    --font-weight: 500
  }
}

.hl-3:last-child,
.topic-line-text-container.topic-line-text-container>.button-container .btn-labeling:last-child {
  --margin-bottom: 0
}

.hl-4 {
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --margin-bottom: 1rem;
  --font-size: 2rem;
  --letter-spacing: 0;
  --line-height: 1.3;
  --font-weight: 500
}

@media only print and (width >=0px) {
  .hl-4 {
    --font-size: 2.2rem;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {
  .hl-4 {
    --font-size: 2.2rem;
    --font-weight: 500
  }
}

.hl-4:last-child {
  --margin-bottom: 0
}

.hl-5,
.search-result-item-wrapper.type-content .title .hl-5,
.search-result-item-wrapper.type-content .title:last-child,
.search-result-item-wrapper.type-document .title .hl-5,
.search-result-item-wrapper.type-document .title:last-child,
.search-result-item-wrapper.type-news .title .hl-5,
.search-result-item-wrapper.type-news .title:last-child,
.search-result-item-wrapper.type-product .title .hl-5,
.search-result-item-wrapper.type-product .title:last-child,
.search-result-item-wrapper.type-video .title .hl-5,
.search-result-item-wrapper.type-video .title:last-child {
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --margin-bottom: 1rem;
  --font-size: 1.8rem;
  --letter-spacing: 0;
  --line-height: 2.4rem;
  --font-weight: 500
}

@media only print and (width >=0px) {

  .hl-5,
  .search-result-item-wrapper.type-content .title .hl-5,
  .search-result-item-wrapper.type-content .title:last-child,
  .search-result-item-wrapper.type-document .title .hl-5,
  .search-result-item-wrapper.type-document .title:last-child,
  .search-result-item-wrapper.type-news .title .hl-5,
  .search-result-item-wrapper.type-news .title:last-child,
  .search-result-item-wrapper.type-product .title .hl-5,
  .search-result-item-wrapper.type-product .title:last-child,
  .search-result-item-wrapper.type-video .title .hl-5,
  .search-result-item-wrapper.type-video .title:last-child {
    --letter-spacing: 0.5px;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {

  .hl-5,
  .search-result-item-wrapper.type-content .title .hl-5,
  .search-result-item-wrapper.type-content .title:last-child,
  .search-result-item-wrapper.type-document .title .hl-5,
  .search-result-item-wrapper.type-document .title:last-child,
  .search-result-item-wrapper.type-news .title .hl-5,
  .search-result-item-wrapper.type-news .title:last-child,
  .search-result-item-wrapper.type-product .title .hl-5,
  .search-result-item-wrapper.type-product .title:last-child,
  .search-result-item-wrapper.type-video .title .hl-5,
  .search-result-item-wrapper.type-video .title:last-child {
    --letter-spacing: 0.5px;
    --font-weight: 500
  }
}

.hl-5:last-child,
.search-result-item-wrapper.type-content .title .hl-5:last-child,
.search-result-item-wrapper.type-content .title:last-child,
.search-result-item-wrapper.type-document .title .hl-5:last-child,
.search-result-item-wrapper.type-document .title:last-child,
.search-result-item-wrapper.type-news .title .hl-5:last-child,
.search-result-item-wrapper.type-news .title:last-child,
.search-result-item-wrapper.type-product .title .hl-5:last-child,
.search-result-item-wrapper.type-product .title:last-child,
.search-result-item-wrapper.type-video .title .hl-5:last-child,
.search-result-item-wrapper.type-video .title:last-child {
  --margin-bottom: 0
}

.hl-6 {
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --margin-bottom: 1rem;
  --font-size: 1.6rem;
  --letter-spacing: 0.5px;
  --line-height: 1.4;
  --font-weight: 500
}

.hl-6:last-child {
  --margin-bottom: 0
}

.hl-sb {
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --margin-bottom: 3rem;
  --font-size: 2rem;
  --letter-spacing: 0;
  --line-height: 1.3;
  --font-weight: 500
}

@media only print and (width >=0px) {
  .hl-sb {
    --font-size: 2.8rem;
    --line-height: 1.2;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {
  .hl-sb {
    --font-size: 2.8rem;
    --line-height: 1.2;
    --font-weight: 500
  }
}

.hl-sb:last-child {
  --margin-bottom: 0
}

.hl-tb {
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --margin-bottom: 3rem;
  --font-size: 2rem;
  --letter-spacing: 0;
  --line-height: 1.3;
  --font-weight: 500
}

@media only print and (width >=0px) {
  .hl-tb {
    --font-size: 2.2rem;
    --line-height: 1.45;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {
  .hl-tb {
    --font-size: 2.2rem;
    --line-height: 1.45;
    --font-weight: 500
  }
}

.hl-tb:last-child {
  --margin-bottom: 0
}

.hl-hb {
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --margin-bottom: 3rem;
  --font-size: 2rem;
  --letter-spacing: 0;
  --line-height: 1.3;
  --font-weight: 500
}

@media only print and (width >=0px) {
  .hl-hb {
    --font-size: 2.8rem;
    --line-height: 1.2;
    --letter-spacing: 0;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {
  .hl-hb {
    --font-size: 2.8rem;
    --line-height: 1.2;
    --letter-spacing: 0;
    --font-weight: 500
  }
}

.hl-hb:last-child {
  --margin-bottom: 0
}

@media only print and (width >=0px) {
  .hl-hb {
    --font-size: 2.4rem;
    --letter-spacing: -0.5px
  }
}

@media only screen and (min-width:840px)and (max-width:calc(1280px - 1px)) {
  .hl-hb {
    --font-size: 2.4rem;
    --letter-spacing: -0.5px
  }
}

.hl-ms {
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --margin-bottom: 1rem;
  --font-size: 2rem;
  --font-weight: 500;
  --line-height: 1.3
}

@media only print and (width >=0px) {
  .hl-ms {
    --font-size: 1.8rem;
    --line-height: 2.4rem;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {
  .hl-ms {
    --font-size: 1.8rem;
    --line-height: 2.4rem;
    --font-weight: 500
  }
}

.hl-ms:last-child {
  --margin-bottom: 0
}

@media only print and (width >=0px) {
  .hl-ms {
    --font-size: 1.8rem;
    --line-height: 2.4rem
  }
}

@media only screen and (min-width:960px) {
  .hl-ms {
    --font-size: 1.8rem;
    --line-height: 2.4rem
  }
}

.smk-1 {
  color: var(--color);
  font-size: 1.4rem;
  letter-spacing: 1px;
  line-height: 1.3;
  margin-bottom: .5rem
}

.button .btn-labeling,
.button-container.download-notice,
.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.header-meta-list>.list-item,
.form-item--select .select-wrapper select,
.form-item-checkbox,
.form-item-label,
.form-item-radio,
.form-item-searchfield,
.image .image-caption-link,
.image-gallery-slide figcaption,
.image-gallery-thumb figcaption,
.image-gallery-thumb-media figcaption.image-caption-text,
.image-gallery-thumb-media figcaption.video-caption-text,
.kfw-sdg-project-overview .sdg-connect .sdg-header-text,
.login-container form .overall-error-message .error-message,
.newsletter-text p,
.product-label--d,
.search-filter-form .filter-box .filter-reset,
.search-result-item-wrapper .detail-result-headline,
.search-result-item-wrapper .download-link,
.select-container .selected-text,
.tooltip-overlay,
.tx-1,
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
ol.list,
textarea,
ul.list {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: var(--mb, 2rem);
  word-spacing: inherit
}

.button .btn-labeling:last-child,
.button-container.download-notice:last-child,
.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.header-meta-list>.list-item:last-child,
.form-item--select .select-wrapper select:last-child,
.form-item-checkbox:last-child,
.form-item-label:last-child,
.form-item-radio:last-child,
.form-item-searchfield:last-child,
.image .image-caption-link:last-child,
.image-gallery-slide figcaption:last-child,
.image-gallery-thumb figcaption:last-child,
.image-gallery-thumb-media figcaption.image-caption-text:last-child,
.image-gallery-thumb-media figcaption.video-caption-text:last-child,
.kfw-sdg-project-overview .sdg-connect .sdg-header-text:last-child,
.login-container form .overall-error-message .error-message:last-child,
.newsletter-text p:last-child,
.product-label--d:last-child,
.search-filter-form .filter-box .filter-reset:last-child,
.search-result-item-wrapper .detail-result-headline:last-child,
.search-result-item-wrapper .download-link:last-child,
.select-container .selected-text:last-child,
.tooltip-overlay:last-child,
.tx-1:last-child,
input[type=date]:last-child,
input[type=datetime-local]:last-child,
input[type=email]:last-child,
input[type=month]:last-child,
input[type=number]:last-child,
input[type=password]:last-child,
input[type=tel]:last-child,
input[type=text]:last-child,
input[type=time]:last-child,
input[type=url]:last-child,
input[type=week]:last-child,
ol.list:last-child,
textarea:last-child,
ul.list:last-child {
  margin-bottom: 0
}

.error-message,
.flyout-navigation-container-inner>.flyout-navigation-breadcrumb-container,
.footer-info-links .details ul.list,
.footer-info-links>ul.list,
.footer-legally-copyright,
.footer-legally-linklist>.list,
.header-container>.header>.header-functionality-container>.header-meta-list>.list-item,
.image .image-caption-text,
.image-gallery:not(.image-gallery-compact) .image-gallery-slide-thumb-caption,
.product-label--c,
.search-result-item-wrapper .breadcrumb p,
.search-result-item-wrapper .detail-result-breadcrumb,
.tx-2,
.video .video-caption-text {
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: var(--mb, 2rem);
  word-spacing: inherit
}

.error-message:last-child,
.flyout-navigation-container-inner>.flyout-navigation-breadcrumb-container:last-child,
.footer-info-links .details ul.list:last-child,
.footer-info-links>ul.list:last-child,
.footer-legally-copyright:last-child,
.footer-legally-linklist>.list:last-child,
.header-container>.header>.header-functionality-container>.header-meta-list>.list-item:last-child,
.image .image-caption-text:last-child,
.image-gallery:not(.image-gallery-compact) .image-gallery-slide-thumb-caption:last-child,
.product-label--c:last-child,
.search-result-item-wrapper .breadcrumb p:last-child,
.search-result-item-wrapper .detail-result-breadcrumb:last-child,
.tx-2:last-child,
.video .video-caption-text:last-child {
  margin-bottom: 0
}

.chatbot-chat-content>div.error,
.custom-form-message p,
.form-item-label--big,
.kfw-product-finder .product-finder .form-item-radio label,
.loader-text,
.page-intro-text,
.page-intro-text>.list>.list-item,
.product-label--a,
.product-label--b,
.search-loader-container>.search-loader-text,
.tx-4,
.vorabcheck-content .answer-text .text,
.vorabcheck-content .question .form-item-label,
.vorabcheck-content .question-label,
.vorabcheck-header-wrapper p {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: var(--mb, 2rem);
  word-spacing: inherit
}

.chatbot-chat-content>div.error:last-child,
.custom-form-message p:last-child,
.form-item-label--big:last-child,
.kfw-product-finder .product-finder .form-item-radio label:last-child,
.loader-text:last-child,
.page-intro-text:last-child,
.page-intro-text>.list>.list-item:last-child,
.product-label--a:last-child,
.product-label--b:last-child,
.search-loader-container>.search-loader-text:last-child,
.tx-4:last-child,
.vorabcheck-content .answer-text .text:last-child,
.vorabcheck-content .question .form-item-label:last-child,
.vorabcheck-content .question-label:last-child,
.vorabcheck-header-wrapper p:last-child {
  margin-bottom: 0
}

.tx-8 {
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 1.3;
  margin-bottom: var(--mb, 1.5rem);
  word-spacing: inherit
}

.tx-8:last-child {
  margin-bottom: 0
}

.form-item--date label,
.search-result-item-wrapper .details .details-title h2,
.tx-1-medium {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .5px;
  line-height: 1.4;
  margin-bottom: var(--mb, 2rem);
  word-spacing: inherit
}

.form-item--date label:last-child,
.search-result-item-wrapper .details .details-title h2:last-child,
.tx-1-medium:last-child {
  margin-bottom: 0
}

.tx-4-medium {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: var(--mb, 2rem);
  word-spacing: inherit
}

.tx-4-medium:last-child {
  margin-bottom: 0
}

ol.list,
ul.list {
  list-style-position: inside
}

ol.list li ol.list,
ol.list li ul.list,
ul.list li ol.list,
ul.list li ul.list {
  margin-bottom: 0;
  margin-left: 2rem;
  margin-top: 1rem
}

ol.list li .tooltip-overlay-content ol.list,
ol.list li .tooltip-overlay-content ul.list,
ul.list li .tooltip-overlay-content ol.list,
ul.list li .tooltip-overlay-content ul.list {
  margin-bottom: var(--space-small)
}

ol.list li .tooltip-overlay-content ol.list:last-child,
ol.list li .tooltip-overlay-content ul.list:last-child,
ul.list li .tooltip-overlay-content ol.list:last-child,
ul.list li .tooltip-overlay-content ul.list:last-child {
  margin-bottom: 0
}

ol.list li .tooltip-overlay-content ol.list.list-space-small,
ol.list li .tooltip-overlay-content ul.list.list-space-small,
ul.list li .tooltip-overlay-content ol.list.list-space-small,
ul.list li .tooltip-overlay-content ul.list.list-space-small {
  margin-bottom: var(--space-x-small)
}

.list {
  list-style-position: outside;
  margin-left: var(--margin-left, 0)
}

.list.list-nomargin {
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0
}

.list.list-space-small {
  margin-bottom: 1rem
}

.list--no-icon.list {
  --margin-left: 1.4rem
}

.list--checks.list {
  --margin-left: 2.4rem
}

.bg-dark .list--big-checks.list,
.bg-dark .list--checks.list,
.bg-dark-accent .list--big-checks.list,
.bg-dark-accent .list--checks.list {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg)
}

.bg-dark .list--big-checks.list .button--primary,
.bg-dark .list--big-checks.list .button--primary-positive,
.bg-dark .list--big-checks.list .button--secondary,
.bg-dark .list--big-checks.list .button--secondary-positive,
.bg-dark .list--big-checks.list .button--tertiary,
.bg-dark .list--big-checks.list .button--tertiary-positive,
.bg-dark .list--checks.list .button--primary,
.bg-dark .list--checks.list .button--primary-positive,
.bg-dark .list--checks.list .button--secondary,
.bg-dark .list--checks.list .button--secondary-positive,
.bg-dark .list--checks.list .button--tertiary,
.bg-dark .list--checks.list .button--tertiary-positive,
.bg-dark-accent .list--big-checks.list .button--primary,
.bg-dark-accent .list--big-checks.list .button--primary-positive,
.bg-dark-accent .list--big-checks.list .button--secondary,
.bg-dark-accent .list--big-checks.list .button--secondary-positive,
.bg-dark-accent .list--big-checks.list .button--tertiary,
.bg-dark-accent .list--big-checks.list .button--tertiary-positive,
.bg-dark-accent .list--checks.list .button--primary,
.bg-dark-accent .list--checks.list .button--primary-positive,
.bg-dark-accent .list--checks.list .button--secondary,
.bg-dark-accent .list--checks.list .button--secondary-positive,
.bg-dark-accent .list--checks.list .button--tertiary,
.bg-dark-accent .list--checks.list .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .list--big-checks.list .button--primary,
.bg-dark .list--big-checks.list .button--primary-positive,
.bg-dark .list--checks.list .button--primary,
.bg-dark .list--checks.list .button--primary-positive,
.bg-dark-accent .list--big-checks.list .button--primary,
.bg-dark-accent .list--big-checks.list .button--primary-positive,
.bg-dark-accent .list--checks.list .button--primary,
.bg-dark-accent .list--checks.list .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .list--big-checks.list .button--secondary,
.bg-dark .list--big-checks.list .button--secondary-positive,
.bg-dark .list--checks.list .button--secondary,
.bg-dark .list--checks.list .button--secondary-positive,
.bg-dark-accent .list--big-checks.list .button--secondary,
.bg-dark-accent .list--big-checks.list .button--secondary-positive,
.bg-dark-accent .list--checks.list .button--secondary,
.bg-dark-accent .list--checks.list .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .list--big-checks.list .button--tertiary,
.bg-dark .list--big-checks.list .button--tertiary-positive,
.bg-dark .list--checks.list .button--tertiary,
.bg-dark .list--checks.list .button--tertiary-positive,
.bg-dark-accent .list--big-checks.list .button--tertiary,
.bg-dark-accent .list--big-checks.list .button--tertiary-positive,
.bg-dark-accent .list--checks.list .button--tertiary,
.bg-dark-accent .list--checks.list .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.bg-dark .list--big-checks.list .list-item:before,
.bg-dark .list--checks.list .list-item:before,
.bg-dark-accent .list--big-checks.list .list-item:before,
.bg-dark-accent .list--checks.list .list-item:before {
  color: var(--color-font-on-dark-bg)
}

.list--big-checks.list>.list-item:before,
.list--checks.list>.list-item:before {
  color: var(--color-accent-dark);
  content: var(--icon-checked);
  font-family: KfW-Icon-Font;
  padding-right: .8rem
}

.list--big-checks.list>.list-item[data-checked=false]:before,
.list--checks.list>.list-item[data-checked=false]:before {
  color: var(--color-error);
  content: var(--icon-close);
  font-family: KfW-Icon-Font
}

.list--big-checks.list {
  --margin-left: 4.3rem
}

.list--big-checks.list>.list-item {
  line-height: 1.8em
}

.list--big-checks.list>.list-item:before {
  font-size: 2.8rem;
  padding-right: 1.5rem;
  vertical-align: middle
}

@media only print and (width >=0px) {
  .list--big-checks.list>.list-item:before {
    font-size: 3.2rem;
    padding-right: 1rem
  }
}

@media only screen and (min-width:1280px) {
  .list--big-checks.list>.list-item:before {
    font-size: 3.2rem;
    padding-right: 1rem
  }
}

.list--caps.list,
.list--letters.list {
  --margin-left: 1.8rem;
  counter-reset: item
}

.list--caps.list>.list-item:before,
.list--letters.list>.list-item:before {
  content: counter(item, lower-latin) ".";
  counter-increment: item;
  font-weight: 700;
  padding-right: .6rem
}

.list--caps.list {
  --margin-left: 2.2rem
}

.list--caps.list>.list-item:before {
  content: counter(item, upper-latin) ".";
  counter-increment: item;
  padding-right: .8rem
}

.list--numbers.list {
  --margin-left: 1.8rem;
  counter-reset: item-counter
}

.list--numbers.list>.list-item:before {
  content: counter(item-counter) ".";
  counter-increment: item-counter;
  font-weight: 700;
  padding-right: .6rem
}

.list--bullets.list {
  --margin-left: 1.4rem
}

.list--bullets.list>.list-item:before {
  content: var(--icon-bullet);
  font-family: KfW-Icon-Font;
  font-size: .5rem;
  line-height: inherit;
  vertical-align: middle
}

.list--bullets.list>.list-item>.list--bullets.list .list-item:before {
  content: var(--icon-bullet-outline)
}

.list--icon.list {
  --margin-left: calc(2.4rem + 1.5rem)
}

.list--icon.list>.list-item {
  --padding-bottom: 2rem;
  font-weight: 500;
  line-height: 2.4rem
}

.list--icon.list>.list-item:before {
  color: var(--color-accent-dark);
  content: var(--list-item-icon, var(--icon-checked));
  font-family: KfW-Icon-Font;
  font-size: 2.4rem;
  line-height: 2.1rem;
  padding-right: 1.5rem;
  vertical-align: text-bottom
}

.list--icon.list>.list-item p,
.list--icon.list>.list-item>.list {
  margin-top: 1rem
}

.list--icon.list>.list-item>.list {
  --margin-left: 1.6rem;
  margin-left: var(--margin-left)
}

.list--icon.list>.list-item>.list .list-item {
  --padding-bottom: 1rem;
  font-weight: 400;
  line-height: 1.4
}

.list--icon.list>.list-item>.list .list-item:before {
  color: var(--color);
  content: var(--icon-bullet);
  font-size: .5rem;
  padding-right: 1rem;
  vertical-align: middle
}

.list--icon.list>.list-item .list-item,
.list--icon.list>.list-item p {
  font-weight: 400
}

.list>.list-item {
  line-height: 1.4;
  padding-bottom: var(--padding-bottom, 1rem);
  position: relative
}

.list>.list-item:before {
  margin-left: calc(var(--margin-left)*-1);
  padding-right: 1rem;
  vertical-align: baseline
}

.list>.list-item .list .list-item:last-child,
.list>.list-item:last-child {
  padding-bottom: 0
}

.list+.hl-1,
.list+.hl-2,
.list+.hl-3,
.list+.hl-4,
.list+.hl-5 {
  padding-top: 2rem
}

.list.list-space-small+.hl-1,
.list.list-space-small+.hl-2,
.list.list-space-small+.hl-3,
.list.list-space-small+.hl-4,
.list.list-space-small+.hl-5 {
  padding-top: 3rem
}

.light-speech-hl-1,
.page-s14 .hl-1 {
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --font-weight: 500;
  --font-size: 3rem;
  --line-height: 1.5;
  --word-spacing: 0.16rem;
  --margin-bottom: 2rem
}

@media only print and (width >=0px) {

  .light-speech-hl-1,
  .page-s14 .hl-1 {
    --font-weight: 500;
    --font-size: 3.6rem;
    --margin-bottom: 3rem
  }
}

@media only screen and (min-width:1280px) {

  .light-speech-hl-1,
  .page-s14 .hl-1 {
    --font-weight: 500;
    --font-size: 3.6rem;
    --margin-bottom: 3rem
  }
}

.light-speech-hl-1:last-child,
.page-s14 .hl-1:last-child {
  --margin-bottom: 0
}

.light-speech-hl-2,
.page-s14 .hl-2 {
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --font-weight: 500;
  --font-size: 2.5rem;
  --line-height: 1.5;
  --word-spacing: 0.16rem;
  --margin-bottom: 2rem
}

@media only print and (width >=0px) {

  .light-speech-hl-2,
  .page-s14 .hl-2 {
    --font-weight: 500;
    --font-size: 3rem;
    --margin-bottom: 2.5rem
  }
}

@media only screen and (min-width:1280px) {

  .light-speech-hl-2,
  .page-s14 .hl-2 {
    --font-weight: 500;
    --font-size: 3rem;
    --margin-bottom: 2.5rem
  }
}

.light-speech-hl-2:last-child,
.page-s14 .hl-2:last-child {
  --margin-bottom: 0
}

.tx-light-speech-tx-5-medium {
  font-weight: 500
}

.light-speech-list.list.list,
.page-s14,
.page-s14 .page-intro-text,
.page-s14 .text-image .list,
.page-s14 .tx-1,
.page-s14 .tx-2,
.page-s14 .tx-4,
.page-s14 blockquote,
.page-s14 p,
.tx-light-speech-tx-5,
.tx-light-speech-tx-5-medium {
  font-size: var(--font-size, 2rem);
  letter-spacing: 0;
  line-height: 1.5;
  margin-bottom: var(--mb, );
  word-spacing: .16rem
}

.light-speech-list.list.list:last-child,
.page-s14 .page-intro-text:last-child,
.page-s14 .text-image .list:last-child,
.page-s14 .tx-1:last-child,
.page-s14 .tx-2:last-child,
.page-s14 .tx-4:last-child,
.page-s14 blockquote:last-child,
.page-s14 p:last-child,
.page-s14:last-child,
.tx-light-speech-tx-5-medium:last-child,
.tx-light-speech-tx-5:last-child {
  margin-bottom: 0
}

@media only print and (width >=0px) {

  .light-speech-list.list.list,
  .page-s14,
  .page-s14 .page-intro-text,
  .page-s14 .text-image .list,
  .page-s14 .tx-1,
  .page-s14 .tx-2,
  .page-s14 .tx-4,
  .page-s14 blockquote,
  .page-s14 p,
  .tx-light-speech-tx-5,
  .tx-light-speech-tx-5-medium {
    --font-size: 2.4rem
  }
}

@media only screen and (min-width:960px) {

  .light-speech-list.list.list,
  .page-s14,
  .page-s14 .page-intro-text,
  .page-s14 .text-image .list,
  .page-s14 .tx-1,
  .page-s14 .tx-2,
  .page-s14 .tx-4,
  .page-s14 blockquote,
  .page-s14 p,
  .tx-light-speech-tx-5,
  .tx-light-speech-tx-5-medium {
    --font-size: 2.4rem
  }
}

.light-speech-list.list.list:not(:last-child),
.page-s14 .text-image .list:not(:last-child),
.page-s14 .tx-1:not(:last-child),
.page-s14 .tx-2:not(:last-child),
.page-s14 .tx-4:not(:last-child),
.page-s14 blockquote:not(:last-child),
.page-s14 p:not(:last-child),
.tx-light-speech-tx-5-medium:not(:last-child),
.tx-light-speech-tx-5:not(:last-child) {
  margin-bottom: var(--mb, 4rem)
}

.light-speech-list.list,
.light-speech-list.list .list,
.page-s14 .list.list,
.page-s14 .list.list .list {
  display: flex;
  flex-direction: column;
  gap: var(--list-gap, .6rem)
}

.light-speech-list.list .list--bullets>.list-item,
.light-speech-list.list .list>.list-item,
.light-speech-list.list--bullets>.list-item,
.light-speech-list.list>.list-item,
.page-s14 .list.list .list--bullets>.list-item,
.page-s14 .list.list .list>.list-item,
.page-s14 .list.list--bullets>.list-item,
.page-s14 .list.list>.list-item {
  line-height: 1.5;
  padding-bottom: 0
}

.light-speech-list.list .list--bullets>.list-item:before,
.light-speech-list.list .list>.list-item:before,
.light-speech-list.list--bullets>.list-item:before,
.light-speech-list.list>.list-item:before,
.page-s14 .list.list .list--bullets>.list-item:before,
.page-s14 .list.list .list>.list-item:before,
.page-s14 .list.list--bullets>.list-item:before,
.page-s14 .list.list>.list-item:before {
  font-size: var(--size, .6rem);
  padding-right: var(--space, .6rem)
}

@media only print and (width >=0px) {

  .light-speech-list.list,
  .light-speech-list.list .list,
  .page-s14 .list.list,
  .page-s14 .list.list .list {
    --list-gap: 0.8rem;
    --space: 0.8rem;
    --size: 0.7rem
  }
}

@media only screen and (min-width:960px) {

  .light-speech-list.list,
  .light-speech-list.list .list,
  .page-s14 .list.list,
  .page-s14 .list.list .list {
    --list-gap: 0.8rem;
    --space: 0.8rem;
    --size: 0.7rem
  }
}

:root {
  --max-container-width: calc(100vw - var(--gutter) * 2);
  --max-overflow-width: 1280px;
  --columns: 4;
  --gap: 12px;
  --outer-margin: 5.625vw;
  --gutter: max(20px, var(--outer-margin));
  --viewport: "XS";
  --header-height: 15.6rem;
  --header-height-sticky: 8.2rem;
  --header-mobile: 5.8rem;
  --autosuggest-position: absolute;
  --play-button-pos: url(../images/assets/img/svg/video-play-icon-pos6c647100b2384f1c87c7.svg);
  --play-button-neg: url(../images/assets/img/svg/video-play-icon-neg7d0012e7f55e0c8a43a3.svg);
  --transformation-beam-default: url(../images/assets/img/svg/transformation-beam/tbalkenc3c7eb7fc454f2103ceb.svg);
  --transformation-beam-600: url(../images/assets/img/svg/transformation-beam/tbalken-600239af5e7f22d33ba5931.svg);
  --transformation-beam-840: url(../images/assets/img/svg/transformation-beam/tbalken-8404701eef064fdaa30a728.svg);
  --transformation-cube: url(../images/assets/img/svg/transformation-beam/kfw_favicon02b99e88e0df1211b712.svg);
  --overlay-ui-button-width: 3.6rem;
  --overlay-ui-button-height: 3.6rem;
  --overlay-margin: 90px;
  --overlay-inner-padding: 20px;
  --c-overflow: var(--gutter);
  --c-padding-y: 0rem;
  --c-padding-y-bg: 2rem;
  --c-spacing-s: 2rem;
  --c-spacing-m: 4rem;
  --c-spacing-l: 6rem;
  --c-padding-t: 0px;
  --c-padding-x: 0px;
  --c-padding-b: 0px;
  --c-padding-b-addition: 1rem;
  --c-margin-x: 0px;
  --c-max-width: 0px;
  --c-max: 0px;
  --c-spacing: 0px;
  --stage-overflow: var(--gutter);
  --rounding-s: 2px;
  --rounding-m: 4px;
  --rounding-l: 20px;
  font-family: KfW-Centro-Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 62.5%;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color);
  --space-big: 5rem;
  --space-large: 3.5rem;
  --space-medium: 3rem;
  --space-small: 2rem;
  --space-x-small: 1rem;
  --breakpoint-xxs: 0;
  --breakpoint-xs: 320px;
  --breakpoint-s: 600px;
  --breakpoint-m: 840px;
  --breakpoint-l: 960px;
  --breakpoint-xl: 1280px
}

@media only print and (width >=0px) {
  :root {
    --columns: 12;
    --gap: 18px;
    --outer-margin: 6.667vw;
    --viewport: "S";
    --c-overflow: 2rem
  }
}

@media only screen and (min-width:600px) {
  :root {
    --columns: 12;
    --gap: 18px;
    --outer-margin: 6.667vw;
    --viewport: "S";
    --c-overflow: 2rem
  }
}

@media only print and (width >=0px) {
  :root {
    --overlay-ui-button-width: 40px;
    --overlay-ui-button-height: 40px;
    --gap: 22px;
    --outer-margin: 7.619vw;
    --viewport: "M";
    --overlay-inner-padding: 40px;
    --c-overflow: 4rem;
    --c-padding-y-bg: 4rem;
    --space-big: 6rem;
    --space-large: 4rem
  }
}

@media only screen and (min-width:840px) {
  :root {
    --overlay-ui-button-width: 40px;
    --overlay-ui-button-height: 40px;
    --gap: 22px;
    --outer-margin: 7.619vw;
    --viewport: "M";
    --overlay-inner-padding: 40px;
    --c-overflow: 4rem;
    --c-padding-y-bg: 4rem;
    --space-big: 6rem;
    --space-large: 4rem
  }
}

@media only print and (width >=0px) {
  :root {
    --gap: 26px;
    --outer-margin: 7.5vw;
    --viewport: "L"
  }
}

@media only screen and (min-width:960px) {
  :root {
    --gap: 26px;
    --outer-margin: 7.5vw;
    --viewport: "L"
  }
}

@media only print and (width >=0px) {
  :root {
    --stage-overflow: 10rem;
    --gap: 36px;
    --max-container-width: 1080px;
    --viewport: "XL";
    --gutter: calc((100vw - var(--max-container-width)) / 2)
  }
}

@media only screen and (min-width:1280px) {
  :root {
    --stage-overflow: 10rem;
    --gap: 36px;
    --max-container-width: 1080px;
    --viewport: "XL";
    --gutter: calc((100vw - var(--max-container-width)) / 2)
  }
}

* {
  font-variant-ligatures: none
}

html {
  scroll-behavior: smooth
}

body {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: var(--mb, 0);
  word-spacing: inherit
}

body:last-child {
  margin-bottom: 0
}

body:after {
  content: "xs";
  display: none
}

body,
body article,
body div,
body section {
  color: var(--color)
}

body.no-scroll {
  overflow-y: hidden
}

@media only print and (width >=0px) {
  body:after {
    content: "s";
    display: none
  }
}

@media only screen and (min-width:600px) {
  body:after {
    content: "s";
    display: none
  }
}

@media only print and (width >=0px) {
  body:after {
    content: "m";
    display: none
  }
}

@media only screen and (min-width:840px) {
  body:after {
    content: "m";
    display: none
  }
}

@media only print and (width >=0px) {
  body:after {
    content: "l";
    display: none
  }
}

@media only screen and (min-width:960px) {
  body:after {
    content: "l";
    display: none
  }
}

@media only print and (width >=0px) {
  body:after {
    content: "xl";
    display: none
  }
}

@media only screen and (min-width:1280px) {
  body:after {
    content: "xl";
    display: none
  }
}

blockquote,
p {
  font-size: inherit;
  letter-spacing: 0;
  line-height: inherit;
  margin-bottom: var(--mb, 2rem);
  word-spacing: inherit
}

blockquote:last-child,
p:last-child {
  margin-bottom: 0
}

blockquote:empty,
p:empty {
  display: none;
  line-height: inherit;
  margin-bottom: 0;
  margin-top: 0
}

blockquote:not(:first-child) .button-container,
p:not(:first-child) .button-container {
  margin-top: 1rem
}

blockquote:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
ol:last-child,
p:last-child,
span:last-child,
strong:last-child,
ul:last-child {
  margin-bottom: 0
}

br:not(:first-child) .button-container,
p:not(:first-child) .button-container {
  margin-top: 1rem
}

br:not(:first-child) .button-container+.button-container,
p:not(:first-child) .button-container+.button-container {
  margin-top: 0
}

br+h2,
br+h3,
br+h4,
br+h5,
p+h2,
p+h3,
p+h4,
p+h5 {
  margin-top: 4rem
}

br .button-container:last-child,
p .button-container:last-child {
  margin-bottom: 0
}

b,
strong {
  font-weight: 500
}

.d-block.d-block {
  display: block
}

.hidden.hidden {
  display: none
}

.visibility-hidden {
  pointer-events: none;
  visibility: hidden
}

.no-break {
  display: inline-block;
  white-space: nowrap
}

.lock-scroll,
.lock-scroll-overlay {
  overflow-y: hidden;
  touch-action: none
}

@media only screen and (max-width:calc(600px - 1px)) {
  .lock-scroll-mobile {
    overflow-y: hidden;
    touch-action: none
  }
}

.u-visible-no-js {
  display: none
}

.no-js .u-visible-no-js {
  display: initial
}

.iframe-resizer {
  width: 100%
}

.sr-only {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px
}

:root {
  --kfw-color-white: #fff;
  --kfw-color-black: #000;
  --kfw-color-blue-800: #00375b;
  --kfw-color-blue-700: #00446e;
  --kfw-color-blue-600: #005a8c;
  --kfw-color-blue-500: #007abc;
  --kfw-color-blue-100: #e9f5fb;
  --kfw-color-green-700: #398357;
  --kfw-color-green-400: #94eb90;
  --kfw-color-green-300: #b7f9aa;
  --kfw-color-green-100: #ecfded;
  --kfw-color-grey-600: #2d3134;
  --kfw-color-grey-500: #41484c;
  --kfw-color-grey-400: #6d767d;
  --kfw-color-grey-300: #a1adb5;
  --kfw-color-grey-200: #d8dfe3;
  --kfw-color-grey-100: #eef0f2;
  --kfw-color-grey-50: #f6f7f8;
  --kfw-color-yellow-500: #eac80b;
  --kfw-color-red-400: #c80538;
  --kfw-color-violet-400: #a455c5;
  --kfw-color-violet-500: #643179;
  --kfw-opaque-color-white-90: hsla(0, 0%, 100%, .9);
  --kfw-opaque-color-white-95: hsla(0, 0%, 100%, .95);
  --kfw-opaque-color-grey-500-10: rgba(65, 72, 76, .1);
  --kfw-opaque-color-grey-500-30: rgba(65, 72, 76, .3);
  --kfw-opaque-color-grey-500-90: rgba(65, 72, 76, .9);
  --color-font-on-light-bg: var(--kfw-color-grey-600);
  --color-font-on-dark-bg: var(--kfw-color-white);
  --color-font-interactive-on-light-bg: var(--kfw-color-blue-600);
  --color-font-interactive-on-dark-bg: var(--kfw-color-white);
  --color-font-headlines-on-dark-bg: var(--kfw-color-green-300);
  --color-fn: var(--kfw-color-blue-600);
  --color-fn-active: var(--kfw-color-blue-700);
  --color-fn-inactive-on-light-bg: var(--kfw-color-grey-300);
  --color-fn-inactive-on-dark-bg: var(--kfw-color-grey-300);
  --color-fn-labels: var(--kfw-color-grey-600);
  --color-fn-border: var(--kfw-color-grey-600);
  --color-background: var(--kfw-color-white);
  --color-background-light: var(--kfw-color-blue-100);
  --color-background-light-accent-1: var(--kfw-color-green-100);
  --color-background-light-accent-2: var(--kfw-color-grey-50);
  --color-background-dark: var(--kfw-color-blue-800);
  --color-background-dark-accent: var(--kfw-color-green-700);
  --color-opacity-light-90: var(--kfw-opaque-color-white-90);
  --color-opacity-light-95: var(--kfw-opaque-color-white-95);
  --color-opacity-dark-10: var(--kfw-opaque-color-grey-500-10);
  --color-opacity-dark-30: var(--kfw-opaque-color-grey-500-30);
  --color-opacity-dark-90: var(--kfw-opaque-color-grey-500-90);
  --color-accent-light: var(--kfw-color-green-300);
  --color-accent-medium: var(--kfw-color-green-400);
  --color-accent-dark: var(--kfw-color-green-700);
  --color-error: var(--kfw-color-red-400);
  --color-warning: var(--kfw-color-violet-400);
  --color-line-6: var(--kfw-color-blue-700);
  --color-line-7: var(--kfw-color-grey-600);
  --color-line-8: var(--kfw-color-grey-300);
  --color-line-9: var(--kfw-color-blue-600);
  --color-line-10: var(--kfw-color-grey-600);
  --color-line-11: var(--kfw-color-green-300);
  --color-line-12: var(--kfw-color-grey-300);
  --color-menu: var(--kfw-color-blue-800);
  --color-product-container: var(--kfw-color-grey-50);
  --color-product-benefit: var(--kfw-color-blue-500);
  --color-product-credit: var(--kfw-color-green-700);
  --color-product-cooperation: var(--kfw-color-violet-500);
  --color-product-credit-benefit: var(--kfw-color-grey-500)
}

:export {
  kfw-color-white: #fff;
  kfw-color-black: #000;
  kfw-color-blue-800: #00375b;
  kfw-color-blue-700: #00446e;
  kfw-color-blue-600: #005a8c;
  kfw-color-blue-500: #007abc;
  kfw-color-blue-100: #e9f5fb;
  kfw-color-green-700: #398357;
  kfw-color-green-400: #94eb90;
  kfw-color-green-300: #b7f9aa;
  kfw-color-green-100: #ecfded;
  kfw-color-grey-600: #2d3134;
  kfw-color-grey-500: #41484c;
  kfw-color-grey-400: #6d767d;
  kfw-color-grey-300: #a1adb5;
  kfw-color-grey-200: #d8dfe3;
  kfw-color-grey-100: #eef0f2;
  kfw-color-grey-50: #f6f7f8;
  kfw-color-yellow-500: #eac80b;
  kfw-color-red-400: #c80538;
  kfw-color-violet-400: #a455c5;
  kfw-color-violet-500: #643179;
  kfw-opaque-color-white-90: hsla(0, 0%, 100%, .9);
  kfw-opaque-color-white-95: hsla(0, 0%, 100%, .95);
  kfw-opaque-color-grey-500-10: rgba(65, 72, 76, .1);
  kfw-opaque-color-grey-500-30: rgba(65, 72, 76, .3);
  kfw-opaque-color-grey-500-90: rgba(65, 72, 76, .9);
  color-font-on-light-bg: var(--kfw-color-grey-600);
  color-font-on-dark-bg: var(--kfw-color-white);
  color-font-interactive-on-light-bg: var(--kfw-color-blue-600);
  color-font-interactive-on-dark-bg: var(--kfw-color-white);
  color-font-headlines-on-dark-bg: var(--kfw-color-green-300);
  color-fn: var(--kfw-color-blue-600);
  color-fn-active: var(--kfw-color-blue-700);
  color-fn-inactive-on-light-bg: var(--kfw-color-grey-300);
  color-fn-inactive-on-dark-bg: var(--kfw-color-grey-300);
  color-fn-labels: var(--kfw-color-grey-600);
  color-fn-border: var(--kfw-color-grey-600);
  color-background: var(--kfw-color-white);
  color-background-light: var(--kfw-color-blue-100);
  color-background-light-accent-1: var(--kfw-color-green-100);
  color-background-light-accent-2: var(--kfw-color-grey-50);
  color-background-dark: var(--kfw-color-blue-800);
  color-background-dark-accent: var(--kfw-color-green-700);
  color-opacity-light-90: var(--kfw-opaque-color-white-90);
  color-opacity-light-95: var(--kfw-opaque-color-white-95);
  color-opacity-dark-10: var(--kfw-opaque-color-grey-500-10);
  color-opacity-dark-30: var(--kfw-opaque-color-grey-500-30);
  color-opacity-dark-90: var(--kfw-opaque-color-grey-500-90);
  color-accent-light: var(--kfw-color-green-300);
  color-accent-medium: var(--kfw-color-green-400);
  color-accent-dark: var(--kfw-color-green-700);
  color-error: var(--kfw-color-red-400);
  color-warning: var(--kfw-color-violet-400);
  color-line-6: var(--kfw-color-blue-700);
  color-line-7: var(--kfw-color-grey-600);
  color-line-8: var(--kfw-color-grey-300);
  color-line-9: var(--kfw-color-blue-600);
  color-line-10: var(--kfw-color-grey-600);
  color-line-11: var(--kfw-color-green-300);
  color-line-12: var(--kfw-color-grey-300);
  color-menu: var(--kfw-color-blue-800);
  color-product-container: var(--kfw-color-grey-50);
  color-product-benefit: var(--kfw-color-blue-500);
  color-product-credit: var(--kfw-color-green-700);
  color-product-cooperation: var(--kfw-color-violet-500);
  color-product-credit-benefit: var(--kfw-color-grey-500)
}

.bg-white {
  background-color: var(--color-background)
}

.bg-white-opaque,
.bg-white90 {
  background-color: var(--kfw-opaque-color-white-90)
}

.bg-light {
  background-color: var(--color-background-light)
}

.bg-light-accent {
  background-color: var(--color-background-light-accent-1)
}

.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2)
}

.bg-dark {
  background-color: var(--color-background-dark);
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg)
}

.bg-dark .button--primary,
.bg-dark .button--primary-positive,
.bg-dark .button--secondary,
.bg-dark .button--secondary-positive,
.bg-dark .button--tertiary,
.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .button--primary,
.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .button--secondary,
.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .button--tertiary,
.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg)
}

.bg-dark-accent .button--primary,
.bg-dark-accent .button--primary-positive,
.bg-dark-accent .button--secondary,
.bg-dark-accent .button--secondary-positive,
.bg-dark-accent .button--tertiary,
.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark-accent .button--primary,
.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark-accent .button--secondary,
.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark-accent .button--tertiary,
.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

main {
  margin: 0 var(--gutter) var(--space-big);
  max-width: var(--max-container-width);
  width: auto
}

.details .text-image.bg-dark,
.details .text-image.bg-light,
.details .text-image.bg-light-accent,
main:not(.page-s12) .text-image.bg-dark,
main:not(.page-s12) .text-image.bg-light,
main:not(.page-s12) .text-image.bg-light-accent {
  margin-left: 0;
  margin-right: 0;
  padding: 0
}

.details .text-image.bg-dark .text-image-wrapper,
.details .text-image.bg-light .text-image-wrapper,
.details .text-image.bg-light-accent .text-image-wrapper,
main:not(.page-s12) .text-image.bg-dark .text-image-wrapper,
main:not(.page-s12) .text-image.bg-light .text-image-wrapper,
main:not(.page-s12) .text-image.bg-light-accent .text-image-wrapper {
  margin: 0
}

main.page-s1 .text-image.bg-dark+.text-image.bg-dark,
main.page-s1 .text-image.bg-light+.text-image.bg-light,
main.page-s1 .text-image.bg-light-accent+.text-image.bg-light-accent,
main.page-s1 .text-image.bg-light-accent-secondary+.text-image.bg-light-accent-secondary,
main.page-s12 .text-image.bg-dark+.text-image.bg-dark,
main.page-s12 .text-image.bg-light+.text-image.bg-light,
main.page-s12 .text-image.bg-light-accent+.text-image.bg-light-accent,
main.page-s12 .text-image.bg-light-accent-secondary+.text-image.bg-light-accent-secondary {
  margin-top: calc(-1*var(--c-padding-b));
  padding-top: var(--space-top, var(--space-large))
}

main.page-s1 .page-intro.bg-dark+.bg-dark.bg-dark,
main.page-s1 .page-intro.bg-light+.bg-light.bg-light,
main.page-s1 .page-intro.bg-light-accent+.bg-light-accent.bg-light-accent,
main.page-s12 .page-intro.bg-dark+.bg-dark.bg-dark,
main.page-s12 .page-intro.bg-light+.bg-light.bg-light,
main.page-s12 .page-intro.bg-light-accent+.bg-light-accent.bg-light-accent {
  margin-top: calc(-1*var(--c-padding-b));
  padding-top: var(--space-top, var(--space-big))
}

.text-image+.benefits-wrapper,
.text-image+.text-image {
  --margin-top: var(--space-large)
}

.text-image.text-image-space-large+* {
  --margin-top: var(--space-big)
}

.details .details-content>.main-column>:where(:not(.details))+.details.details--acc2,
.details .details-content>:where(:not(.details))+.details.details--acc2,
.text-image+.details.details--acc2 {
  --margin-top: 2.5rem
}

.details .details-content>.main-column>:where(:not(.details))+.details.details--acc3,
.details .details-content>.main-column>:where(:not(.details))+.details.details--acc4,
.details .details-content>:where(:not(.details))+.details.details--acc3,
.details .details-content>:where(:not(.details))+.details.details--acc4,
.text-image+.details.details--acc3,
.text-image+.details.details--acc4 {
  --margin-top: 1.5rem
}

.details .details-content>.main-column>:where(:not(.details))+.details.details--acc4,
.details .details-content>:where(:not(.details))+.details.details--acc4,
.text-image+.details.details--acc4 {
  --margin-top: var(--space-small)
}

.kfw-product-finder,
.kfw-topic-line+*,
.page-intro+.kfw-sitemap,
.product-entry+* {
  --margin-top: var(--space-large)
}

.kfw-ikk-interest-rates-table+* {
  --margin-top: var(--space-medium)
}

.text-image+.text-image.text-image-table {
  --margin-top: var(--space-medium);
  --margin-bottom: 0
}

.product-tile+.product-tile {
  --margin-top: var(--c-spacing-s)
}

.details+.details.details {
  --c-spacing-l: 0px;
  margin-top: 0
}

.details.details--acc1+.details:not(.details.details--acc1),
.details.details--acc2+.details:not(.details.details--acc2),
.details.details--acc3+.details:not(.details.details--acc3):not(.details.details--acc4),
.details.details--acc4+.details:not(.details.details--acc3):not(.details.details--acc4),
.details:not(.details.details--acc1)+.details.details--acc1 {
  --margin-top: var(--space-big)
}

.chatbot-chat+* {
  margin-top: var(--space-large)
}

.chatbot-chat+:not(.bg-dark, .bg-light, .bg-light-accent) {
  margin-top: var(--space-big)
}

.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.container.bg-dark .button--primary,
.container.bg-dark .button--primary-positive,
.container.bg-dark .button--secondary,
.container.bg-dark .button--secondary-positive,
.container.bg-dark .button--tertiary,
.container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container.bg-dark .button--primary,
.container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container.bg-dark .button--secondary,
.container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.container.bg-dark .button--tertiary,
.container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container.bg-dark,
:where(main)>.container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container.bg-dark+*>*,
:where(main)>.container.bg-dark>* {
  --margin-top: initial
}

.container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container.bg-dark.product-header,
  .container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container.bg-dark.product-header,
  .container.bg-dark.product-header[class*=bg-],
  .container.bg-dark[class*=bg-],
  .container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container.bg-dark.product-header .hintbox-icon img,
  .container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container.bg-dark .details--s9>.details .main-column[class*=bg-],
.container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container.bg-dark .hintbox,
.container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container.bg-dark,
.overlay-content .main-column>.container.bg-dark .container.bg-dark,
.overlay-content body>.container.bg-dark,
.overlay-content>.container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container.bg-dark .container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.container.bg-dark .product-label.product-label--overflow,
.overlay-content>.container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.container.bg-dark-accent .button--primary,
.container.bg-dark-accent .button--primary-positive,
.container.bg-dark-accent .button--secondary,
.container.bg-dark-accent .button--secondary-positive,
.container.bg-dark-accent .button--tertiary,
.container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container.bg-dark-accent .button--primary,
.container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container.bg-dark-accent .button--secondary,
.container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.container.bg-dark-accent .button--tertiary,
.container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container.bg-dark-accent,
:where(main)>.container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container.bg-dark-accent+*>*,
:where(main)>.container.bg-dark-accent>* {
  --margin-top: initial
}

.container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container.bg-dark-accent.product-header,
  .container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container.bg-dark-accent.product-header,
  .container.bg-dark-accent.product-header[class*=bg-],
  .container.bg-dark-accent[class*=bg-],
  .container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container.bg-dark-accent.product-header .hintbox-icon img,
  .container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container.bg-dark-accent .hintbox,
.container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container.bg-dark-accent,
.overlay-content .main-column>.container.bg-dark-accent .container.bg-dark-accent,
.overlay-content body>.container.bg-dark-accent,
.overlay-content>.container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container.bg-dark-accent .container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container.bg-light-accent,
:where(main)>.container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container.bg-light-accent+*>*,
:where(main)>.container.bg-light-accent>* {
  --margin-top: initial
}

.container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container.bg-light-accent.product-header,
  .container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container.bg-light-accent.product-header,
  .container.bg-light-accent.product-header[class*=bg-],
  .container.bg-light-accent[class*=bg-],
  .container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container.bg-light-accent.product-header .hintbox-icon img,
  .container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container.bg-light-accent .hintbox,
.container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container.bg-light-accent,
.overlay-content .main-column>.container.bg-light-accent .container.bg-light-accent,
.overlay-content body>.container.bg-light-accent,
.overlay-content>.container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container.bg-light-accent .container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container.bg-light-accent-secondary,
:where(main)>.container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container.bg-light-accent-secondary+*>*,
:where(main)>.container.bg-light-accent-secondary>* {
  --margin-top: initial
}

.container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container.bg-light-accent-secondary.product-header,
  .container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container.bg-light-accent-secondary.product-header,
  .container.bg-light-accent-secondary.product-header[class*=bg-],
  .container.bg-light-accent-secondary[class*=bg-],
  .container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container.bg-light-accent-secondary .hintbox,
.container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container.bg-light-accent-secondary,
.overlay-content .main-column>.container.bg-light-accent-secondary .container.bg-light-accent-secondary,
.overlay-content body>.container.bg-light-accent-secondary,
.overlay-content>.container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container.bg-light-accent-secondary .container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container.bg-light,
:where(main)>.container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container.bg-light+*>*,
:where(main)>.container.bg-light>* {
  --margin-top: initial
}

.container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container.bg-light.product-header,
  .container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container.bg-light.product-header,
  .container.bg-light.product-header[class*=bg-],
  .container.bg-light[class*=bg-],
  .container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container.bg-light.product-header .hintbox-icon img,
  .container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container.bg-light .details--s9>.details .main-column[class*=bg-],
.container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container.bg-light .hintbox,
.container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container.bg-light,
.overlay-content .main-column>.container.bg-light .container.bg-light,
.overlay-content body>.container.bg-light,
.overlay-content>.container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container.bg-light .container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.container.bg-light .product-label.product-label--overflow,
.overlay-content body>.container.bg-light .product-label.product-label--overflow,
.overlay-content>.container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: 0;
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.container .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container .container.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.container .container.bg-dark .button--primary,
.container .container.bg-dark .button--primary-positive,
.container .container.bg-dark .button--secondary,
.container .container.bg-dark .button--secondary-positive,
.container .container.bg-dark .button--tertiary,
.container .container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container .container.bg-dark .button--primary,
.container .container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container .container.bg-dark .button--secondary,
.container .container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.container .container.bg-dark .button--tertiary,
.container .container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.container .container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container .container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container .container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container .container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container .container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.container .container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container .container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container .container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container .container.bg-dark,
:where(main)>.container .container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container .container.bg-dark+*>*,
:where(main)>.container .container.bg-dark>* {
  --margin-top: initial
}

.container .container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container .container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container .container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container .container.bg-dark.product-header,
  .container .container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container .container.bg-dark.product-header,
  .container .container.bg-dark.product-header[class*=bg-],
  .container .container.bg-dark[class*=bg-],
  .container .container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container .container.bg-dark.product-header .hintbox-icon img,
  .container .container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container .container.bg-dark .details--s9>.details .main-column[class*=bg-],
.container .container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container .container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container .container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container .container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container .container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container .container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container .container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container .container.bg-dark .hintbox,
.container .container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container .container.bg-dark,
.overlay-content .main-column>.container .container.bg-dark .container .container.bg-dark,
.overlay-content body>.container .container.bg-dark,
.overlay-content>.container .container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container .container.bg-dark .container .container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.container .container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.container .container.bg-dark .product-label.product-label--overflow,
.overlay-content>.container .container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container .container.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.container .container.bg-dark-accent .button--primary,
.container .container.bg-dark-accent .button--primary-positive,
.container .container.bg-dark-accent .button--secondary,
.container .container.bg-dark-accent .button--secondary-positive,
.container .container.bg-dark-accent .button--tertiary,
.container .container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container .container.bg-dark-accent .button--primary,
.container .container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container .container.bg-dark-accent .button--secondary,
.container .container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.container .container.bg-dark-accent .button--tertiary,
.container .container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.container .container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container .container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container .container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container .container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container .container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.container .container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container .container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container .container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container .container.bg-dark-accent,
:where(main)>.container .container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container .container.bg-dark-accent+*>*,
:where(main)>.container .container.bg-dark-accent>* {
  --margin-top: initial
}

.container .container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container .container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container .container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container .container.bg-dark-accent.product-header,
  .container .container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container .container.bg-dark-accent.product-header,
  .container .container.bg-dark-accent.product-header[class*=bg-],
  .container .container.bg-dark-accent[class*=bg-],
  .container .container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container .container.bg-dark-accent.product-header .hintbox-icon img,
  .container .container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container .container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.container .container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container .container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container .container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container .container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container .container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container .container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container .container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container .container.bg-dark-accent .hintbox,
.container .container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container .container.bg-dark-accent,
.overlay-content .main-column>.container .container.bg-dark-accent .container .container.bg-dark-accent,
.overlay-content body>.container .container.bg-dark-accent,
.overlay-content>.container .container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container .container.bg-dark-accent .container .container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.container .container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.container .container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.container .container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container .container.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.container .container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container .container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container .container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container .container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container .container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.container .container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container .container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container .container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container .container.bg-light-accent,
:where(main)>.container .container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container .container.bg-light-accent+*>*,
:where(main)>.container .container.bg-light-accent>* {
  --margin-top: initial
}

.container .container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container .container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container .container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container .container.bg-light-accent.product-header,
  .container .container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container .container.bg-light-accent.product-header,
  .container .container.bg-light-accent.product-header[class*=bg-],
  .container .container.bg-light-accent[class*=bg-],
  .container .container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container .container.bg-light-accent.product-header .hintbox-icon img,
  .container .container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container .container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.container .container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container .container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container .container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container .container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container .container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container .container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container .container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container .container.bg-light-accent .hintbox,
.container .container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container .container.bg-light-accent,
.overlay-content .main-column>.container .container.bg-light-accent .container .container.bg-light-accent,
.overlay-content body>.container .container.bg-light-accent,
.overlay-content>.container .container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container .container.bg-light-accent .container .container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.container .container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.container .container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.container .container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container .container.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.container .container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container .container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container .container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container .container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container .container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.container .container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container .container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container .container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container .container.bg-light-accent-secondary,
:where(main)>.container .container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container .container.bg-light-accent-secondary+*>*,
:where(main)>.container .container.bg-light-accent-secondary>* {
  --margin-top: initial
}

.container .container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container .container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container .container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container .container.bg-light-accent-secondary.product-header,
  .container .container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container .container.bg-light-accent-secondary.product-header,
  .container .container.bg-light-accent-secondary.product-header[class*=bg-],
  .container .container.bg-light-accent-secondary[class*=bg-],
  .container .container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container .container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .container .container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container .container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.container .container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container .container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container .container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container .container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container .container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container .container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container .container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container .container.bg-light-accent-secondary .hintbox,
.container .container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container .container.bg-light-accent-secondary,
.overlay-content .main-column>.container .container.bg-light-accent-secondary .container .container.bg-light-accent-secondary,
.overlay-content body>.container .container.bg-light-accent-secondary,
.overlay-content>.container .container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container .container.bg-light-accent-secondary .container .container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.container .container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.container .container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.container .container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container .container.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.container .container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container .container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container .container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container .container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container .container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.container .container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container .container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container .container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container .container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container .container.bg-light,
:where(main)>.container .container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container .container.bg-light+*>*,
:where(main)>.container .container.bg-light>* {
  --margin-top: initial
}

.container .container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container .container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container .container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container .container.bg-light.product-header,
  .container .container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container .container.bg-light.product-header,
  .container .container.bg-light.product-header[class*=bg-],
  .container .container.bg-light[class*=bg-],
  .container .container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container .container.bg-light.product-header .hintbox-icon img,
  .container .container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container .container.bg-light .details--s9>.details .main-column[class*=bg-],
.container .container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container .container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container .container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container .container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container .container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container .container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container .container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container .container.bg-light .hintbox,
.container .container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container .container.bg-light,
.overlay-content .main-column>.container .container.bg-light .container .container.bg-light,
.overlay-content body>.container .container.bg-light,
.overlay-content>.container .container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container .container.bg-light .container .container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.container .container.bg-light .product-label.product-label--overflow,
.overlay-content body>.container .container.bg-light .product-label.product-label--overflow,
.overlay-content>.container .container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.container-overflow:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container-overflow.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.container-overflow.bg-dark .button--primary,
.container-overflow.bg-dark .button--primary-positive,
.container-overflow.bg-dark .button--secondary,
.container-overflow.bg-dark .button--secondary-positive,
.container-overflow.bg-dark .button--tertiary,
.container-overflow.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container-overflow.bg-dark .button--primary,
.container-overflow.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container-overflow.bg-dark .button--secondary,
.container-overflow.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.container-overflow.bg-dark .button--tertiary,
.container-overflow.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.container-overflow.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container-overflow.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container-overflow.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container-overflow.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container-overflow.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.container-overflow.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container-overflow.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container-overflow.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container-overflow.bg-dark,
:where(main)>.container-overflow.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container-overflow.bg-dark+*>*,
:where(main)>.container-overflow.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .container-overflow.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .container-overflow.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.container-overflow.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.container-overflow.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container-overflow.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container-overflow.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container-overflow.bg-dark.product-header,
  .container-overflow.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container-overflow.bg-dark.product-header,
  .container-overflow.bg-dark.product-header[class*=bg-],
  .container-overflow.bg-dark[class*=bg-],
  .container-overflow.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container-overflow.bg-dark.product-header .hintbox-icon img,
  .container-overflow.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container-overflow.bg-dark .details--s9>.details .main-column[class*=bg-],
.container-overflow.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container-overflow.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container-overflow.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container-overflow.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container-overflow.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container-overflow.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container-overflow.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container-overflow.bg-dark .hintbox,
.container-overflow.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container-overflow.bg-dark,
.overlay-content .main-column>.container-overflow.bg-dark .container-overflow.bg-dark,
.overlay-content body>.container-overflow.bg-dark,
.overlay-content>.container-overflow.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container-overflow.bg-dark .container-overflow.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.container-overflow.bg-dark .product-label.product-label--overflow,
.overlay-content body>.container-overflow.bg-dark .product-label.product-label--overflow,
.overlay-content>.container-overflow.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container-overflow.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.container-overflow.bg-dark-accent .button--primary,
.container-overflow.bg-dark-accent .button--primary-positive,
.container-overflow.bg-dark-accent .button--secondary,
.container-overflow.bg-dark-accent .button--secondary-positive,
.container-overflow.bg-dark-accent .button--tertiary,
.container-overflow.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container-overflow.bg-dark-accent .button--primary,
.container-overflow.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container-overflow.bg-dark-accent .button--secondary,
.container-overflow.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.container-overflow.bg-dark-accent .button--tertiary,
.container-overflow.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.container-overflow.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container-overflow.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container-overflow.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container-overflow.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container-overflow.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.container-overflow.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container-overflow.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container-overflow.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container-overflow.bg-dark-accent,
:where(main)>.container-overflow.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container-overflow.bg-dark-accent+*>*,
:where(main)>.container-overflow.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .container-overflow.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .container-overflow.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.container-overflow.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.container-overflow.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container-overflow.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container-overflow.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container-overflow.bg-dark-accent.product-header,
  .container-overflow.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container-overflow.bg-dark-accent.product-header,
  .container-overflow.bg-dark-accent.product-header[class*=bg-],
  .container-overflow.bg-dark-accent[class*=bg-],
  .container-overflow.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container-overflow.bg-dark-accent.product-header .hintbox-icon img,
  .container-overflow.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container-overflow.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.container-overflow.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container-overflow.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container-overflow.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container-overflow.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container-overflow.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container-overflow.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container-overflow.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container-overflow.bg-dark-accent .hintbox,
.container-overflow.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container-overflow.bg-dark-accent,
.overlay-content .main-column>.container-overflow.bg-dark-accent .container-overflow.bg-dark-accent,
.overlay-content body>.container-overflow.bg-dark-accent,
.overlay-content>.container-overflow.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container-overflow.bg-dark-accent .container-overflow.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.container-overflow.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.container-overflow.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.container-overflow.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container-overflow.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.container-overflow.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container-overflow.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container-overflow.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container-overflow.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container-overflow.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.container-overflow.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container-overflow.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container-overflow.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container-overflow.bg-light-accent,
:where(main)>.container-overflow.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container-overflow.bg-light-accent+*>*,
:where(main)>.container-overflow.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .container-overflow.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .container-overflow.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.container-overflow.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.container-overflow.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container-overflow.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container-overflow.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container-overflow.bg-light-accent.product-header,
  .container-overflow.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container-overflow.bg-light-accent.product-header,
  .container-overflow.bg-light-accent.product-header[class*=bg-],
  .container-overflow.bg-light-accent[class*=bg-],
  .container-overflow.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container-overflow.bg-light-accent.product-header .hintbox-icon img,
  .container-overflow.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container-overflow.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.container-overflow.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container-overflow.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container-overflow.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container-overflow.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container-overflow.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container-overflow.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container-overflow.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container-overflow.bg-light-accent .hintbox,
.container-overflow.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container-overflow.bg-light-accent,
.overlay-content .main-column>.container-overflow.bg-light-accent .container-overflow.bg-light-accent,
.overlay-content body>.container-overflow.bg-light-accent,
.overlay-content>.container-overflow.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container-overflow.bg-light-accent .container-overflow.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.container-overflow.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.container-overflow.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.container-overflow.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container-overflow.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.container-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.container-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container-overflow.bg-light-accent-secondary,
:where(main)>.container-overflow.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container-overflow.bg-light-accent-secondary+*>*,
:where(main)>.container-overflow.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .container-overflow.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .container-overflow.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.container-overflow.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.container-overflow.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container-overflow.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container-overflow.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container-overflow.bg-light-accent-secondary.product-header,
  .container-overflow.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container-overflow.bg-light-accent-secondary.product-header,
  .container-overflow.bg-light-accent-secondary.product-header[class*=bg-],
  .container-overflow.bg-light-accent-secondary[class*=bg-],
  .container-overflow.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container-overflow.bg-light-accent-secondary.product-header .hintbox-icon img,
  .container-overflow.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container-overflow.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.container-overflow.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container-overflow.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container-overflow.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container-overflow.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container-overflow.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container-overflow.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container-overflow.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container-overflow.bg-light-accent-secondary .hintbox,
.container-overflow.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container-overflow.bg-light-accent-secondary,
.overlay-content .main-column>.container-overflow.bg-light-accent-secondary .container-overflow.bg-light-accent-secondary,
.overlay-content body>.container-overflow.bg-light-accent-secondary,
.overlay-content>.container-overflow.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container-overflow.bg-light-accent-secondary .container-overflow.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.container-overflow.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.container-overflow.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.container-overflow.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container-overflow.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.container-overflow.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container-overflow.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container-overflow.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container-overflow.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container-overflow.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.container-overflow.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container-overflow.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container-overflow.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container-overflow.bg-light,
:where(main)>.container-overflow.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container-overflow.bg-light+*>*,
:where(main)>.container-overflow.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .container-overflow.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .container-overflow.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.container-overflow.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.container-overflow.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container-overflow.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container-overflow.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container-overflow.bg-light.product-header,
  .container-overflow.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container-overflow.bg-light.product-header,
  .container-overflow.bg-light.product-header[class*=bg-],
  .container-overflow.bg-light[class*=bg-],
  .container-overflow.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container-overflow.bg-light.product-header .hintbox-icon img,
  .container-overflow.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container-overflow.bg-light .details--s9>.details .main-column[class*=bg-],
.container-overflow.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container-overflow.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container-overflow.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container-overflow.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container-overflow.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container-overflow.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container-overflow.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container-overflow.bg-light .hintbox,
.container-overflow.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container-overflow.bg-light,
.overlay-content .main-column>.container-overflow.bg-light .container-overflow.bg-light,
.overlay-content body>.container-overflow.bg-light,
.overlay-content>.container-overflow.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container-overflow.bg-light .container-overflow.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.container-overflow.bg-light .product-label.product-label--overflow,
.overlay-content body>.container-overflow.bg-light .product-label.product-label--overflow,
.overlay-content>.container-overflow.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--c-overflow);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.container-overflow .container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container-overflow .container.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--c-overflow);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.container-overflow .container.bg-dark .button--primary,
.container-overflow .container.bg-dark .button--primary-positive,
.container-overflow .container.bg-dark .button--secondary,
.container-overflow .container.bg-dark .button--secondary-positive,
.container-overflow .container.bg-dark .button--tertiary,
.container-overflow .container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container-overflow .container.bg-dark .button--primary,
.container-overflow .container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container-overflow .container.bg-dark .button--secondary,
.container-overflow .container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.container-overflow .container.bg-dark .button--tertiary,
.container-overflow .container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.container-overflow .container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container-overflow .container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container-overflow .container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container-overflow .container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container-overflow .container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.container-overflow .container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container-overflow .container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container-overflow .container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container-overflow .container.bg-dark,
:where(main)>.container-overflow .container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container-overflow .container.bg-dark+*>*,
:where(main)>.container-overflow .container.bg-dark>* {
  --margin-top: initial
}

.container-overflow .container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container-overflow .container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container-overflow .container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container-overflow .container.bg-dark.product-header,
  .container-overflow .container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container-overflow .container.bg-dark.product-header,
  .container-overflow .container.bg-dark.product-header[class*=bg-],
  .container-overflow .container.bg-dark[class*=bg-],
  .container-overflow .container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container-overflow .container.bg-dark.product-header .hintbox-icon img,
  .container-overflow .container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container-overflow .container.bg-dark .details--s9>.details .main-column[class*=bg-],
.container-overflow .container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container-overflow .container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container-overflow .container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container-overflow .container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container-overflow .container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container-overflow .container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container-overflow .container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container-overflow .container.bg-dark .hintbox,
.container-overflow .container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container-overflow .container.bg-dark,
.overlay-content .main-column>.container-overflow .container.bg-dark .container-overflow .container.bg-dark,
.overlay-content body>.container-overflow .container.bg-dark,
.overlay-content>.container-overflow .container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container-overflow .container.bg-dark .container-overflow .container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.container-overflow .container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.container-overflow .container.bg-dark .product-label.product-label--overflow,
.overlay-content>.container-overflow .container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container-overflow .container.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--c-overflow);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.container-overflow .container.bg-dark-accent .button--primary,
.container-overflow .container.bg-dark-accent .button--primary-positive,
.container-overflow .container.bg-dark-accent .button--secondary,
.container-overflow .container.bg-dark-accent .button--secondary-positive,
.container-overflow .container.bg-dark-accent .button--tertiary,
.container-overflow .container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container-overflow .container.bg-dark-accent .button--primary,
.container-overflow .container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.container-overflow .container.bg-dark-accent .button--secondary,
.container-overflow .container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.container-overflow .container.bg-dark-accent .button--tertiary,
.container-overflow .container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.container-overflow .container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container-overflow .container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container-overflow .container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container-overflow .container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container-overflow .container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.container-overflow .container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container-overflow .container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container-overflow .container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container-overflow .container.bg-dark-accent,
:where(main)>.container-overflow .container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container-overflow .container.bg-dark-accent+*>*,
:where(main)>.container-overflow .container.bg-dark-accent>* {
  --margin-top: initial
}

.container-overflow .container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container-overflow .container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container-overflow .container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container-overflow .container.bg-dark-accent.product-header,
  .container-overflow .container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container-overflow .container.bg-dark-accent.product-header,
  .container-overflow .container.bg-dark-accent.product-header[class*=bg-],
  .container-overflow .container.bg-dark-accent[class*=bg-],
  .container-overflow .container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container-overflow .container.bg-dark-accent.product-header .hintbox-icon img,
  .container-overflow .container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container-overflow .container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.container-overflow .container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container-overflow .container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container-overflow .container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container-overflow .container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container-overflow .container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container-overflow .container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container-overflow .container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container-overflow .container.bg-dark-accent .hintbox,
.container-overflow .container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container-overflow .container.bg-dark-accent,
.overlay-content .main-column>.container-overflow .container.bg-dark-accent .container-overflow .container.bg-dark-accent,
.overlay-content body>.container-overflow .container.bg-dark-accent,
.overlay-content>.container-overflow .container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container-overflow .container.bg-dark-accent .container-overflow .container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.container-overflow .container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.container-overflow .container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.container-overflow .container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container-overflow .container.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--c-overflow);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.container-overflow .container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container-overflow .container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container-overflow .container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container-overflow .container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container-overflow .container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.container-overflow .container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container-overflow .container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container-overflow .container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container-overflow .container.bg-light-accent,
:where(main)>.container-overflow .container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container-overflow .container.bg-light-accent+*>*,
:where(main)>.container-overflow .container.bg-light-accent>* {
  --margin-top: initial
}

.container-overflow .container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container-overflow .container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container-overflow .container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container-overflow .container.bg-light-accent.product-header,
  .container-overflow .container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container-overflow .container.bg-light-accent.product-header,
  .container-overflow .container.bg-light-accent.product-header[class*=bg-],
  .container-overflow .container.bg-light-accent[class*=bg-],
  .container-overflow .container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container-overflow .container.bg-light-accent.product-header .hintbox-icon img,
  .container-overflow .container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container-overflow .container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.container-overflow .container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container-overflow .container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container-overflow .container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container-overflow .container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container-overflow .container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container-overflow .container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container-overflow .container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container-overflow .container.bg-light-accent .hintbox,
.container-overflow .container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container-overflow .container.bg-light-accent,
.overlay-content .main-column>.container-overflow .container.bg-light-accent .container-overflow .container.bg-light-accent,
.overlay-content body>.container-overflow .container.bg-light-accent,
.overlay-content>.container-overflow .container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container-overflow .container.bg-light-accent .container-overflow .container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.container-overflow .container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.container-overflow .container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.container-overflow .container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container-overflow .container.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--c-overflow);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.container-overflow .container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container-overflow .container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container-overflow .container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container-overflow .container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container-overflow .container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.container-overflow .container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container-overflow .container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container-overflow .container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container-overflow .container.bg-light-accent-secondary,
:where(main)>.container-overflow .container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container-overflow .container.bg-light-accent-secondary+*>*,
:where(main)>.container-overflow .container.bg-light-accent-secondary>* {
  --margin-top: initial
}

.container-overflow .container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container-overflow .container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container-overflow .container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container-overflow .container.bg-light-accent-secondary.product-header,
  .container-overflow .container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container-overflow .container.bg-light-accent-secondary.product-header,
  .container-overflow .container.bg-light-accent-secondary.product-header[class*=bg-],
  .container-overflow .container.bg-light-accent-secondary[class*=bg-],
  .container-overflow .container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container-overflow .container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .container-overflow .container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container-overflow .container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.container-overflow .container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container-overflow .container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container-overflow .container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container-overflow .container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container-overflow .container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container-overflow .container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container-overflow .container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container-overflow .container.bg-light-accent-secondary .hintbox,
.container-overflow .container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container-overflow .container.bg-light-accent-secondary,
.overlay-content .main-column>.container-overflow .container.bg-light-accent-secondary .container-overflow .container.bg-light-accent-secondary,
.overlay-content body>.container-overflow .container.bg-light-accent-secondary,
.overlay-content>.container-overflow .container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container-overflow .container.bg-light-accent-secondary .container-overflow .container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.container-overflow .container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.container-overflow .container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.container-overflow .container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.container-overflow .container.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--c-overflow);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.container-overflow .container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.container-overflow .container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.container-overflow .container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.container-overflow .container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.container-overflow .container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.container-overflow .container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.container-overflow .container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.container-overflow .container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.container-overflow .container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.container-overflow .container.bg-light,
:where(main)>.container-overflow .container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.container-overflow .container.bg-light+*>*,
:where(main)>.container-overflow .container.bg-light>* {
  --margin-top: initial
}

.container-overflow .container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .container-overflow .container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .container-overflow .container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .container-overflow .container.bg-light.product-header,
  .container-overflow .container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .container-overflow .container.bg-light.product-header,
  .container-overflow .container.bg-light.product-header[class*=bg-],
  .container-overflow .container.bg-light[class*=bg-],
  .container-overflow .container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .container-overflow .container.bg-light.product-header .hintbox-icon img,
  .container-overflow .container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.container-overflow .container.bg-light .details--s9>.details .main-column[class*=bg-],
.container-overflow .container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .container-overflow .container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .container-overflow .container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .container-overflow .container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .container-overflow .container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .container-overflow .container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .container-overflow .container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.container-overflow .container.bg-light .hintbox,
.container-overflow .container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.container-overflow .container.bg-light,
.overlay-content .main-column>.container-overflow .container.bg-light .container-overflow .container.bg-light,
.overlay-content body>.container-overflow .container.bg-light,
.overlay-content>.container-overflow .container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.container-overflow .container.bg-light .container-overflow .container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.container-overflow .container.bg-light .product-label.product-label--overflow,
.overlay-content body>.container-overflow .container.bg-light .product-label.product-label--overflow,
.overlay-content>.container-overflow .container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.space-big {
  margin-bottom: var(--space-big)
}

.searchpage-header,
.searchpage-header--dym_likely_searchterm p,
.space-large {
  margin-bottom: var(--space-large)
}

.space-medium {
  margin-bottom: var(--space-medium)
}

.search-result-item-wrapper .breadcrumb,
.search-result-item-wrapper .description,
.search-result-item-wrapper .detail-result-breadcrumb,
.search-result-item-wrapper .produkt-label,
.searchpage-header--dym_searchhints,
.space-small {
  margin-bottom: var(--space-small)
}

.search-result-item-wrapper .detail-result-headline,
.searchpage-header .search-hints-headline,
.space-x-small {
  margin-bottom: var(--space-x-small)
}

.rounded-top-left-2 {
  border-top-left-radius: 2px
}

.rounded-top-right-2 {
  border-top-right-radius: 2px
}

.rounded-bottom-left-2 {
  border-bottom-left-radius: 2px
}

.rounded-bottom-right-2 {
  border-bottom-right-radius: 2px
}

.rounded-full-2 {
  border-radius: 2px;
  border-top-left-radius: 2px
}

.rounded-top-left-4 {
  border-top-left-radius: 4px
}

.rounded-top-right-4 {
  border-top-right-radius: 4px
}

.rounded-bottom-left-4 {
  border-bottom-left-radius: 4px
}

.rounded-bottom-right-4 {
  border-bottom-right-radius: 4px
}

.rounded-full-4 {
  border-radius: 4px;
  border-top-left-radius: 4px
}

.rounded-top-left-20 {
  border-top-left-radius: 20px
}

.rounded-top-right-20 {
  border-top-right-radius: 20px
}

.rounded-bottom-left-20 {
  border-bottom-left-radius: 20px
}

.rounded-bottom-right-20 {
  border-bottom-right-radius: 20px
}

.rounded-full-20 {
  border-radius: 20px;
  border-top-left-radius: 20px
}

.ln-6 {
  border-bottom: 2px solid var(--color-line-6)
}

.ln-7 {
  border-bottom: 2px solid var(--color-line-7)
}

.ln-8 {
  border-bottom: 1px solid var(--color-line-8)
}

.ln-9 {
  border-bottom: 1px dotted var(--color-line-9)
}

.ln-10 {
  border-bottom: 1px solid var(--color-line-10)
}

.ln-11 {
  border-bottom: 1px solid var(--color-line-11)
}

.ln-12 {
  border-bottom: 2px solid var(--color-line-12)
}

body .version-container {
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 0;
  position: fixed;
  z-index: 1001
}

body .version-container .jsversion {
  background-color: var(--color-background-dark);
  color: var(--kfw-color-white);
  font-size: 10px;
  padding: 10px
}

.link {
  align-items: baseline;
  color: var(--link-color);
  cursor: pointer;
  display: inline-flex;
  max-width: 100%;
  outline: none;
  position: relative;
  text-decoration: none;
  white-space: nowrap
}

.bg-dark .link:hover .icon,
.bg-dark .link:hover .link-labeling,
.bg-dark-accent .link:hover .icon,
.bg-dark-accent .link:hover .link-labeling {
  --link-decoration: none;
  color: inherit
}

.bg-dark .link .link-labeling,
.bg-dark-accent .link .link-labeling {
  --link-decoration: none
}

.link:before {
  top: -5px
}

.link:after,
.link:before {
  content: " ";
  height: .65rem;
  position: absolute;
  width: 100%
}

.link:after {
  bottom: -7px;
  right: 0
}

html:where(:not(.touch)) .link:hover.type-text .link-labeling {
  --link-decoration: none
}

html:where(:not(.touch)) .link:hover .link-labeling {
  --link-decoration: underline
}

html:where(:not(.touch)) .link:hover .icon,
html:where(:not(.touch)) .link:hover .link-labeling {
  color: var(--link-color-hover)
}

html:where(:not(.touch)) .link:focus-visible {
  border-radius: 4px;
  color: var(--link-color-hover);
  outline: 2px dashed var(--link-color-hover);
  outline-offset: 2px
}

html:where(:not(.touch)) .link:focus-visible.type-text .link-labeling {
  --link-decoration: none
}

html:where(:not(.touch)) .link:focus-visible .link-labeling {
  --link-decoration: underline
}

.link p,
.link.tx-1,
.link.tx-2 {
  margin-bottom: 0
}

.link-container .icon:before {
  display: inline
}

.link-labeling {
  text-decoration: var(--link-decoration);
  text-decoration-thickness: .1rem;
  white-space: pre-line
}

.link.type-headline {
  pointer-events: auto
}

.link.type-download:focus-visible {
  outline: none
}

.link.type-download:focus-visible>span .link-labeling {
  border-radius: 4px;
  outline: 2px dashed var(--link-color-hover);
  outline-offset: 2px;
  position: relative
}

.link.type-download:focus-visible>span.icon+span.link-container .link-labeling {
  margin-left: -2.2rem;
  padding-left: 2.2rem
}

.link.type-download.type-text .link-notice {
  vertical-align: baseline
}

.link.type-download .link-container {
  display: inline;
  white-space: normal
}

.link.type-download .link-notice {
  color: var(--color);
  display: inline;
  margin-left: .5rem;
  text-decoration: none;
  white-space: pre-line
}

.link.type-download .link-notice.tx-1 {
  margin-bottom: 0
}

.link.type-protected:focus-visible .link-labeling {
  margin-right: -2.2rem;
  padding-right: 2.2rem
}

.link.type-protected .icon-protected {
  margin-left: .5rem
}

.link.type-text {
  display: inline;
  vertical-align: baseline
}

.link.type-text>.icon {
  display: none
}

.link.type-text .link-labeling {
  --link-decoration: underline;
  vertical-align: baseline
}

.link.type-mail-link .link-labeling {
  hyphens: manual
}

.link div,
.link p,
.link span {
  color: inherit
}

.link .icon {
  line-height: normal;
  position: relative
}

.link .icon-second {
  margin-left: .5rem;
  top: auto
}

.link .icon+.link-container {
  margin-left: .5rem
}

.bg-dark .link:hover .link-labeling {
  --link-decoration: underline
}

.bg-dark .link:focus-visible .link-labeling {
  --link-decoration: underline
}

.bg-dark .link.type-text:focus-visible .link-labeling,
.bg-dark .link.type-text:hover .link-labeling {
  --link-decoration: none
}

.bg-dark .link.type-text .link-labeling {
  --link-decoration: underline
}

.bg-dark .link.type-download:focus-visible {
  outline: none
}

.bg-dark .link.type-download:focus-visible>span .link-labeling {
  border-radius: 4px;
  outline: 2px dashed var(--link-color-hover);
  outline-offset: 2px
}

.bg-dark .link .link-labeling {
  --link-decoration: none
}

.list.list-link .bg-dark .link {
  margin: .65rem 0
}

.list-link>.list-item {
  padding-bottom: 1.3rem
}

.list-link>.list-item:last-child>.type-list {
  padding-bottom: 0
}

.is-active {
  font-weight: 700
}

.tooltip {
  --button-size: 3.6rem;
  --icon-left: 0.2rem;
  --icon-size: calc(1em + 0.2rem);
  --icon-add: 0.5rem;
  --icon-padding: calc((var(--button-size) - var(--icon-size)) / 2);
  display: inline;
  position: relative;
  white-space: nowrap
}

.tooltip--with-link {
  --icon-left: 0.5rem;
  --icon-add: 0.2rem
}

.tooltip.hover>.tooltip-icon,
.tooltip>.tooltip-icon:focus-visible,
.tooltip>.tooltip-icon:hover {
  color: var(--color-fn-active);
  cursor: pointer
}

.bg-dark .tooltip.hover>.tooltip-icon,
.bg-dark .tooltip>.tooltip-icon:focus-visible,
.bg-dark .tooltip>.tooltip-icon:hover,
.bg-dark-accent .tooltip.hover>.tooltip-icon,
.bg-dark-accent .tooltip>.tooltip-icon:focus-visible,
.bg-dark-accent .tooltip>.tooltip-icon:hover {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  color: var(--color-font-on-dark-bg)
}

.bg-dark .tooltip.hover>.tooltip-icon .button--primary,
.bg-dark .tooltip.hover>.tooltip-icon .button--primary-positive,
.bg-dark .tooltip.hover>.tooltip-icon .button--secondary,
.bg-dark .tooltip.hover>.tooltip-icon .button--secondary-positive,
.bg-dark .tooltip.hover>.tooltip-icon .button--tertiary,
.bg-dark .tooltip.hover>.tooltip-icon .button--tertiary-positive,
.bg-dark .tooltip>.tooltip-icon:focus-visible .button--primary,
.bg-dark .tooltip>.tooltip-icon:focus-visible .button--primary-positive,
.bg-dark .tooltip>.tooltip-icon:focus-visible .button--secondary,
.bg-dark .tooltip>.tooltip-icon:focus-visible .button--secondary-positive,
.bg-dark .tooltip>.tooltip-icon:focus-visible .button--tertiary,
.bg-dark .tooltip>.tooltip-icon:focus-visible .button--tertiary-positive,
.bg-dark .tooltip>.tooltip-icon:hover .button--primary,
.bg-dark .tooltip>.tooltip-icon:hover .button--primary-positive,
.bg-dark .tooltip>.tooltip-icon:hover .button--secondary,
.bg-dark .tooltip>.tooltip-icon:hover .button--secondary-positive,
.bg-dark .tooltip>.tooltip-icon:hover .button--tertiary,
.bg-dark .tooltip>.tooltip-icon:hover .button--tertiary-positive,
.bg-dark-accent .tooltip.hover>.tooltip-icon .button--primary,
.bg-dark-accent .tooltip.hover>.tooltip-icon .button--primary-positive,
.bg-dark-accent .tooltip.hover>.tooltip-icon .button--secondary,
.bg-dark-accent .tooltip.hover>.tooltip-icon .button--secondary-positive,
.bg-dark-accent .tooltip.hover>.tooltip-icon .button--tertiary,
.bg-dark-accent .tooltip.hover>.tooltip-icon .button--tertiary-positive,
.bg-dark-accent .tooltip>.tooltip-icon:focus-visible .button--primary,
.bg-dark-accent .tooltip>.tooltip-icon:focus-visible .button--primary-positive,
.bg-dark-accent .tooltip>.tooltip-icon:focus-visible .button--secondary,
.bg-dark-accent .tooltip>.tooltip-icon:focus-visible .button--secondary-positive,
.bg-dark-accent .tooltip>.tooltip-icon:focus-visible .button--tertiary,
.bg-dark-accent .tooltip>.tooltip-icon:focus-visible .button--tertiary-positive,
.bg-dark-accent .tooltip>.tooltip-icon:hover .button--primary,
.bg-dark-accent .tooltip>.tooltip-icon:hover .button--primary-positive,
.bg-dark-accent .tooltip>.tooltip-icon:hover .button--secondary,
.bg-dark-accent .tooltip>.tooltip-icon:hover .button--secondary-positive,
.bg-dark-accent .tooltip>.tooltip-icon:hover .button--tertiary,
.bg-dark-accent .tooltip>.tooltip-icon:hover .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .tooltip.hover>.tooltip-icon .button--primary,
.bg-dark .tooltip.hover>.tooltip-icon .button--primary-positive,
.bg-dark .tooltip>.tooltip-icon:focus-visible .button--primary,
.bg-dark .tooltip>.tooltip-icon:focus-visible .button--primary-positive,
.bg-dark .tooltip>.tooltip-icon:hover .button--primary,
.bg-dark .tooltip>.tooltip-icon:hover .button--primary-positive,
.bg-dark-accent .tooltip.hover>.tooltip-icon .button--primary,
.bg-dark-accent .tooltip.hover>.tooltip-icon .button--primary-positive,
.bg-dark-accent .tooltip>.tooltip-icon:focus-visible .button--primary,
.bg-dark-accent .tooltip>.tooltip-icon:focus-visible .button--primary-positive,
.bg-dark-accent .tooltip>.tooltip-icon:hover .button--primary,
.bg-dark-accent .tooltip>.tooltip-icon:hover .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .tooltip.hover>.tooltip-icon .button--secondary,
.bg-dark .tooltip.hover>.tooltip-icon .button--secondary-positive,
.bg-dark .tooltip>.tooltip-icon:focus-visible .button--secondary,
.bg-dark .tooltip>.tooltip-icon:focus-visible .button--secondary-positive,
.bg-dark .tooltip>.tooltip-icon:hover .button--secondary,
.bg-dark .tooltip>.tooltip-icon:hover .button--secondary-positive,
.bg-dark-accent .tooltip.hover>.tooltip-icon .button--secondary,
.bg-dark-accent .tooltip.hover>.tooltip-icon .button--secondary-positive,
.bg-dark-accent .tooltip>.tooltip-icon:focus-visible .button--secondary,
.bg-dark-accent .tooltip>.tooltip-icon:focus-visible .button--secondary-positive,
.bg-dark-accent .tooltip>.tooltip-icon:hover .button--secondary,
.bg-dark-accent .tooltip>.tooltip-icon:hover .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .tooltip.hover>.tooltip-icon .button--tertiary,
.bg-dark .tooltip.hover>.tooltip-icon .button--tertiary-positive,
.bg-dark .tooltip>.tooltip-icon:focus-visible .button--tertiary,
.bg-dark .tooltip>.tooltip-icon:focus-visible .button--tertiary-positive,
.bg-dark .tooltip>.tooltip-icon:hover .button--tertiary,
.bg-dark .tooltip>.tooltip-icon:hover .button--tertiary-positive,
.bg-dark-accent .tooltip.hover>.tooltip-icon .button--tertiary,
.bg-dark-accent .tooltip.hover>.tooltip-icon .button--tertiary-positive,
.bg-dark-accent .tooltip>.tooltip-icon:focus-visible .button--tertiary,
.bg-dark-accent .tooltip>.tooltip-icon:focus-visible .button--tertiary-positive,
.bg-dark-accent .tooltip>.tooltip-icon:hover .button--tertiary,
.bg-dark-accent .tooltip>.tooltip-icon:hover .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.bg-dark .tooltip.hover>.tooltip-icon .icon:before,
.bg-dark .tooltip>.tooltip-icon:focus-visible .icon:before,
.bg-dark .tooltip>.tooltip-icon:hover .icon:before,
.bg-dark-accent .tooltip.hover>.tooltip-icon .icon:before,
.bg-dark-accent .tooltip>.tooltip-icon:focus-visible .icon:before,
.bg-dark-accent .tooltip>.tooltip-icon:hover .icon:before {
  content: var(--icon-info-new-outline)
}

.tooltip-label {
  display: inline;
  vertical-align: baseline;
  white-space: normal
}

.tooltip-label:after {
  content: " ";
  word-spacing: calc(var(--icon-size) - .2rem)
}

.inline>.tooltip-label {
  border-bottom: 1px dotted var(--color-fn-active)
}

.bg-dark .inline>.tooltip-label,
.bg-dark-accent .inline>.tooltip-label {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  border-bottom-color: var(--kfw-color-white)
}

.bg-dark .inline>.tooltip-label .button--primary,
.bg-dark .inline>.tooltip-label .button--primary-positive,
.bg-dark .inline>.tooltip-label .button--secondary,
.bg-dark .inline>.tooltip-label .button--secondary-positive,
.bg-dark .inline>.tooltip-label .button--tertiary,
.bg-dark .inline>.tooltip-label .button--tertiary-positive,
.bg-dark-accent .inline>.tooltip-label .button--primary,
.bg-dark-accent .inline>.tooltip-label .button--primary-positive,
.bg-dark-accent .inline>.tooltip-label .button--secondary,
.bg-dark-accent .inline>.tooltip-label .button--secondary-positive,
.bg-dark-accent .inline>.tooltip-label .button--tertiary,
.bg-dark-accent .inline>.tooltip-label .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .inline>.tooltip-label .button--primary,
.bg-dark .inline>.tooltip-label .button--primary-positive,
.bg-dark-accent .inline>.tooltip-label .button--primary,
.bg-dark-accent .inline>.tooltip-label .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .inline>.tooltip-label .button--secondary,
.bg-dark .inline>.tooltip-label .button--secondary-positive,
.bg-dark-accent .inline>.tooltip-label .button--secondary,
.bg-dark-accent .inline>.tooltip-label .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .inline>.tooltip-label .button--tertiary,
.bg-dark .inline>.tooltip-label .button--tertiary-positive,
.bg-dark-accent .inline>.tooltip-label .button--tertiary,
.bg-dark-accent .inline>.tooltip-label .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.tooltip-label+.tooltip-icon {
  margin-left: calc((var(--icon-size) + var(--icon-padding))*-1 + .2rem)
}

.tooltip-icon {
  color: var(--color-fn);
  display: inline-flex;
  justify-content: center;
  line-height: 1;
  margin: calc(var(--icon-padding)*-1);
  padding: var(--icon-padding);
  transform: translate3d(calc((var(--icon-padding) - var(--icon-left)) * -1 + var(--icon-add)), -.2rem, 0);
  vertical-align: middle
}

.bg-dark .tooltip-icon,
.bg-dark-accent .tooltip-icon {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  color: var(--color-font-on-dark-bg)
}

.bg-dark .tooltip-icon .button--primary,
.bg-dark .tooltip-icon .button--primary-positive,
.bg-dark .tooltip-icon .button--secondary,
.bg-dark .tooltip-icon .button--secondary-positive,
.bg-dark .tooltip-icon .button--tertiary,
.bg-dark .tooltip-icon .button--tertiary-positive,
.bg-dark-accent .tooltip-icon .button--primary,
.bg-dark-accent .tooltip-icon .button--primary-positive,
.bg-dark-accent .tooltip-icon .button--secondary,
.bg-dark-accent .tooltip-icon .button--secondary-positive,
.bg-dark-accent .tooltip-icon .button--tertiary,
.bg-dark-accent .tooltip-icon .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .tooltip-icon .button--primary,
.bg-dark .tooltip-icon .button--primary-positive,
.bg-dark-accent .tooltip-icon .button--primary,
.bg-dark-accent .tooltip-icon .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .tooltip-icon .button--secondary,
.bg-dark .tooltip-icon .button--secondary-positive,
.bg-dark-accent .tooltip-icon .button--secondary,
.bg-dark-accent .tooltip-icon .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .tooltip-icon .button--tertiary,
.bg-dark .tooltip-icon .button--tertiary-positive,
.bg-dark-accent .tooltip-icon .button--tertiary,
.bg-dark-accent .tooltip-icon .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.tooltip-icon:focus-visible {
  outline: none
}

.tooltip-icon:focus-visible .icon:before {
  border-radius: 4px;
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px
}

.bg-dark .tooltip-icon:focus-visible .icon:before,
.bg-dark-accent .tooltip-icon:focus-visible .icon:before {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  border-radius: 4px;
  outline: 2px dashed var(--kfw-color-white);
  outline-offset: 2px
}

.bg-dark .tooltip-icon:focus-visible .icon:before .button--primary,
.bg-dark .tooltip-icon:focus-visible .icon:before .button--primary-positive,
.bg-dark .tooltip-icon:focus-visible .icon:before .button--secondary,
.bg-dark .tooltip-icon:focus-visible .icon:before .button--secondary-positive,
.bg-dark .tooltip-icon:focus-visible .icon:before .button--tertiary,
.bg-dark .tooltip-icon:focus-visible .icon:before .button--tertiary-positive,
.bg-dark-accent .tooltip-icon:focus-visible .icon:before .button--primary,
.bg-dark-accent .tooltip-icon:focus-visible .icon:before .button--primary-positive,
.bg-dark-accent .tooltip-icon:focus-visible .icon:before .button--secondary,
.bg-dark-accent .tooltip-icon:focus-visible .icon:before .button--secondary-positive,
.bg-dark-accent .tooltip-icon:focus-visible .icon:before .button--tertiary,
.bg-dark-accent .tooltip-icon:focus-visible .icon:before .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .tooltip-icon:focus-visible .icon:before .button--primary,
.bg-dark .tooltip-icon:focus-visible .icon:before .button--primary-positive,
.bg-dark-accent .tooltip-icon:focus-visible .icon:before .button--primary,
.bg-dark-accent .tooltip-icon:focus-visible .icon:before .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .tooltip-icon:focus-visible .icon:before .button--secondary,
.bg-dark .tooltip-icon:focus-visible .icon:before .button--secondary-positive,
.bg-dark-accent .tooltip-icon:focus-visible .icon:before .button--secondary,
.bg-dark-accent .tooltip-icon:focus-visible .icon:before .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .tooltip-icon:focus-visible .icon:before .button--tertiary,
.bg-dark .tooltip-icon:focus-visible .icon:before .button--tertiary-positive,
.bg-dark-accent .tooltip-icon:focus-visible .icon:before .button--tertiary,
.bg-dark-accent .tooltip-icon:focus-visible .icon:before .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

label .tooltip:not(.inline) .tooltip-icon,
legend:not([class^=tools-]) .tooltip:not(.inline) .tooltip-icon {
  --icon-left: 1rem;
  --icon-add: 0.6rem
}

.form-item-radio>label .tooltip-icon {
  --icon-left: 0.5rem;
  --icon-add: 0;
  margin-top: calc((var(--icon-padding) - var(--icon-top, .1rem))*-1)
}

.tooltip-icon .icon:before {
  align-items: center;
  display: flex;
  font-size: var(--icon-size);
  justify-content: center
}

.tooltip-overlay {
  --bg: var(--color-background-light-accent-1);
  --border: var(--kfw-color-grey-300);
  border: 1px solid var(--border);
  border-radius: 5px;
  display: none;
  max-width: 43rem;
  min-width: 4rem;
  transition: display 0s linear 5s;
  width: auto;
  z-index: 1000;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.tooltip-overlay[data-show] {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-inline: var(--gutter)
}

.tooltip-overlay[data-show]:after {
  content: "";
  height: calc(100% + 5rem);
  position: absolute;
  width: calc(100% + 6rem);
  z-index: -1
}

.tooltip-overlay-wrapper {
  background-color: var(--bg);
  border-radius: inherit;
  color: var(--color-font-on-light-bg);
  display: block;
  max-width: calc(100vw - var(--gutter)*2);
  padding: 1rem
}

.tooltip-overlay-content,
.tooltip-overlay-header {
  display: block;
  white-space: normal
}

.tooltip-overlay-content {
  font-weight: 400;
  text-align: left
}

.tooltip-overlay-content ol.list,
.tooltip-overlay-content ul.list {
  margin-bottom: var(--space-small)
}

.tooltip-overlay-content ol.list:last-child,
.tooltip-overlay-content ul.list:last-child {
  margin-bottom: 0
}

.tooltip-overlay-content ol.list.list-space-small,
.tooltip-overlay-content ul.list.list-space-small {
  margin-bottom: var(--space-x-small)
}

.tooltip-overlay-header {
  align-items: center;
  display: none;
  justify-content: flex-end;
  position: relative
}

.tooltip-overlay-header:has(>.hl-5) {
  display: flex
}

.tooltip-overlay-header .hl-5 {
  flex: 1;
  margin: 0 0 1rem
}

.tooltip-overlay-close {
  --button-size: 3.6rem;
  align-items: center;
  color: var(--color-fn);
  display: none;
  font-size: 2.4rem;
  height: var(--button-size);
  justify-content: center;
  margin-right: -.5rem;
  margin-top: -.5rem;
  width: var(--button-size)
}

.tooltip-overlay-close:hover {
  color: var(--color-fn-active)
}

.tooltip-overlay.touch .tooltip-overlay-close,
.tooltip-overlay.touch .tooltip-overlay-header {
  display: flex
}

.tooltip-overlay-arrow {
  --size: 18px;
  align-items: center;
  display: flex;
  justify-content: center;
  visibility: hidden
}

.tooltip-overlay-arrow,
.tooltip-overlay-arrow:before {
  border: 1px solid var(--border);
  height: var(--size);
  position: absolute;
  width: var(--size);
  z-index: -1
}

.tooltip-overlay-arrow:before {
  background-color: var(--bg);
  content: "";
  transform: rotate(45deg);
  visibility: visible
}

.tooltip-overlay[data-popper-placement^=top]>.tooltip-overlay-arrow {
  bottom: calc(-.5*var(--size) + 1px)
}

.tooltip-overlay[data-popper-placement^=top]>.tooltip-overlay-arrow,
.tooltip-overlay[data-popper-placement^=top]>.tooltip-overlay-arrow:before {
  border-left-color: transparent;
  border-top-color: transparent
}

.tooltip-overlay[data-popper-placement^=bottom]>.tooltip-overlay-arrow {
  top: calc(-.5*var(--size) - 1px)
}

.tooltip-overlay[data-popper-placement^=bottom]>.tooltip-overlay-arrow,
.tooltip-overlay[data-popper-placement^=bottom]>.tooltip-overlay-arrow:before {
  border-bottom-color: transparent;
  border-right-color: transparent
}

.tooltip-overlay[data-popper-placement^=left]>.tooltip-overlay-arrow {
  right: calc(-.5*var(--size))
}

.tooltip-overlay[data-popper-placement^=left]>.tooltip-overlay-arrow,
.tooltip-overlay[data-popper-placement^=left]>.tooltip-overlay-arrow:before {
  border-bottom-color: transparent;
  border-left-color: transparent
}

.tooltip-overlay[data-popper-placement^=right]>.tooltip-overlay-arrow {
  left: calc(-.5*var(--size))
}

.tooltip-overlay[data-popper-placement^=right]>.tooltip-overlay-arrow,
.tooltip-overlay[data-popper-placement^=right]>.tooltip-overlay-arrow:before {
  border-right-color: transparent;
  border-top-color: transparent
}

.tooltip-overlay a.link .link-labeling {
  text-underline-offset: auto
}

.no-break .tooltip {
  display: inline-block
}

.no-break .tooltip .tooltip-label {
  white-space: nowrap
}

.tooltip a.link {
  margin-top: -.2rem
}

.tooltip a.link .link-labeling {
  text-underline-offset: .7rem
}

.button-container {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0 2rem 2rem 0
}

.button-container:last-child {
  margin-right: 0
}

.button {
  --space-between: 0.8rem;
  background: var(--button-bg);
  border: var(--border-width, 1px) solid var(--button-border-color);
  border-radius: 4px;
  color: var(--button-color);
  cursor: pointer;
  display: flex;
  gap: var(--space-between);
  justify-content: center;
  max-width: 100%;
  padding: 1.2rem 2.5rem;
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap
}

.bg-dark .button,
.bg-dark-accent .button {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg)
}

.bg-dark .button .button--primary,
.bg-dark .button .button--primary-positive,
.bg-dark .button .button--secondary,
.bg-dark .button .button--secondary-positive,
.bg-dark .button .button--tertiary,
.bg-dark .button .button--tertiary-positive,
.bg-dark-accent .button .button--primary,
.bg-dark-accent .button .button--primary-positive,
.bg-dark-accent .button .button--secondary,
.bg-dark-accent .button .button--secondary-positive,
.bg-dark-accent .button .button--tertiary,
.bg-dark-accent .button .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .button .button--primary,
.bg-dark .button .button--primary-positive,
.bg-dark-accent .button .button--primary,
.bg-dark-accent .button .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .button .button--secondary,
.bg-dark .button .button--secondary-positive,
.bg-dark-accent .button .button--secondary,
.bg-dark-accent .button .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .button .button--tertiary,
.bg-dark .button .button--tertiary-positive,
.bg-dark-accent .button .button--tertiary,
.bg-dark-accent .button .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.button.hover:not([disabled], :disabled),
.button:active:not([disabled], :disabled),
.button:focus-visible:not([disabled], :disabled),
.button:hover:not([disabled], :disabled) {
  --button-bg: var(--button-bg-hover);
  --button-color: var(--button-color-hover);
  --button-border-color: var(--button-border-color-hover, var(--button-bg-hover))
}

.button:focus-visible:not([disabled], :disabled) {
  border-radius: 4px;
  outline: 2px dashed var(--button-border-color-focus);
  outline-offset: 2px
}

.button:disabled:disabled,
.button[disabled][disabled] {
  --button-color: var(--button-color-disabled);
  --button-bg: var(--button-bg-disabled);
  --button-border-color: var(--button-border-color-disabled);
  cursor: not-allowed
}

.button:active:not([disabled], :disabled) .btn-labeling,
.button:focus-visible:not([disabled], :disabled) .btn-labeling,
.button:hover:not([disabled], :disabled) .btn-labeling {
  text-decoration: underline
}

.button.icon-position-left {
  padding: 1.2rem 2.5rem 1.2rem 2rem
}

.button.icon-position-left .icon-second {
  margin-left: .5rem;
  top: auto;
  vertical-align: middle
}

.button.icon-position-right {
  padding: 1.2rem 2rem 1.2rem 2.5rem
}

.button.icon-position-right .icon {
  order: 2
}

.button--secondary,
.button--secondary-negative,
.button--secondary-positive {
  --button-bg: transparent;
  --button-bg-hover: var(--color-fn-active);
  --button-color: var(--color-fn);
  --button-color-hover: var(--color-font-interactive-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-light-bg)
}

.button--tertiary {
  --space-between: 0.5rem
}

.button--tertiary,
.button--tertiary-positive {
  --button-color: var(--color-fn);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-bg-hover: transparent;
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: transparent;
  --button-border-color-disabled: transparent;
  --button-border-color-hover: transparent;
  --button-border-color-focus: var(--color-fn-active)
}

.button--tertiary-negative.button,
.button--tertiary-positive.button,
.button--tertiary.button {
  padding: 0
}

p .button--tertiary-negative.button-container,
p .button--tertiary-positive.button-container,
p .button--tertiary.button-container {
  margin-bottom: 0;
  margin-right: 0
}

.button.small {
  padding: .8rem 1.6rem
}

.button.small.icon-position-left {
  padding: .8rem 1.6rem .8rem 1.2rem
}

.button.small.icon-position-left .btn-labeling {
  padding-left: .6rem
}

.button.small.icon-position-right {
  padding: .8rem 1.2rem .8rem 1.6rem
}

.button.small.icon-position-right .btn-labeling {
  padding-right: .6rem
}

.button-container.download-notice .button+.download-notice-text {
  color: var(--notice-color);
  display: inline-block;
  margin-bottom: 1rem;
  margin-left: 1rem;
  margin-top: 1rem
}

.button.underlined:focus-visible .btn-labeling,
.button.underlined:hover .btn-labeling {
  text-decoration: none
}

.button.underlined .btn-labeling {
  text-decoration: underline
}

.button .btn-container {
  display: inline;
  text-align: left;
  white-space: normal
}

.button .btn-container .icon-protected {
  display: inline;
  line-height: normal;
  margin-left: .8rem;
  vertical-align: baseline
}

.button .btn-container .icon-protected:before {
  display: inline
}

.button .btn-labeling {
  --mb: 0;
  text-align: left;
  white-space: normal;
  word-break: break-word
}

.button .btn-labeling.tx-1 {
  margin-bottom: 0
}

.button .icon {
  align-items: flex-start;
  display: inline-flex;
  font-size: 1.6rem;
  line-height: 1.4;
  vertical-align: middle
}

.keyboard-btn {
  border: 0;
  border-radius: 0 0 4px 4px;
  clip: rect(0 0 0 0);
  cursor: pointer;
  display: inline-flex;
  height: 1px;
  margin: -1px;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 1px
}

.keyboard-btn--primary {
  background: var(--color-fn);
  color: var(--kfw-color-white)
}

.keyboard-btn--primary:hover {
  background: var(--color-fn-active)
}

.keyboard-btn--primary:hover .tx-2 {
  text-decoration: underline
}

.keyboard-btn--primary:focus-visible {
  background: var(--color-fn-active);
  border: unset;
  clip: unset;
  height: unset;
  margin: unset;
  outline: none;
  overflow: unset;
  padding: 10px;
  width: unset
}

.keyboard-btn--primary:focus-visible:after {
  border: 2px dashed var(--color-fn-active);
  border-radius: 0 0 4px 4px;
  content: "";
  height: calc(90% + 8px);
  left: -5px;
  position: absolute;
  top: 0;
  width: calc(100% + 10px)
}

.keyboard-btn--primary:focus-visible .tx-2 {
  text-decoration: underline
}

.keyboard-btn .tx-2 {
  margin-bottom: 0
}

.jumpmark {
  align-items: center;
  background: var(--button-bg);
  border: 1px solid var(--button-border-color);
  border-radius: 4px;
  color: var(--button-color);
  cursor: pointer;
  display: inline-flex;
  font-size: 2.2rem;
  line-height: 1.3;
  padding: 1.2rem 2.5rem 1.2rem 3rem;
  position: relative;
  text-align: center
}

.bg-dark .jumpmark,
.bg-dark-accent .jumpmark {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --button-bg: var(--color-background);
  --button-color: var(--color-fn);
  --button-bg-hover: var(--color-background);
  --button-color-hover: var(--color-fn-active)
}

.bg-dark .jumpmark .button--primary,
.bg-dark .jumpmark .button--primary-positive,
.bg-dark .jumpmark .button--secondary,
.bg-dark .jumpmark .button--secondary-positive,
.bg-dark .jumpmark .button--tertiary,
.bg-dark .jumpmark .button--tertiary-positive,
.bg-dark-accent .jumpmark .button--primary,
.bg-dark-accent .jumpmark .button--primary-positive,
.bg-dark-accent .jumpmark .button--secondary,
.bg-dark-accent .jumpmark .button--secondary-positive,
.bg-dark-accent .jumpmark .button--tertiary,
.bg-dark-accent .jumpmark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .jumpmark .button--primary,
.bg-dark .jumpmark .button--primary-positive,
.bg-dark-accent .jumpmark .button--primary,
.bg-dark-accent .jumpmark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .jumpmark .button--secondary,
.bg-dark .jumpmark .button--secondary-positive,
.bg-dark-accent .jumpmark .button--secondary,
.bg-dark-accent .jumpmark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .jumpmark .button--tertiary,
.bg-dark .jumpmark .button--tertiary-positive,
.bg-dark-accent .jumpmark .button--tertiary,
.bg-dark-accent .jumpmark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.jumpmark:focus-visible:not([disabled]),
.jumpmark:hover:not([disabled]) {
  --button-bg: var(--button-bg-hover);
  --button-color: var(--button-color-hover)
}

.jumpmark:focus-visible:not([disabled]) .label,
.jumpmark:hover:not([disabled]) .label {
  text-decoration: underline
}

.jumpmark:focus-visible:not([disabled]) {
  border-radius: 4px;
  outline: 2px dashed var(--button-bg-hover);
  outline-offset: 2px
}

.jumpmark .icon {
  font-size: 2.2rem;
  line-height: 1.3;
  padding-left: 1rem
}

.nav-icon-btn {
  --button-border-color-disabled: transparent;
  --border-width: 2px;
  align-items: center;
  background: var(--button-bg);
  border-radius: 4px;
  border-width: var(--border-width, 2px);
  border: var(--border-width, 1px) solid var(--button-border-color);
  color: var(--button-color);
  cursor: pointer;
  display: inline-flex;
  height: 3.6rem;
  justify-content: center;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 3.6rem
}

.bg-dark .nav-icon-btn,
.bg-dark-accent .nav-icon-btn {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg)
}

.bg-dark .nav-icon-btn .button--primary,
.bg-dark .nav-icon-btn .button--primary-positive,
.bg-dark .nav-icon-btn .button--secondary,
.bg-dark .nav-icon-btn .button--secondary-positive,
.bg-dark .nav-icon-btn .button--tertiary,
.bg-dark .nav-icon-btn .button--tertiary-positive,
.bg-dark-accent .nav-icon-btn .button--primary,
.bg-dark-accent .nav-icon-btn .button--primary-positive,
.bg-dark-accent .nav-icon-btn .button--secondary,
.bg-dark-accent .nav-icon-btn .button--secondary-positive,
.bg-dark-accent .nav-icon-btn .button--tertiary,
.bg-dark-accent .nav-icon-btn .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .nav-icon-btn .button--primary,
.bg-dark .nav-icon-btn .button--primary-positive,
.bg-dark-accent .nav-icon-btn .button--primary,
.bg-dark-accent .nav-icon-btn .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .nav-icon-btn .button--secondary,
.bg-dark .nav-icon-btn .button--secondary-positive,
.bg-dark-accent .nav-icon-btn .button--secondary,
.bg-dark-accent .nav-icon-btn .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .nav-icon-btn .button--tertiary,
.bg-dark .nav-icon-btn .button--tertiary-positive,
.bg-dark-accent .nav-icon-btn .button--tertiary,
.bg-dark-accent .nav-icon-btn .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.nav-icon-btn.hover:not([disabled], :disabled),
.nav-icon-btn:active:not([disabled], :disabled),
.nav-icon-btn:focus-visible:not([disabled], :disabled),
.nav-icon-btn:hover:not([disabled], :disabled) {
  --button-bg: var(--button-bg-hover);
  --button-color: var(--button-color-hover);
  --button-border-color: var(--button-border-color-hover, var(--button-bg-hover))
}

.nav-icon-btn:focus-visible:not([disabled], :disabled) {
  border-radius: 4px;
  outline: 2px dashed var(--button-border-color-focus);
  outline-offset: 2px
}

.nav-icon-btn:disabled:disabled,
.nav-icon-btn[disabled][disabled] {
  --button-color: var(--button-color-disabled);
  --button-bg: var(--button-bg-disabled);
  --button-border-color: var(--button-border-color-disabled);
  cursor: not-allowed
}

.nav-icon-btn:first-child {
  margin-top: 3rem
}

.nav-icon-btn:active {
  --border-width: 1px
}

.bg-dark .nav-icon-btn--primary,
.bg-dark-accent .nav-icon-btn--primary {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --button-color: var(--color-fn);
  --button-bg: var(--color-background);
  --button-border-color: var(--color-font-interactive-on-dark-bg);
  --button-color-hover: var(--color-font-interactive-on-dark-bg);
  --button-bg-hover: var(--color-fn-active);
  --button-border-color-hover: var(--color-font-interactive-on-dark-bg);
  --button-bg-disabled: var(--kfw-opaque-color-white-90);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .nav-icon-btn--primary .button--primary,
.bg-dark .nav-icon-btn--primary .button--primary-positive,
.bg-dark .nav-icon-btn--primary .button--secondary,
.bg-dark .nav-icon-btn--primary .button--secondary-positive,
.bg-dark .nav-icon-btn--primary .button--tertiary,
.bg-dark .nav-icon-btn--primary .button--tertiary-positive,
.bg-dark-accent .nav-icon-btn--primary .button--primary,
.bg-dark-accent .nav-icon-btn--primary .button--primary-positive,
.bg-dark-accent .nav-icon-btn--primary .button--secondary,
.bg-dark-accent .nav-icon-btn--primary .button--secondary-positive,
.bg-dark-accent .nav-icon-btn--primary .button--tertiary,
.bg-dark-accent .nav-icon-btn--primary .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .nav-icon-btn--primary .button--primary,
.bg-dark .nav-icon-btn--primary .button--primary-positive,
.bg-dark-accent .nav-icon-btn--primary .button--primary,
.bg-dark-accent .nav-icon-btn--primary .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .nav-icon-btn--primary .button--secondary,
.bg-dark .nav-icon-btn--primary .button--secondary-positive,
.bg-dark-accent .nav-icon-btn--primary .button--secondary,
.bg-dark-accent .nav-icon-btn--primary .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .nav-icon-btn--primary .button--tertiary,
.bg-dark .nav-icon-btn--primary .button--tertiary-positive,
.bg-dark-accent .nav-icon-btn--primary .button--tertiary,
.bg-dark-accent .nav-icon-btn--primary .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.nav-icon-btn--primary:hover:not([disabled], :disabled) {
  --border-width: 2px
}

.nav-icon-btn--primary-negative:focus-visible:not([disabled], :disabled),
.nav-icon-btn--primary-positive:focus-visible:not([disabled], :disabled),
.nav-icon-btn--primary:focus-visible:not([disabled], :disabled) {
  --button-border-color: transparent;
  outline-offset: 0
}

.nav-icon-btn--primary,
.nav-icon-btn--primary-positive {
  --button-color-hover: var(--color-fn-active);
  --button-bg-hover: var(--color-background);
  --button-border-color-hover: var(--color-fn-active)
}

.nav-icon-btn--primary-negative {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-interactive-on-dark-bg);
  --button-border-color: var(--color-fn-interactive-on-dark-bg);
  --button-color-hover: var(--color-fn-interactive-on-dark-bg);
  --button-bg-hover: var(--color-fn);
  --button-border-color-hover: var(--color-fn-interactive-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.nav-icon-btn--primary-on-image.nav-icon-btn--primary {
  --border-width: 1px;
  --button-bg: var(--color-background);
  --button-border-color: var(--color-fn);
  --button-color: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-hover: var(--color-font-interactive-on-dark-bg);
  --button-border-color-hover: var(--color-font-interactive-on-dark-bg);
  --button-bg-disabled: var(--color-background);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-color-disabled: var(--color-fn-inactive-on-light-bg)
}

.nav-icon-btn--primary-on-image.nav-icon-btn--primary:focus-visible:not([disabled], :disabled) {
  --button-border-color: var(--button-bg);
  --button-border-color-focus: var(--color-font-interactive-on-dark-bg);
  --border-width: 2px;
  outline-offset: calc(-1*var(--border-width, 1px))
}

.nav-icon-btn--secondary,
.nav-icon-btn--secondary-negative,
.nav-icon-btn--secondary-positive {
  --button-bg: transparent;
  --button-bg-hover: var(--color-fn-active);
  --button-color: var(--color-fn);
  --button-color-hover: var(--color-font-interactive-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-light-bg)
}

.bg-dark .nav-icon-btn--secondary,
.bg-dark-accent .nav-icon-btn--secondary {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --button-color: var(--color-font-interactive-on-dark-bg);
  --button-border-color: var(--color-font-interactive-on-dark-bg);
  --button-color-hover: var(--color-font-interactive-on-dark-bg);
  --button-border-color-hover: var(--color-font-interactive-on-dark-bg)
}

.bg-dark .nav-icon-btn--secondary .button--primary,
.bg-dark .nav-icon-btn--secondary .button--primary-positive,
.bg-dark .nav-icon-btn--secondary .button--secondary,
.bg-dark .nav-icon-btn--secondary .button--secondary-positive,
.bg-dark .nav-icon-btn--secondary .button--tertiary,
.bg-dark .nav-icon-btn--secondary .button--tertiary-positive,
.bg-dark-accent .nav-icon-btn--secondary .button--primary,
.bg-dark-accent .nav-icon-btn--secondary .button--primary-positive,
.bg-dark-accent .nav-icon-btn--secondary .button--secondary,
.bg-dark-accent .nav-icon-btn--secondary .button--secondary-positive,
.bg-dark-accent .nav-icon-btn--secondary .button--tertiary,
.bg-dark-accent .nav-icon-btn--secondary .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .nav-icon-btn--secondary .button--primary,
.bg-dark .nav-icon-btn--secondary .button--primary-positive,
.bg-dark-accent .nav-icon-btn--secondary .button--primary,
.bg-dark-accent .nav-icon-btn--secondary .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .nav-icon-btn--secondary .button--secondary,
.bg-dark .nav-icon-btn--secondary .button--secondary-positive,
.bg-dark-accent .nav-icon-btn--secondary .button--secondary,
.bg-dark-accent .nav-icon-btn--secondary .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .nav-icon-btn--secondary .button--tertiary,
.bg-dark .nav-icon-btn--secondary .button--tertiary-positive,
.bg-dark-accent .nav-icon-btn--secondary .button--tertiary,
.bg-dark-accent .nav-icon-btn--secondary .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.nav-icon-btn--secondary,
.nav-icon-btn--secondary-negative,
.nav-icon-btn--secondary-positive {
  --border-width: 1px;
  --button-color-hover: var(--color-fn-active);
  --button-bg-hover: transparent;
  --button-border-color-hover: var(--color-fn-active);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg)
}

.nav-icon-btn--secondary-negative:focus-visible:not([disabled], :disabled),
.nav-icon-btn--secondary-negative:hover:not([disabled], :disabled),
.nav-icon-btn--secondary-positive:focus-visible:not([disabled], :disabled),
.nav-icon-btn--secondary-positive:hover:not([disabled], :disabled),
.nav-icon-btn--secondary:focus-visible:not([disabled], :disabled),
.nav-icon-btn--secondary:hover:not([disabled], :disabled) {
  --border-width: 2px
}

.nav-icon-btn--secondary-negative:active,
.nav-icon-btn--secondary-positive:active,
.nav-icon-btn--secondary:active {
  --button-color-hover: var(--color-font-interactive-on-dark-bg);
  --button-bg-hover: var(--color-fn-active)
}

.nav-icon-btn--tertiary,
.nav-icon-btn--tertiary-positive {
  --button-color: var(--color-fn);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-bg-hover: transparent;
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: transparent;
  --button-border-color-disabled: transparent;
  --button-border-color-hover: transparent;
  --button-border-color-focus: var(--color-fn-active)
}

.nav-icon-btn--tertiary,
.nav-icon-btn--tertiary-negative,
.nav-icon-btn--tertiary-positive {
  --button-color-disabled: var(--color-fn-inactive-on-light-bg)
}

.bg-dark .nav-icon-btn--tertiary,
.bg-dark .nav-icon-btn--tertiary-negative,
.bg-dark .nav-icon-btn--tertiary-positive,
.bg-dark-accent .nav-icon-btn--tertiary,
.bg-dark-accent .nav-icon-btn--tertiary-negative,
.bg-dark-accent .nav-icon-btn--tertiary-positive {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --button-color: var(--color-font-interactive-on-dark-bg);
  --button-color-hover: var(--color-font-interactive-on-dark-bg);
  --button-border-color-hover: var(--color-font-interactive-on-dark-bg)
}

.bg-dark .nav-icon-btn--tertiary .button--primary,
.bg-dark .nav-icon-btn--tertiary .button--primary-positive,
.bg-dark .nav-icon-btn--tertiary .button--secondary,
.bg-dark .nav-icon-btn--tertiary .button--secondary-positive,
.bg-dark .nav-icon-btn--tertiary .button--tertiary,
.bg-dark .nav-icon-btn--tertiary .button--tertiary-positive,
.bg-dark .nav-icon-btn--tertiary-negative .button--primary,
.bg-dark .nav-icon-btn--tertiary-negative .button--primary-positive,
.bg-dark .nav-icon-btn--tertiary-negative .button--secondary,
.bg-dark .nav-icon-btn--tertiary-negative .button--secondary-positive,
.bg-dark .nav-icon-btn--tertiary-negative .button--tertiary,
.bg-dark .nav-icon-btn--tertiary-negative .button--tertiary-positive,
.bg-dark .nav-icon-btn--tertiary-positive .button--primary,
.bg-dark .nav-icon-btn--tertiary-positive .button--primary-positive,
.bg-dark .nav-icon-btn--tertiary-positive .button--secondary,
.bg-dark .nav-icon-btn--tertiary-positive .button--secondary-positive,
.bg-dark .nav-icon-btn--tertiary-positive .button--tertiary,
.bg-dark .nav-icon-btn--tertiary-positive .button--tertiary-positive,
.bg-dark-accent .nav-icon-btn--tertiary .button--primary,
.bg-dark-accent .nav-icon-btn--tertiary .button--primary-positive,
.bg-dark-accent .nav-icon-btn--tertiary .button--secondary,
.bg-dark-accent .nav-icon-btn--tertiary .button--secondary-positive,
.bg-dark-accent .nav-icon-btn--tertiary .button--tertiary,
.bg-dark-accent .nav-icon-btn--tertiary .button--tertiary-positive,
.bg-dark-accent .nav-icon-btn--tertiary-negative .button--primary,
.bg-dark-accent .nav-icon-btn--tertiary-negative .button--primary-positive,
.bg-dark-accent .nav-icon-btn--tertiary-negative .button--secondary,
.bg-dark-accent .nav-icon-btn--tertiary-negative .button--secondary-positive,
.bg-dark-accent .nav-icon-btn--tertiary-negative .button--tertiary,
.bg-dark-accent .nav-icon-btn--tertiary-negative .button--tertiary-positive,
.bg-dark-accent .nav-icon-btn--tertiary-positive .button--primary,
.bg-dark-accent .nav-icon-btn--tertiary-positive .button--primary-positive,
.bg-dark-accent .nav-icon-btn--tertiary-positive .button--secondary,
.bg-dark-accent .nav-icon-btn--tertiary-positive .button--secondary-positive,
.bg-dark-accent .nav-icon-btn--tertiary-positive .button--tertiary,
.bg-dark-accent .nav-icon-btn--tertiary-positive .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .nav-icon-btn--tertiary .button--primary,
.bg-dark .nav-icon-btn--tertiary .button--primary-positive,
.bg-dark .nav-icon-btn--tertiary-negative .button--primary,
.bg-dark .nav-icon-btn--tertiary-negative .button--primary-positive,
.bg-dark .nav-icon-btn--tertiary-positive .button--primary,
.bg-dark .nav-icon-btn--tertiary-positive .button--primary-positive,
.bg-dark-accent .nav-icon-btn--tertiary .button--primary,
.bg-dark-accent .nav-icon-btn--tertiary .button--primary-positive,
.bg-dark-accent .nav-icon-btn--tertiary-negative .button--primary,
.bg-dark-accent .nav-icon-btn--tertiary-negative .button--primary-positive,
.bg-dark-accent .nav-icon-btn--tertiary-positive .button--primary,
.bg-dark-accent .nav-icon-btn--tertiary-positive .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .nav-icon-btn--tertiary .button--secondary,
.bg-dark .nav-icon-btn--tertiary .button--secondary-positive,
.bg-dark .nav-icon-btn--tertiary-negative .button--secondary,
.bg-dark .nav-icon-btn--tertiary-negative .button--secondary-positive,
.bg-dark .nav-icon-btn--tertiary-positive .button--secondary,
.bg-dark .nav-icon-btn--tertiary-positive .button--secondary-positive,
.bg-dark-accent .nav-icon-btn--tertiary .button--secondary,
.bg-dark-accent .nav-icon-btn--tertiary .button--secondary-positive,
.bg-dark-accent .nav-icon-btn--tertiary-negative .button--secondary,
.bg-dark-accent .nav-icon-btn--tertiary-negative .button--secondary-positive,
.bg-dark-accent .nav-icon-btn--tertiary-positive .button--secondary,
.bg-dark-accent .nav-icon-btn--tertiary-positive .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .nav-icon-btn--tertiary .button--tertiary,
.bg-dark .nav-icon-btn--tertiary .button--tertiary-positive,
.bg-dark .nav-icon-btn--tertiary-negative .button--tertiary,
.bg-dark .nav-icon-btn--tertiary-negative .button--tertiary-positive,
.bg-dark .nav-icon-btn--tertiary-positive .button--tertiary,
.bg-dark .nav-icon-btn--tertiary-positive .button--tertiary-positive,
.bg-dark-accent .nav-icon-btn--tertiary .button--tertiary,
.bg-dark-accent .nav-icon-btn--tertiary .button--tertiary-positive,
.bg-dark-accent .nav-icon-btn--tertiary-negative .button--tertiary,
.bg-dark-accent .nav-icon-btn--tertiary-negative .button--tertiary-positive,
.bg-dark-accent .nav-icon-btn--tertiary-positive .button--tertiary,
.bg-dark-accent .nav-icon-btn--tertiary-positive .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.nav-icon-btn--tertiary-negative:focus-visible:not([disabled], :disabled, :hover),
.nav-icon-btn--tertiary-positive:focus-visible:not([disabled], :disabled, :hover),
.nav-icon-btn--tertiary:focus-visible:not([disabled], :disabled, :hover) {
  --button-border-color: transparent
}

.nav-icon-btn--tertiary-negative:focus-visible:not([disabled], :disabled),
.nav-icon-btn--tertiary-positive:focus-visible:not([disabled], :disabled),
.nav-icon-btn--tertiary:focus-visible:not([disabled], :disabled) {
  outline-offset: 0
}

.nav-icon-btn--tertiary,
.nav-icon-btn--tertiary-positive {
  --button-border-color-hover: var(--color-fn-active)
}

.nav-icon-btn+.nav-icon-btn {
  margin-left: 2rem
}

.nav-icon-btn .icon {
  color: var(--button-color);
  font-size: 2.4rem
}

.details {
  --detail-border-color: var(--kfw-color-grey-300);
  --icon-size: 2.4rem;
  --icon-padding-right: 1rem;
  border-top: 1px solid var(--detail-border-color);
  display: block;
  margin-top: var(--margin-top);
  position: relative
}

.details:last-child {
  border-bottom: 1px solid var(--detail-border-color)
}

.details.active>.details-title {
  color: var(--link-color-hover);
  padding-bottom: 1.5rem
}

.details.active>.details-title .icon--plus {
  display: none
}

.details.active>.details-title .icon--minus {
  display: inline-block
}

.details.active>.details-title .tag {
  background-color: var(--color-fn-active)
}

.details.active>.details-title .on-active {
  display: none
}

.details.active>.details-title .on-inactive {
  display: block
}

@media only print and (width >=0px) {
  .details.active>.details-title {
    padding-bottom: 2.5rem
  }
}

@media only screen and (min-width:600px) {
  .details.active>.details-title {
    padding-bottom: 2.5rem
  }
}

.details.active>.details-content {
  display: block
}

.details-title {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: var(--color-fn);
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0;
  padding: 1.4rem 0;
  text-align: left;
  width: 100%
}

.details-title:focus {
  outline: none
}

.details-title:hover {
  color: var(--link-color-hover)
}

.details-title:hover .details-title-label h2,
.details-title:hover .details-title-label h3,
.details-title:hover .details-title-label h4,
.details-title:hover .details-title-label h5,
.details-title:hover .tag {
  text-decoration: underline
}

.details-title:focus-visible .details-title-label {
  border-radius: 4px;
  color: var(--link-color-hover);
  outline: 2px dashed var(--link-color-hover);
  outline-offset: 2px
}

.details-title:focus-visible .details-title-label .tag,
.details-title:focus-visible .details-title-label h2,
.details-title:focus-visible .details-title-label h3 {
  text-decoration: underline
}

.details-title:focus-visible .details-title-label .tag {
  background-color: var(--color-fn-active)
}

.details-title:disabled .details-title-label,
.details-title:disabled .icons {
  color: var(--color-fn-inactive-on-light-bg)
}

.details-title:disabled .details-title-label h2,
.details-title:disabled .details-title-label h3,
.details-title:disabled .tag {
  text-decoration: none
}

.details-title .details-title-label {
  display: flex
}

.details-title .icons {
  padding-right: var(--icon-padding-right)
}

.details-title .icons .icon {
  display: none
}

.details-title .icons .icon:before {
  font-size: var(--icon-size)
}

.details-title .icons .icon--plus {
  display: inline-block
}

.details-title .tag {
  margin: 3px 0 0 2rem
}

.details-content {
  display: none;
  padding-bottom: 3rem;
  padding-left: var(--content-padding-left, 0);
  position: relative;
  transition: max-height 5s ease-in-out;
  transition-delay: 0s
}

.details-content .linked-image .image,
.details-content .zoom-image .image {
  height: auto
}

.details-content .details+.text-image {
  margin-top: var(--space-big)
}

@media only print and (width >=0px) {
  .details-content {
    --content-padding-left: calc(var(--icon-size) + var(--icon-padding-right))
  }
}

@media only screen and (min-width:600px) {
  .details-content {
    --content-padding-left: calc(var(--icon-size) + var(--icon-padding-right))
  }
}

@media only print and (width >=0px) {
  .details-content {
    padding-bottom: 4rem
  }
}

@media only screen and (min-width:1280px) {
  .details-content {
    padding-bottom: 4rem
  }
}

.details--acc1 {
  border-bottom: 1px solid var(--detail-border-color);
  border-top: 1px solid var(--detail-border-color)
}

.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: var(--c-overflow)
}

.details.details--acc1 .details-content>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.details--acc1:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details--acc1.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--c-overflow)
}

.details--acc1.bg-dark .button--primary,
.details--acc1.bg-dark .button--primary-positive,
.details--acc1.bg-dark .button--secondary,
.details--acc1.bg-dark .button--secondary-positive,
.details--acc1.bg-dark .button--tertiary,
.details--acc1.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details--acc1.bg-dark .button--primary,
.details--acc1.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details--acc1.bg-dark .button--secondary,
.details--acc1.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.details--acc1.bg-dark .button--tertiary,
.details--acc1.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.details--acc1.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc1.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc1.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc1.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc1.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc1.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc1.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc1.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details--acc1.bg-dark,
:where(main)>.details--acc1.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details--acc1.bg-dark+*>*,
:where(main)>.details--acc1.bg-dark>* {
  --margin-top: initial
}

.details--acc1.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.details--acc1.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details--acc1.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details--acc1.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details--acc1.bg-dark.product-header,
  .details--acc1.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details--acc1.bg-dark.product-header,
  .details--acc1.bg-dark.product-header[class*=bg-],
  .details--acc1.bg-dark[class*=bg-],
  .details--acc1.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details--acc1.bg-dark.product-header .hintbox-icon img,
  .details--acc1.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details--acc1.bg-dark .details--s9>.details .main-column[class*=bg-],
.details--acc1.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details--acc1.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc1.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details--acc1.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc1.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details--acc1.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc1.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details--acc1.bg-dark .hintbox,
.details--acc1.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details--acc1.bg-dark,
.overlay-content .main-column>.details--acc1.bg-dark .details--acc1.bg-dark,
.overlay-content body>.details--acc1.bg-dark,
.overlay-content>.details--acc1.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details--acc1.bg-dark .details--acc1.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc1.bg-dark .product-label.product-label--overflow,
.overlay-content body>.details--acc1.bg-dark .product-label.product-label--overflow,
.overlay-content>.details--acc1.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details--acc1.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--c-overflow)
}

.details--acc1.bg-dark-accent .button--primary,
.details--acc1.bg-dark-accent .button--primary-positive,
.details--acc1.bg-dark-accent .button--secondary,
.details--acc1.bg-dark-accent .button--secondary-positive,
.details--acc1.bg-dark-accent .button--tertiary,
.details--acc1.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details--acc1.bg-dark-accent .button--primary,
.details--acc1.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details--acc1.bg-dark-accent .button--secondary,
.details--acc1.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.details--acc1.bg-dark-accent .button--tertiary,
.details--acc1.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.details--acc1.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc1.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc1.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc1.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc1.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc1.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc1.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc1.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details--acc1.bg-dark-accent,
:where(main)>.details--acc1.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details--acc1.bg-dark-accent+*>*,
:where(main)>.details--acc1.bg-dark-accent>* {
  --margin-top: initial
}

.details--acc1.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.details--acc1.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details--acc1.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details--acc1.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details--acc1.bg-dark-accent.product-header,
  .details--acc1.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details--acc1.bg-dark-accent.product-header,
  .details--acc1.bg-dark-accent.product-header[class*=bg-],
  .details--acc1.bg-dark-accent[class*=bg-],
  .details--acc1.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details--acc1.bg-dark-accent.product-header .hintbox-icon img,
  .details--acc1.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details--acc1.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.details--acc1.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details--acc1.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc1.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details--acc1.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc1.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details--acc1.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc1.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details--acc1.bg-dark-accent .hintbox,
.details--acc1.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details--acc1.bg-dark-accent,
.overlay-content .main-column>.details--acc1.bg-dark-accent .details--acc1.bg-dark-accent,
.overlay-content body>.details--acc1.bg-dark-accent,
.overlay-content>.details--acc1.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details--acc1.bg-dark-accent .details--acc1.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc1.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.details--acc1.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.details--acc1.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details--acc1.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--c-overflow)
}

.details.details--acc1 .details-content>.details--acc1.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc1.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc1.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc1.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc1.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc1.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc1.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc1.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details--acc1.bg-light-accent,
:where(main)>.details--acc1.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details--acc1.bg-light-accent+*>*,
:where(main)>.details--acc1.bg-light-accent>* {
  --margin-top: initial
}

.details--acc1.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.details--acc1.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details--acc1.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details--acc1.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details--acc1.bg-light-accent.product-header,
  .details--acc1.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details--acc1.bg-light-accent.product-header,
  .details--acc1.bg-light-accent.product-header[class*=bg-],
  .details--acc1.bg-light-accent[class*=bg-],
  .details--acc1.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details--acc1.bg-light-accent.product-header .hintbox-icon img,
  .details--acc1.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details--acc1.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.details--acc1.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details--acc1.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc1.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details--acc1.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc1.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details--acc1.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc1.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details--acc1.bg-light-accent .hintbox,
.details--acc1.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details--acc1.bg-light-accent,
.overlay-content .main-column>.details--acc1.bg-light-accent .details--acc1.bg-light-accent,
.overlay-content body>.details--acc1.bg-light-accent,
.overlay-content>.details--acc1.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details--acc1.bg-light-accent .details--acc1.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc1.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.details--acc1.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.details--acc1.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details--acc1.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--c-overflow)
}

.details.details--acc1 .details-content>.details--acc1.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc1.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc1.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc1.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc1.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc1.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc1.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc1.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details--acc1.bg-light-accent-secondary,
:where(main)>.details--acc1.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details--acc1.bg-light-accent-secondary+*>*,
:where(main)>.details--acc1.bg-light-accent-secondary>* {
  --margin-top: initial
}

.details--acc1.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.details--acc1.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details--acc1.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details--acc1.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details--acc1.bg-light-accent-secondary.product-header,
  .details--acc1.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details--acc1.bg-light-accent-secondary.product-header,
  .details--acc1.bg-light-accent-secondary.product-header[class*=bg-],
  .details--acc1.bg-light-accent-secondary[class*=bg-],
  .details--acc1.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details--acc1.bg-light-accent-secondary.product-header .hintbox-icon img,
  .details--acc1.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details--acc1.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.details--acc1.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details--acc1.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc1.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details--acc1.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc1.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details--acc1.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc1.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details--acc1.bg-light-accent-secondary .hintbox,
.details--acc1.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details--acc1.bg-light-accent-secondary,
.overlay-content .main-column>.details--acc1.bg-light-accent-secondary .details--acc1.bg-light-accent-secondary,
.overlay-content body>.details--acc1.bg-light-accent-secondary,
.overlay-content>.details--acc1.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details--acc1.bg-light-accent-secondary .details--acc1.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc1.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.details--acc1.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.details--acc1.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details--acc1.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--c-overflow)
}

.details.details--acc1 .details-content>.details--acc1.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc1.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc1.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc1.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc1.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc1.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc1.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc1.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc1.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details--acc1.bg-light,
:where(main)>.details--acc1.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details--acc1.bg-light+*>*,
:where(main)>.details--acc1.bg-light>* {
  --margin-top: initial
}

.details--acc1.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.details--acc1.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details--acc1.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details--acc1.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details--acc1.bg-light.product-header,
  .details--acc1.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details--acc1.bg-light.product-header,
  .details--acc1.bg-light.product-header[class*=bg-],
  .details--acc1.bg-light[class*=bg-],
  .details--acc1.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details--acc1.bg-light.product-header .hintbox-icon img,
  .details--acc1.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details--acc1.bg-light .details--s9>.details .main-column[class*=bg-],
.details--acc1.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details--acc1.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc1.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details--acc1.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc1.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details--acc1.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc1.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details--acc1.bg-light .hintbox,
.details--acc1.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details--acc1.bg-light,
.overlay-content .main-column>.details--acc1.bg-light .details--acc1.bg-light,
.overlay-content body>.details--acc1.bg-light,
.overlay-content>.details--acc1.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details--acc1.bg-light .details--acc1.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc1.bg-light .product-label.product-label--overflow,
.overlay-content body>.details--acc1.bg-light .product-label.product-label--overflow,
.overlay-content>.details--acc1.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details--acc1.active+.details--acc1.active {
  border-top-width: 1px;
  padding-top: 1px
}

.details--acc1.active {
  border-bottom-width: 2px;
  border-top-width: 2px
}

.details--acc1.active>.details-title {
  padding-bottom: 1.5rem;
  padding-top: 1.3rem
}

@media only print and (width >=0px) {
  .details--acc1.active>.details-title {
    padding-bottom: 2.5rem;
    padding-top: 2.3rem
  }
}

@media only screen and (min-width:1280px) {
  .details--acc1.active>.details-title {
    padding-bottom: 2.5rem;
    padding-top: 2.3rem
  }
}

.details--acc1+.details--acc1 {
  border-bottom: 0;
  top: -1px
}

.details--acc1+.details--acc1.active {
  border-bottom: 1px solid var(--detail-border-color)
}

@media only screen and (max-width:calc(600px - 1px)) {
  .details--acc1>.details-title .details-title-label {
    display: inline
  }

  .details--acc1>.details-title .details-title-label>.icons {
    float: left
  }

  .details--acc1>.details-title .details-title-label>h2 {
    display: inline
  }
}

@media only print and (width >=0px) {
  .details--acc1>.details-title {
    padding: 2.4rem 0
  }
}

@media only screen and (min-width:1280px) {
  .details--acc1>.details-title {
    padding: 2.4rem 0
  }
}

@media only print and (width >=0px) {

  .details--acc1:has(+:not(.details--acc1)),
  .details--acc1:last-of-type {
    border-bottom: 1px solid var(--detail-border-color)
  }

  .details--acc1:has(+:not(.details--acc1)).active,
  .details--acc1:last-of-type.active {
    border-bottom-width: 2px
  }
}

@media only screen and (min-width:0) {

  .details--acc1:has(+:not(.details--acc1)),
  .details--acc1:last-of-type {
    border-bottom: 1px solid var(--detail-border-color)
  }

  .details--acc1:has(+:not(.details--acc1)).active,
  .details--acc1:last-of-type.active {
    border-bottom-width: 2px
  }
}

.details--acc2 {
  border-bottom: 1px solid var(--detail-border-color);
  border-top: 0
}

.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.details--acc2:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details--acc2.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details--acc2.bg-dark .button--primary,
.details--acc2.bg-dark .button--primary-positive,
.details--acc2.bg-dark .button--secondary,
.details--acc2.bg-dark .button--secondary-positive,
.details--acc2.bg-dark .button--tertiary,
.details--acc2.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details--acc2.bg-dark .button--primary,
.details--acc2.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details--acc2.bg-dark .button--secondary,
.details--acc2.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.details--acc2.bg-dark .button--tertiary,
.details--acc2.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.details--acc2.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc2.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc2.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc2.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc2.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc2.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc2.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc2.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details--acc2.bg-dark,
:where(main)>.details--acc2.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details--acc2.bg-dark+*>*,
:where(main)>.details--acc2.bg-dark>* {
  --margin-top: initial
}

.details--acc2.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details--acc2.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details--acc2.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details--acc2.bg-dark.product-header,
  .details--acc2.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details--acc2.bg-dark.product-header,
  .details--acc2.bg-dark.product-header[class*=bg-],
  .details--acc2.bg-dark[class*=bg-],
  .details--acc2.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details--acc2.bg-dark.product-header .hintbox-icon img,
  .details--acc2.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details--acc2.bg-dark .details--s9>.details .main-column[class*=bg-],
.details--acc2.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details--acc2.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc2.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details--acc2.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc2.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details--acc2.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc2.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details--acc2.bg-dark .hintbox,
.details--acc2.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details--acc2.bg-dark,
.overlay-content .main-column>.details--acc2.bg-dark .details--acc2.bg-dark,
.overlay-content body>.details--acc2.bg-dark,
.overlay-content>.details--acc2.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details--acc2.bg-dark .details--acc2.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc2.bg-dark .product-label.product-label--overflow,
.overlay-content body>.details--acc2.bg-dark .product-label.product-label--overflow,
.overlay-content>.details--acc2.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details--acc2.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details--acc2.bg-dark-accent .button--primary,
.details--acc2.bg-dark-accent .button--primary-positive,
.details--acc2.bg-dark-accent .button--secondary,
.details--acc2.bg-dark-accent .button--secondary-positive,
.details--acc2.bg-dark-accent .button--tertiary,
.details--acc2.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details--acc2.bg-dark-accent .button--primary,
.details--acc2.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details--acc2.bg-dark-accent .button--secondary,
.details--acc2.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.details--acc2.bg-dark-accent .button--tertiary,
.details--acc2.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.details--acc2.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc2.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc2.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc2.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc2.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc2.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc2.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc2.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details--acc2.bg-dark-accent,
:where(main)>.details--acc2.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details--acc2.bg-dark-accent+*>*,
:where(main)>.details--acc2.bg-dark-accent>* {
  --margin-top: initial
}

.details--acc2.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details--acc2.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details--acc2.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details--acc2.bg-dark-accent.product-header,
  .details--acc2.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details--acc2.bg-dark-accent.product-header,
  .details--acc2.bg-dark-accent.product-header[class*=bg-],
  .details--acc2.bg-dark-accent[class*=bg-],
  .details--acc2.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details--acc2.bg-dark-accent.product-header .hintbox-icon img,
  .details--acc2.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details--acc2.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.details--acc2.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details--acc2.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc2.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details--acc2.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc2.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details--acc2.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc2.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details--acc2.bg-dark-accent .hintbox,
.details--acc2.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details--acc2.bg-dark-accent,
.overlay-content .main-column>.details--acc2.bg-dark-accent .details--acc2.bg-dark-accent,
.overlay-content body>.details--acc2.bg-dark-accent,
.overlay-content>.details--acc2.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details--acc2.bg-dark-accent .details--acc2.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc2.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.details--acc2.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.details--acc2.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details--acc2.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.details--acc2.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc2.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc2.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc2.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc2.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc2.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc2.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc2.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details--acc2.bg-light-accent,
:where(main)>.details--acc2.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details--acc2.bg-light-accent+*>*,
:where(main)>.details--acc2.bg-light-accent>* {
  --margin-top: initial
}

.details--acc2.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details--acc2.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details--acc2.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details--acc2.bg-light-accent.product-header,
  .details--acc2.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details--acc2.bg-light-accent.product-header,
  .details--acc2.bg-light-accent.product-header[class*=bg-],
  .details--acc2.bg-light-accent[class*=bg-],
  .details--acc2.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details--acc2.bg-light-accent.product-header .hintbox-icon img,
  .details--acc2.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details--acc2.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.details--acc2.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details--acc2.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc2.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details--acc2.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc2.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details--acc2.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc2.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details--acc2.bg-light-accent .hintbox,
.details--acc2.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details--acc2.bg-light-accent,
.overlay-content .main-column>.details--acc2.bg-light-accent .details--acc2.bg-light-accent,
.overlay-content body>.details--acc2.bg-light-accent,
.overlay-content>.details--acc2.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details--acc2.bg-light-accent .details--acc2.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc2.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.details--acc2.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.details--acc2.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details--acc2.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.details--acc2.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc2.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc2.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc2.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc2.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc2.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc2.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc2.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details--acc2.bg-light-accent-secondary,
:where(main)>.details--acc2.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details--acc2.bg-light-accent-secondary+*>*,
:where(main)>.details--acc2.bg-light-accent-secondary>* {
  --margin-top: initial
}

.details--acc2.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details--acc2.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details--acc2.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details--acc2.bg-light-accent-secondary.product-header,
  .details--acc2.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details--acc2.bg-light-accent-secondary.product-header,
  .details--acc2.bg-light-accent-secondary.product-header[class*=bg-],
  .details--acc2.bg-light-accent-secondary[class*=bg-],
  .details--acc2.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details--acc2.bg-light-accent-secondary.product-header .hintbox-icon img,
  .details--acc2.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details--acc2.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.details--acc2.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details--acc2.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc2.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details--acc2.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc2.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details--acc2.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc2.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details--acc2.bg-light-accent-secondary .hintbox,
.details--acc2.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details--acc2.bg-light-accent-secondary,
.overlay-content .main-column>.details--acc2.bg-light-accent-secondary .details--acc2.bg-light-accent-secondary,
.overlay-content body>.details--acc2.bg-light-accent-secondary,
.overlay-content>.details--acc2.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details--acc2.bg-light-accent-secondary .details--acc2.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc2.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.details--acc2.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.details--acc2.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details--acc2.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.details--acc2.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc2.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc2.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc2.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc2.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc2.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc2.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc2.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc2.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details--acc2.bg-light,
:where(main)>.details--acc2.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details--acc2.bg-light+*>*,
:where(main)>.details--acc2.bg-light>* {
  --margin-top: initial
}

.details--acc2.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details--acc2.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details--acc2.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details--acc2.bg-light.product-header,
  .details--acc2.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details--acc2.bg-light.product-header,
  .details--acc2.bg-light.product-header[class*=bg-],
  .details--acc2.bg-light[class*=bg-],
  .details--acc2.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details--acc2.bg-light.product-header .hintbox-icon img,
  .details--acc2.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details--acc2.bg-light .details--s9>.details .main-column[class*=bg-],
.details--acc2.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details--acc2.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc2.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details--acc2.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc2.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details--acc2.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc2.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details--acc2.bg-light .hintbox,
.details--acc2.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details--acc2.bg-light,
.overlay-content .main-column>.details--acc2.bg-light .details--acc2.bg-light,
.overlay-content body>.details--acc2.bg-light,
.overlay-content>.details--acc2.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details--acc2.bg-light .details--acc2.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc2.bg-light .product-label.product-label--overflow,
.overlay-content body>.details--acc2.bg-light .product-label.product-label--overflow,
.overlay-content>.details--acc2.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details--acc2:last-child {
  margin-bottom: 2rem
}

.details--acc2.active>.details-title {
  padding-bottom: 1.5rem
}

.details--acc2 .details-title .tag {
  margin-top: 2px
}

.details--acc2 .details-title .icons {
  --icon-size: 2.2rem;
  --icon-padding-right: 1rem
}

.details--acc2 .details-content {
  --content-padding-left: calc(2.2rem + 1rem);
  padding-bottom: 3rem
}

.details--acc3,
.details--acc4 {
  border-bottom: 1px solid var(--detail-border-color);
  border-top: 0
}

.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*,
:where(main)>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>*,
:where(main)>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
main .details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
  .details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-],
  .details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img,
  .details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.page-s3 .main-column .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s9 .main-column .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
:not(.details--s9)>.details .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact,
.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.details--acc3:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.details--acc4:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.bg-dark.details--acc4,
.details--acc3.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.bg-dark.details--acc4 .button--primary,
.bg-dark.details--acc4 .button--primary-positive,
.bg-dark.details--acc4 .button--secondary,
.bg-dark.details--acc4 .button--secondary-positive,
.bg-dark.details--acc4 .button--tertiary,
.bg-dark.details--acc4 .button--tertiary-positive,
.details--acc3.bg-dark .button--primary,
.details--acc3.bg-dark .button--primary-positive,
.details--acc3.bg-dark .button--secondary,
.details--acc3.bg-dark .button--secondary-positive,
.details--acc3.bg-dark .button--tertiary,
.details--acc3.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark.details--acc4 .button--primary,
.bg-dark.details--acc4 .button--primary-positive,
.details--acc3.bg-dark .button--primary,
.details--acc3.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark.details--acc4 .button--secondary,
.bg-dark.details--acc4 .button--secondary-positive,
.details--acc3.bg-dark .button--secondary,
.details--acc3.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark.details--acc4 .button--tertiary,
.bg-dark.details--acc4 .button--tertiary-positive,
.details--acc3.bg-dark .button--tertiary,
.details--acc3.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.bg-dark.details--acc4:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.bg-dark.details--acc4:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.details--acc3.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc3.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.bg-dark.details--acc4:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.bg-dark.details--acc4:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc3.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc3.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.bg-dark.details--acc4:where(.hintbox, .programtile-container),
.two-column-container-content>.bg-dark.details--acc4:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc3.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc3.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.bg-dark.details--acc4:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.bg-dark.details--acc4:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc3.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc3.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-dark.details--acc4+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-dark.details--acc4:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-dark.details--acc4+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-dark.details--acc4:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.bg-dark.details--acc4,
:where(main)>.bg-dark.details--acc4+*,
:where(main)>.details--acc3.bg-dark,
:where(main)>.details--acc3.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.bg-dark.details--acc4+*>*,
:where(main)>.bg-dark.details--acc4>*,
:where(main)>.details--acc3.bg-dark+*>*,
:where(main)>.details--acc3.bg-dark>* {
  --margin-top: initial
}

.bg-dark.details--acc4:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.details--acc3.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .bg-dark.details--acc4,
  .details--acc3.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .bg-dark.details--acc4:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .details--acc3.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .bg-dark.product-header.details--acc4,
  .bg-dark[class*=bg-].details--acc4,
  .details--acc3.bg-dark.product-header,
  .details--acc3.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .bg-dark.product-header.details--acc4,
  .bg-dark[class*=bg-].details--acc4,
  .details--acc3.bg-dark.product-header,
  .details--acc3.bg-dark.product-header[class*=bg-],
  .details--acc3.bg-dark[class*=bg-],
  .details--acc3.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .bg-dark.product-header.details--acc4 .hintbox-icon img,
  .bg-dark[class*=bg-].details--acc4 .hintbox-icon img,
  .details--acc3.bg-dark.product-header .hintbox-icon img,
  .details--acc3.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.bg-dark.details--acc4 .details--s9>.details .main-column[class*=bg-],
.details--acc3.bg-dark .details--s9>.details .main-column[class*=bg-],
.details--acc3.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .bg-dark.details--acc4:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc3.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc3.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .bg-dark.details--acc4:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc3.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc3.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .bg-dark.details--acc4:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc3.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc3.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.bg-dark.compact.details--acc4,
.bg-dark.details--acc4 .hintbox,
.details--acc3.bg-dark .hintbox,
.details--acc3.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.bg-dark.details--acc4,
.overlay-content .main-column>.bg-dark.details--acc4 .bg-dark.details--acc4,
.overlay-content .main-column>.bg-dark.details--acc4 .details--acc3.bg-dark,
.overlay-content .main-column>.details--acc3.bg-dark,
.overlay-content .main-column>.details--acc3.bg-dark .bg-dark.details--acc4,
.overlay-content .main-column>.details--acc3.bg-dark .details--acc3.bg-dark,
.overlay-content body>.bg-dark.details--acc4,
.overlay-content body>.details--acc3.bg-dark,
.overlay-content>.bg-dark.details--acc4,
.overlay-content>.details--acc3.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.bg-dark.details--acc4 .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc3.bg-dark .details--acc3.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc3.bg-dark .product-label.product-label--overflow,
.overlay-content body>.bg-dark.details--acc4 .product-label.product-label--overflow,
.overlay-content body>.details--acc3.bg-dark .product-label.product-label--overflow,
.overlay-content>.bg-dark.details--acc4 .product-label.product-label--overflow,
.overlay-content>.details--acc3.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.bg-dark-accent.details--acc4,
.details--acc3.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.bg-dark-accent.details--acc4 .button--primary,
.bg-dark-accent.details--acc4 .button--primary-positive,
.bg-dark-accent.details--acc4 .button--secondary,
.bg-dark-accent.details--acc4 .button--secondary-positive,
.bg-dark-accent.details--acc4 .button--tertiary,
.bg-dark-accent.details--acc4 .button--tertiary-positive,
.details--acc3.bg-dark-accent .button--primary,
.details--acc3.bg-dark-accent .button--primary-positive,
.details--acc3.bg-dark-accent .button--secondary,
.details--acc3.bg-dark-accent .button--secondary-positive,
.details--acc3.bg-dark-accent .button--tertiary,
.details--acc3.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark-accent.details--acc4 .button--primary,
.bg-dark-accent.details--acc4 .button--primary-positive,
.details--acc3.bg-dark-accent .button--primary,
.details--acc3.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark-accent.details--acc4 .button--secondary,
.bg-dark-accent.details--acc4 .button--secondary-positive,
.details--acc3.bg-dark-accent .button--secondary,
.details--acc3.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark-accent.details--acc4 .button--tertiary,
.bg-dark-accent.details--acc4 .button--tertiary-positive,
.details--acc3.bg-dark-accent .button--tertiary,
.details--acc3.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.bg-dark-accent.details--acc4:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.bg-dark-accent.details--acc4:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.details--acc3.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc3.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.bg-dark-accent.details--acc4:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.bg-dark-accent.details--acc4:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc3.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc3.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.bg-dark-accent.details--acc4:where(.hintbox, .programtile-container),
.two-column-container-content>.bg-dark-accent.details--acc4:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc3.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc3.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.bg-dark-accent.details--acc4:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.bg-dark-accent.details--acc4:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc3.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc3.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-dark-accent.details--acc4+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-dark-accent.details--acc4:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-dark-accent.details--acc4+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-dark-accent.details--acc4:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.bg-dark-accent.details--acc4,
:where(main)>.bg-dark-accent.details--acc4+*,
:where(main)>.details--acc3.bg-dark-accent,
:where(main)>.details--acc3.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.bg-dark-accent.details--acc4+*>*,
:where(main)>.bg-dark-accent.details--acc4>*,
:where(main)>.details--acc3.bg-dark-accent+*>*,
:where(main)>.details--acc3.bg-dark-accent>* {
  --margin-top: initial
}

.bg-dark-accent.details--acc4:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.details--acc3.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .bg-dark-accent.details--acc4,
  .details--acc3.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .bg-dark-accent.details--acc4:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .details--acc3.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .bg-dark-accent.product-header.details--acc4,
  .bg-dark-accent[class*=bg-].details--acc4,
  .details--acc3.bg-dark-accent.product-header,
  .details--acc3.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .bg-dark-accent.product-header.details--acc4,
  .bg-dark-accent[class*=bg-].details--acc4,
  .details--acc3.bg-dark-accent.product-header,
  .details--acc3.bg-dark-accent.product-header[class*=bg-],
  .details--acc3.bg-dark-accent[class*=bg-],
  .details--acc3.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .bg-dark-accent.product-header.details--acc4 .hintbox-icon img,
  .bg-dark-accent[class*=bg-].details--acc4 .hintbox-icon img,
  .details--acc3.bg-dark-accent.product-header .hintbox-icon img,
  .details--acc3.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.bg-dark-accent.details--acc4 .details--s9>.details .main-column[class*=bg-],
.details--acc3.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.details--acc3.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .bg-dark-accent.details--acc4:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc3.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc3.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .bg-dark-accent.details--acc4:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc3.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc3.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .bg-dark-accent.details--acc4:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc3.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc3.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.bg-dark-accent.compact.details--acc4,
.bg-dark-accent.details--acc4 .hintbox,
.details--acc3.bg-dark-accent .hintbox,
.details--acc3.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.bg-dark-accent.details--acc4,
.overlay-content .main-column>.bg-dark-accent.details--acc4 .bg-dark-accent.details--acc4,
.overlay-content .main-column>.bg-dark-accent.details--acc4 .details--acc3.bg-dark-accent,
.overlay-content .main-column>.details--acc3.bg-dark-accent,
.overlay-content .main-column>.details--acc3.bg-dark-accent .bg-dark-accent.details--acc4,
.overlay-content .main-column>.details--acc3.bg-dark-accent .details--acc3.bg-dark-accent,
.overlay-content body>.bg-dark-accent.details--acc4,
.overlay-content body>.details--acc3.bg-dark-accent,
.overlay-content>.bg-dark-accent.details--acc4,
.overlay-content>.details--acc3.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.bg-dark-accent.details--acc4 .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc3.bg-dark-accent .details--acc3.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc3.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.bg-dark-accent.details--acc4 .product-label.product-label--overflow,
.overlay-content body>.details--acc3.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.bg-dark-accent.details--acc4 .product-label.product-label--overflow,
.overlay-content>.details--acc3.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.bg-light-accent.details--acc4,
.details--acc3.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.bg-light-accent.details--acc4:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.bg-light-accent.details--acc4:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.details--acc3.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc3.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.bg-light-accent.details--acc4:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.bg-light-accent.details--acc4:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc3.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc3.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.bg-light-accent.details--acc4:where(.hintbox, .programtile-container),
.two-column-container-content>.bg-light-accent.details--acc4:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc3.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc3.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.bg-light-accent.details--acc4:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.bg-light-accent.details--acc4:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc3.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc3.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-light-accent.details--acc4+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-light-accent.details--acc4:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-light-accent.details--acc4+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-light-accent.details--acc4:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.bg-light-accent.details--acc4,
:where(main)>.bg-light-accent.details--acc4+*,
:where(main)>.details--acc3.bg-light-accent,
:where(main)>.details--acc3.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.bg-light-accent.details--acc4+*>*,
:where(main)>.bg-light-accent.details--acc4>*,
:where(main)>.details--acc3.bg-light-accent+*>*,
:where(main)>.details--acc3.bg-light-accent>* {
  --margin-top: initial
}

.bg-light-accent.details--acc4:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.details--acc3.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .bg-light-accent.details--acc4,
  .details--acc3.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .bg-light-accent.details--acc4:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .details--acc3.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .bg-light-accent.product-header.details--acc4,
  .bg-light-accent[class*=bg-].details--acc4,
  .details--acc3.bg-light-accent.product-header,
  .details--acc3.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .bg-light-accent.product-header.details--acc4,
  .bg-light-accent[class*=bg-].details--acc4,
  .details--acc3.bg-light-accent.product-header,
  .details--acc3.bg-light-accent.product-header[class*=bg-],
  .details--acc3.bg-light-accent[class*=bg-],
  .details--acc3.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .bg-light-accent.product-header.details--acc4 .hintbox-icon img,
  .bg-light-accent[class*=bg-].details--acc4 .hintbox-icon img,
  .details--acc3.bg-light-accent.product-header .hintbox-icon img,
  .details--acc3.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.bg-light-accent.details--acc4 .details--s9>.details .main-column[class*=bg-],
.details--acc3.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.details--acc3.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .bg-light-accent.details--acc4:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc3.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc3.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .bg-light-accent.details--acc4:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc3.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc3.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .bg-light-accent.details--acc4:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc3.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc3.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.bg-light-accent.compact.details--acc4,
.bg-light-accent.details--acc4 .hintbox,
.details--acc3.bg-light-accent .hintbox,
.details--acc3.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.bg-light-accent.details--acc4,
.overlay-content .main-column>.bg-light-accent.details--acc4 .bg-light-accent.details--acc4,
.overlay-content .main-column>.bg-light-accent.details--acc4 .details--acc3.bg-light-accent,
.overlay-content .main-column>.details--acc3.bg-light-accent,
.overlay-content .main-column>.details--acc3.bg-light-accent .bg-light-accent.details--acc4,
.overlay-content .main-column>.details--acc3.bg-light-accent .details--acc3.bg-light-accent,
.overlay-content body>.bg-light-accent.details--acc4,
.overlay-content body>.details--acc3.bg-light-accent,
.overlay-content>.bg-light-accent.details--acc4,
.overlay-content>.details--acc3.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.bg-light-accent.details--acc4 .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc3.bg-light-accent .details--acc3.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc3.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.bg-light-accent.details--acc4 .product-label.product-label--overflow,
.overlay-content body>.details--acc3.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.bg-light-accent.details--acc4 .product-label.product-label--overflow,
.overlay-content>.details--acc3.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.bg-light-accent-secondary.details--acc4,
.details--acc3.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.bg-light-accent-secondary.details--acc4:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.bg-light-accent-secondary.details--acc4:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.details--acc3.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc3.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.bg-light-accent-secondary.details--acc4:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.bg-light-accent-secondary.details--acc4:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc3.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc3.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.bg-light-accent-secondary.details--acc4:where(.hintbox, .programtile-container),
.two-column-container-content>.bg-light-accent-secondary.details--acc4:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc3.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc3.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.bg-light-accent-secondary.details--acc4:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.bg-light-accent-secondary.details--acc4:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc3.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc3.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-light-accent-secondary.details--acc4+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-light-accent-secondary.details--acc4:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-light-accent-secondary.details--acc4+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-light-accent-secondary.details--acc4:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.bg-light-accent-secondary.details--acc4,
:where(main)>.bg-light-accent-secondary.details--acc4+*,
:where(main)>.details--acc3.bg-light-accent-secondary,
:where(main)>.details--acc3.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.bg-light-accent-secondary.details--acc4+*>*,
:where(main)>.bg-light-accent-secondary.details--acc4>*,
:where(main)>.details--acc3.bg-light-accent-secondary+*>*,
:where(main)>.details--acc3.bg-light-accent-secondary>* {
  --margin-top: initial
}

.bg-light-accent-secondary.details--acc4:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.details--acc3.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .bg-light-accent-secondary.details--acc4,
  .details--acc3.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .bg-light-accent-secondary.details--acc4:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .details--acc3.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .bg-light-accent-secondary.product-header.details--acc4,
  .bg-light-accent-secondary[class*=bg-].details--acc4,
  .details--acc3.bg-light-accent-secondary.product-header,
  .details--acc3.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .bg-light-accent-secondary.product-header.details--acc4,
  .bg-light-accent-secondary[class*=bg-].details--acc4,
  .details--acc3.bg-light-accent-secondary.product-header,
  .details--acc3.bg-light-accent-secondary.product-header[class*=bg-],
  .details--acc3.bg-light-accent-secondary[class*=bg-],
  .details--acc3.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .bg-light-accent-secondary.product-header.details--acc4 .hintbox-icon img,
  .bg-light-accent-secondary[class*=bg-].details--acc4 .hintbox-icon img,
  .details--acc3.bg-light-accent-secondary.product-header .hintbox-icon img,
  .details--acc3.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.bg-light-accent-secondary.details--acc4 .details--s9>.details .main-column[class*=bg-],
.details--acc3.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.details--acc3.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .bg-light-accent-secondary.details--acc4:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc3.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc3.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .bg-light-accent-secondary.details--acc4:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc3.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc3.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .bg-light-accent-secondary.details--acc4:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc3.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc3.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.bg-light-accent-secondary.compact.details--acc4,
.bg-light-accent-secondary.details--acc4 .hintbox,
.details--acc3.bg-light-accent-secondary .hintbox,
.details--acc3.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.bg-light-accent-secondary.details--acc4,
.overlay-content .main-column>.bg-light-accent-secondary.details--acc4 .bg-light-accent-secondary.details--acc4,
.overlay-content .main-column>.bg-light-accent-secondary.details--acc4 .details--acc3.bg-light-accent-secondary,
.overlay-content .main-column>.details--acc3.bg-light-accent-secondary,
.overlay-content .main-column>.details--acc3.bg-light-accent-secondary .bg-light-accent-secondary.details--acc4,
.overlay-content .main-column>.details--acc3.bg-light-accent-secondary .details--acc3.bg-light-accent-secondary,
.overlay-content body>.bg-light-accent-secondary.details--acc4,
.overlay-content body>.details--acc3.bg-light-accent-secondary,
.overlay-content>.bg-light-accent-secondary.details--acc4,
.overlay-content>.details--acc3.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.bg-light-accent-secondary.details--acc4 .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc3.bg-light-accent-secondary .details--acc3.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc3.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.bg-light-accent-secondary.details--acc4 .product-label.product-label--overflow,
.overlay-content body>.details--acc3.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.bg-light-accent-secondary.details--acc4 .product-label.product-label--overflow,
.overlay-content>.details--acc3.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.bg-light.details--acc4,
.details--acc3.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.bg-light.details--acc4:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.bg-light.details--acc4:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.details--acc3.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details--acc3.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.bg-light.details--acc4:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.bg-light.details--acc4:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details--acc3.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details--acc3.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.bg-light.details--acc4:where(.hintbox, .programtile-container),
.two-column-container-content>.bg-light.details--acc4:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details--acc3.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.details--acc3.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.bg-light.details--acc4:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.bg-light.details--acc4:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details--acc3.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details--acc3.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-light.details--acc4+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-light.details--acc4:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-light.details--acc4+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.bg-light.details--acc4:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details--acc3.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.bg-light.details--acc4,
:where(main)>.bg-light.details--acc4+*,
:where(main)>.details--acc3.bg-light,
:where(main)>.details--acc3.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.bg-light.details--acc4+*>*,
:where(main)>.bg-light.details--acc4>*,
:where(main)>.details--acc3.bg-light+*>*,
:where(main)>.details--acc3.bg-light>* {
  --margin-top: initial
}

.bg-light.details--acc4:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.details--acc3.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .bg-light.details--acc4,
  .details--acc3.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .bg-light.details--acc4:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .details--acc3.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .bg-light.product-header.details--acc4,
  .bg-light[class*=bg-].details--acc4,
  .details--acc3.bg-light.product-header,
  .details--acc3.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .bg-light.product-header.details--acc4,
  .bg-light[class*=bg-].details--acc4,
  .details--acc3.bg-light.product-header,
  .details--acc3.bg-light.product-header[class*=bg-],
  .details--acc3.bg-light[class*=bg-],
  .details--acc3.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .bg-light.product-header.details--acc4 .hintbox-icon img,
  .bg-light[class*=bg-].details--acc4 .hintbox-icon img,
  .details--acc3.bg-light.product-header .hintbox-icon img,
  .details--acc3.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.bg-light.details--acc4 .details--s9>.details .main-column[class*=bg-],
.details--acc3.bg-light .details--s9>.details .main-column[class*=bg-],
.details--acc3.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .bg-light.details--acc4:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc3.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details--acc3.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .bg-light.details--acc4:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc3.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details--acc3.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .bg-light.details--acc4:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc3.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details--acc3.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.bg-light.compact.details--acc4,
.bg-light.details--acc4 .hintbox,
.details--acc3.bg-light .hintbox,
.details--acc3.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.bg-light.details--acc4,
.overlay-content .main-column>.bg-light.details--acc4 .bg-light.details--acc4,
.overlay-content .main-column>.bg-light.details--acc4 .details--acc3.bg-light,
.overlay-content .main-column>.details--acc3.bg-light,
.overlay-content .main-column>.details--acc3.bg-light .bg-light.details--acc4,
.overlay-content .main-column>.details--acc3.bg-light .details--acc3.bg-light,
.overlay-content body>.bg-light.details--acc4,
.overlay-content body>.details--acc3.bg-light,
.overlay-content>.bg-light.details--acc4,
.overlay-content>.details--acc3.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.bg-light.details--acc4 .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc3.bg-light .details--acc3.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.details--acc3.bg-light .product-label.product-label--overflow,
.overlay-content body>.bg-light.details--acc4 .product-label.product-label--overflow,
.overlay-content body>.details--acc3.bg-light .product-label.product-label--overflow,
.overlay-content>.bg-light.details--acc4 .product-label.product-label--overflow,
.overlay-content>.details--acc3.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details--acc3:last-child,
.details--acc4:last-child {
  margin-bottom: 2rem
}

.active.details--acc4>.details-title,
.details--acc3.active>.details-title {
  padding-bottom: 1.5rem
}

.details--acc3 .details-title,
.details--acc4 .details-title {
  color: var(--link-color);
  padding-bottom: 1.4rem;
  padding-top: 1.4rem
}

.details--acc3 .details-title:focus-visible,
.details--acc3 .details-title:hover,
.details--acc4 .details-title:focus-visible,
.details--acc4 .details-title:hover {
  color: var(--link-color-hover);
  text-decoration: underline
}

.details--acc3 .details-title-label,
.details--acc4 .details-title-label {
  align-items: baseline
}

.details--acc3 .details-title-label .icons .icon:before,
.details--acc4 .details-title-label .icons .icon:before {
  line-height: 2.8rem
}

.details--acc3 .details-title .tag,
.details--acc4 .details-title .tag {
  margin-top: 0
}

.details--acc3 .details-title .icons,
.details--acc4 .details-title .icons {
  --icon-size: 1.6rem;
  --icon-padding-right: 1rem
}

.details--acc3 .details-content,
.details--acc4 .details-content {
  --content-padding-left: calc(1.6rem + 1rem);
  padding-bottom: 3rem
}

.details--acc3 .details-content h1.tx-1,
.details--acc3 .details-content h2.tx-1,
.details--acc3 .details-content h3.tx-1,
.details--acc3 .details-content h4.tx-1,
.details--acc3 .details-content h5.tx-1,
.details--acc4 .details-content h1.tx-1,
.details--acc4 .details-content h2.tx-1,
.details--acc4 .details-content h3.tx-1,
.details--acc4 .details-content h4.tx-1,
.details--acc4 .details-content h5.tx-1 {
  margin-bottom: 1rem
}

.details--acc4 {
  margin-top: var(--space-small)
}

.details--acc4:last-child {
  border-bottom: 0
}

.details--acc4:last-of-type {
  margin-bottom: 0
}

.details--acc4.details--acc4 {
  border-bottom: 0;
  border-top: 0;
  margin-bottom: 2rem;
  margin-inline: 0
}

.details--acc4 .details-title {
  padding-bottom: 0;
  padding-top: 0;
  width: auto
}

.details--acc4 .details-title .icons {
  padding-right: .5rem
}

.details--acc4 .details-title .icons .icon:before {
  font-size: inherit
}

@media only screen and (max-width:calc(600px - 1px)) {
  .details--acc4 .details-title .details-title-label {
    display: inline-block
  }

  .details--acc4 .details-title .details-title-label>:nth-child(2),
  .details--acc4 .details-title .on-active {
    display: inline
  }
}

.details--acc4 .details-content {
  padding-bottom: 1rem;
  padding-left: 0
}

@media only screen and (max-width:calc(600px - 1px)) {
  .details--acc4.active>.details-title .on-inactive {
    display: inline
  }
}

.details-faq .details-content .details:last-child {
  margin-bottom: 0
}

.details-faq .faq-intro-text:not(:has(+.details)) {
  margin-bottom: var(--space-small)
}

.details-faq .faq-intro-text+.text-image .text-image-headline {
  margin-top: var(--space-large)
}

.details+.details {
  margin-top: 0
}

.details .on-active {
  display: block
}

.details .on-inactive {
  display: none
}

.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: 0;
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.details .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details .details.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details .details.bg-dark .button--primary,
.details .details.bg-dark .button--primary-positive,
.details .details.bg-dark .button--secondary,
.details .details.bg-dark .button--secondary-positive,
.details .details.bg-dark .button--tertiary,
.details .details.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details .details.bg-dark .button--primary,
.details .details.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details .details.bg-dark .button--secondary,
.details .details.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.details .details.bg-dark .button--tertiary,
.details .details.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.details .details.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details .details.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details .details.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details .details.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details .details.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.details .details.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details .details.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details .details.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details .details.bg-dark,
:where(main)>.details .details.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details .details.bg-dark+*>*,
:where(main)>.details .details.bg-dark>* {
  --margin-top: initial
}

.details .details.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details .details.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details .details.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details .details.bg-dark.product-header,
  .details .details.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details .details.bg-dark.product-header,
  .details .details.bg-dark.product-header[class*=bg-],
  .details .details.bg-dark[class*=bg-],
  .details .details.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details .details.bg-dark.product-header .hintbox-icon img,
  .details .details.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details .details.bg-dark .details--s9>.details .main-column[class*=bg-],
.details .details.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details .details.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details .details.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details .details.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details .details.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details .details.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details .details.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details .details.bg-dark .hintbox,
.details .details.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details .details.bg-dark,
.overlay-content .main-column>.details .details.bg-dark .details .details.bg-dark,
.overlay-content body>.details .details.bg-dark,
.overlay-content>.details .details.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details .details.bg-dark .details .details.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.details .details.bg-dark .product-label.product-label--overflow,
.overlay-content body>.details .details.bg-dark .product-label.product-label--overflow,
.overlay-content>.details .details.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details .details.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details .details.bg-dark-accent .button--primary,
.details .details.bg-dark-accent .button--primary-positive,
.details .details.bg-dark-accent .button--secondary,
.details .details.bg-dark-accent .button--secondary-positive,
.details .details.bg-dark-accent .button--tertiary,
.details .details.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details .details.bg-dark-accent .button--primary,
.details .details.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details .details.bg-dark-accent .button--secondary,
.details .details.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.details .details.bg-dark-accent .button--tertiary,
.details .details.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.details .details.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details .details.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details .details.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details .details.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details .details.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.details .details.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details .details.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details .details.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details .details.bg-dark-accent,
:where(main)>.details .details.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details .details.bg-dark-accent+*>*,
:where(main)>.details .details.bg-dark-accent>* {
  --margin-top: initial
}

.details .details.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details .details.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details .details.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details .details.bg-dark-accent.product-header,
  .details .details.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details .details.bg-dark-accent.product-header,
  .details .details.bg-dark-accent.product-header[class*=bg-],
  .details .details.bg-dark-accent[class*=bg-],
  .details .details.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details .details.bg-dark-accent.product-header .hintbox-icon img,
  .details .details.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details .details.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.details .details.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details .details.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details .details.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details .details.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details .details.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details .details.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details .details.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details .details.bg-dark-accent .hintbox,
.details .details.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details .details.bg-dark-accent,
.overlay-content .main-column>.details .details.bg-dark-accent .details .details.bg-dark-accent,
.overlay-content body>.details .details.bg-dark-accent,
.overlay-content>.details .details.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details .details.bg-dark-accent .details .details.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.details .details.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.details .details.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.details .details.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details .details.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.details .details.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details .details.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details .details.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details .details.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details .details.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.details .details.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details .details.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details .details.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details .details.bg-light-accent,
:where(main)>.details .details.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details .details.bg-light-accent+*>*,
:where(main)>.details .details.bg-light-accent>* {
  --margin-top: initial
}

.details .details.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details .details.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details .details.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details .details.bg-light-accent.product-header,
  .details .details.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details .details.bg-light-accent.product-header,
  .details .details.bg-light-accent.product-header[class*=bg-],
  .details .details.bg-light-accent[class*=bg-],
  .details .details.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details .details.bg-light-accent.product-header .hintbox-icon img,
  .details .details.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details .details.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.details .details.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details .details.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details .details.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details .details.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details .details.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details .details.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details .details.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details .details.bg-light-accent .hintbox,
.details .details.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details .details.bg-light-accent,
.overlay-content .main-column>.details .details.bg-light-accent .details .details.bg-light-accent,
.overlay-content body>.details .details.bg-light-accent,
.overlay-content>.details .details.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details .details.bg-light-accent .details .details.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.details .details.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.details .details.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.details .details.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details .details.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.details .details.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details .details.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details .details.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details .details.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details .details.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.details .details.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details .details.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details .details.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details .details.bg-light-accent-secondary,
:where(main)>.details .details.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details .details.bg-light-accent-secondary+*>*,
:where(main)>.details .details.bg-light-accent-secondary>* {
  --margin-top: initial
}

.details .details.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details .details.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details .details.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details .details.bg-light-accent-secondary.product-header,
  .details .details.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details .details.bg-light-accent-secondary.product-header,
  .details .details.bg-light-accent-secondary.product-header[class*=bg-],
  .details .details.bg-light-accent-secondary[class*=bg-],
  .details .details.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details .details.bg-light-accent-secondary.product-header .hintbox-icon img,
  .details .details.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details .details.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.details .details.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details .details.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details .details.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details .details.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details .details.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details .details.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details .details.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details .details.bg-light-accent-secondary .hintbox,
.details .details.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details .details.bg-light-accent-secondary,
.overlay-content .main-column>.details .details.bg-light-accent-secondary .details .details.bg-light-accent-secondary,
.overlay-content body>.details .details.bg-light-accent-secondary,
.overlay-content>.details .details.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details .details.bg-light-accent-secondary .details .details.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.details .details.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.details .details.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.details .details.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details .details.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.details .details.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details .details.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details .details.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details .details.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details .details.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.details .details.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details .details.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details .details.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details .details.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details .details.bg-light,
:where(main)>.details .details.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details .details.bg-light+*>*,
:where(main)>.details .details.bg-light>* {
  --margin-top: initial
}

.details .details.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details .details.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details .details.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details .details.bg-light.product-header,
  .details .details.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details .details.bg-light.product-header,
  .details .details.bg-light.product-header[class*=bg-],
  .details .details.bg-light[class*=bg-],
  .details .details.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details .details.bg-light.product-header .hintbox-icon img,
  .details .details.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details .details.bg-light .details--s9>.details .main-column[class*=bg-],
.details .details.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details .details.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details .details.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details .details.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details .details.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details .details.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details .details.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details .details.bg-light .hintbox,
.details .details.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details .details.bg-light,
.overlay-content .main-column>.details .details.bg-light .details .details.bg-light,
.overlay-content body>.details .details.bg-light,
.overlay-content>.details .details.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details .details.bg-light .details .details.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.details .details.bg-light .product-label.product-label--overflow,
.overlay-content body>.details .details.bg-light .product-label.product-label--overflow,
.overlay-content>.details .details.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

@media only print and (width >=0px) {
  .details {
    --icon-size: 3.2rem;
    --icon-padding-right: 2rem
  }
}

@media only screen and (min-width:1280px) {
  .details {
    --icon-size: 3.2rem;
    --icon-padding-right: 2rem
  }
}

.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.details-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details-container.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details-container.bg-dark .button--primary,
.details-container.bg-dark .button--primary-positive,
.details-container.bg-dark .button--secondary,
.details-container.bg-dark .button--secondary-positive,
.details-container.bg-dark .button--tertiary,
.details-container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details-container.bg-dark .button--primary,
.details-container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details-container.bg-dark .button--secondary,
.details-container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.details-container.bg-dark .button--tertiary,
.details-container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.details-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details-container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details-container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details-container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.details-container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details-container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details-container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details-container.bg-dark,
:where(main)>.details-container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details-container.bg-dark+*>*,
:where(main)>.details-container.bg-dark>* {
  --margin-top: initial
}

.details-container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details-container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details-container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details-container.bg-dark.product-header,
  .details-container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details-container.bg-dark.product-header,
  .details-container.bg-dark.product-header[class*=bg-],
  .details-container.bg-dark[class*=bg-],
  .details-container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details-container.bg-dark.product-header .hintbox-icon img,
  .details-container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details-container.bg-dark .details--s9>.details .main-column[class*=bg-],
.details-container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details-container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details-container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details-container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details-container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details-container.bg-dark .hintbox,
.details-container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details-container.bg-dark,
.overlay-content .main-column>.details-container.bg-dark .details-container.bg-dark,
.overlay-content body>.details-container.bg-dark,
.overlay-content>.details-container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details-container.bg-dark .details-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.details-container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.details-container.bg-dark .product-label.product-label--overflow,
.overlay-content>.details-container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details-container.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details-container.bg-dark-accent .button--primary,
.details-container.bg-dark-accent .button--primary-positive,
.details-container.bg-dark-accent .button--secondary,
.details-container.bg-dark-accent .button--secondary-positive,
.details-container.bg-dark-accent .button--tertiary,
.details-container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details-container.bg-dark-accent .button--primary,
.details-container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.details-container.bg-dark-accent .button--secondary,
.details-container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.details-container.bg-dark-accent .button--tertiary,
.details-container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.details-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details-container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.details-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details-container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details-container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details-container.bg-dark-accent,
:where(main)>.details-container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details-container.bg-dark-accent+*>*,
:where(main)>.details-container.bg-dark-accent>* {
  --margin-top: initial
}

.details-container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details-container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details-container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details-container.bg-dark-accent.product-header,
  .details-container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details-container.bg-dark-accent.product-header,
  .details-container.bg-dark-accent.product-header[class*=bg-],
  .details-container.bg-dark-accent[class*=bg-],
  .details-container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details-container.bg-dark-accent.product-header .hintbox-icon img,
  .details-container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.details-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details-container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details-container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details-container.bg-dark-accent .hintbox,
.details-container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details-container.bg-dark-accent,
.overlay-content .main-column>.details-container.bg-dark-accent .details-container.bg-dark-accent,
.overlay-content body>.details-container.bg-dark-accent,
.overlay-content>.details-container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details-container.bg-dark-accent .details-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.details-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.details-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.details-container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details-container.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.details-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details-container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.details-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details-container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details-container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details-container.bg-light-accent,
:where(main)>.details-container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details-container.bg-light-accent+*>*,
:where(main)>.details-container.bg-light-accent>* {
  --margin-top: initial
}

.details-container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details-container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details-container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details-container.bg-light-accent.product-header,
  .details-container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details-container.bg-light-accent.product-header,
  .details-container.bg-light-accent.product-header[class*=bg-],
  .details-container.bg-light-accent[class*=bg-],
  .details-container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details-container.bg-light-accent.product-header .hintbox-icon img,
  .details-container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details-container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.details-container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details-container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details-container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details-container.bg-light-accent .hintbox,
.details-container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details-container.bg-light-accent,
.overlay-content .main-column>.details-container.bg-light-accent .details-container.bg-light-accent,
.overlay-content body>.details-container.bg-light-accent,
.overlay-content>.details-container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details-container.bg-light-accent .details-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.details-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.details-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.details-container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details-container.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details-container.bg-light-accent-secondary,
:where(main)>.details-container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details-container.bg-light-accent-secondary+*>*,
:where(main)>.details-container.bg-light-accent-secondary>* {
  --margin-top: initial
}

.details-container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details-container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details-container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details-container.bg-light-accent-secondary.product-header,
  .details-container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details-container.bg-light-accent-secondary.product-header,
  .details-container.bg-light-accent-secondary.product-header[class*=bg-],
  .details-container.bg-light-accent-secondary[class*=bg-],
  .details-container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details-container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .details-container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.details-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details-container.bg-light-accent-secondary .hintbox,
.details-container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details-container.bg-light-accent-secondary,
.overlay-content .main-column>.details-container.bg-light-accent-secondary .details-container.bg-light-accent-secondary,
.overlay-content body>.details-container.bg-light-accent-secondary,
.overlay-content>.details-container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details-container.bg-light-accent-secondary .details-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.details-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.details-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.details-container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details-container.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.details-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.details-container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.details-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.details-container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.details-container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.details-container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.details-container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.details-container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.details-container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.details-container.bg-light,
:where(main)>.details-container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.details-container.bg-light+*>*,
:where(main)>.details-container.bg-light>* {
  --margin-top: initial
}

.details-container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .details-container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .details-container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .details-container.bg-light.product-header,
  .details-container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .details-container.bg-light.product-header,
  .details-container.bg-light.product-header[class*=bg-],
  .details-container.bg-light[class*=bg-],
  .details-container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .details-container.bg-light.product-header .hintbox-icon img,
  .details-container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.details-container.bg-light .details--s9>.details .main-column[class*=bg-],
.details-container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .details-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .details-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .details-container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .details-container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .details-container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .details-container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details-container.bg-light .hintbox,
.details-container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.details-container.bg-light,
.overlay-content .main-column>.details-container.bg-light .details-container.bg-light,
.overlay-content body>.details-container.bg-light,
.overlay-content>.details-container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.details-container.bg-light .details-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.details-container.bg-light .product-label.product-label--overflow,
.overlay-content body>.details-container.bg-light .product-label.product-label--overflow,
.overlay-content>.details-container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.tag {
  align-self: flex-start;
  background-color: var(--kfw-color-grey-600);
  border-radius: 4px;
  display: inline-block;
  padding: .3rem .9rem
}

.tag.tag {
  color: var(--color-font-on-dark-bg);
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg)
}

.tag.tag .button--primary,
.tag.tag .button--primary-positive,
.tag.tag .button--secondary,
.tag.tag .button--secondary-positive,
.tag.tag .button--tertiary,
.tag.tag .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.tag.tag .button--primary,
.tag.tag .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.tag.tag .button--secondary,
.tag.tag .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.tag.tag .button--tertiary,
.tag.tag .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

a .tag,
button .tag {
  background-color: var(--color-fn)
}

a.active .tag,
a:active .tag,
a:focus-visible .tag,
a:hover .tag,
button.active .tag,
button:focus-visible .tag button:active .tag,
button:hover .tag {
  background-color: var(--color-fn-active);
  text-decoration: underline
}

.tag--big {
  font-weight: 500;
  padding-bottom: .2rem;
  padding-top: .2rem
}

.tag.inactive {
  background-color: var(--color-fn-inactive-on-light-bg)
}

mark {
  padding: .3rem
}

.bg-dark mark,
.bg-dark-accent mark {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg)
}

.bg-dark mark .button--primary,
.bg-dark mark .button--primary-positive,
.bg-dark mark .button--secondary,
.bg-dark mark .button--secondary-positive,
.bg-dark mark .button--tertiary,
.bg-dark mark .button--tertiary-positive,
.bg-dark-accent mark .button--primary,
.bg-dark-accent mark .button--primary-positive,
.bg-dark-accent mark .button--secondary,
.bg-dark-accent mark .button--secondary-positive,
.bg-dark-accent mark .button--tertiary,
.bg-dark-accent mark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark mark .button--primary,
.bg-dark mark .button--primary-positive,
.bg-dark-accent mark .button--primary,
.bg-dark-accent mark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark mark .button--secondary,
.bg-dark mark .button--secondary-positive,
.bg-dark-accent mark .button--secondary,
.bg-dark-accent mark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark mark .button--tertiary,
.bg-dark mark .button--tertiary-positive,
.bg-dark-accent mark .button--tertiary,
.bg-dark-accent mark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.bg-dark mark::selection,
.bg-dark-accent mark::selection {
  background-color: var(--color-background-dark);
  color: var(--color-font-on-dark-bg)
}

.bg-dark mark,
.bg-dark mark a.link.type-text .link-labeling,
.bg-dark-accent mark,
.bg-dark-accent mark a.link.type-text .link-labeling {
  background-color: var(--color-background);
  color: var(--kfw-color-blue-800)
}

.bg-dark mark a.link.type-text:hover .link-labeling,
.bg-dark-accent mark a.link.type-text:hover .link-labeling {
  color: var(--kfw-color-blue-800)
}

mark::selection {
  background-color: var(--color-background);
  color: var(--color-font-on-dark-bg)
}

mark,
mark a.link.type-text .link-labeling {
  background-color: var(--color-background-dark);
  color: var(--color-font-on-dark-bg)
}

a.link:focus-visible .link-labeling mark,
a.link:hover .link-labeling mark {
  text-decoration: underline
}

mark a.link.type-text:hover .link-labeling {
  color: var(--color-font-on-dark-bg)
}

.slider-bullets-container {
  --bullet-size: 3.6rem;
  --bg: var(--kfw-opaque-color-white-90);
  align-items: center;
  background-color: var(--bg);
  border-radius: 4px;
  display: inline-flex;
  height: var(--pagination-height, 2.8rem);
  justify-content: center;
  max-height: 2.8rem;
  max-width: 100%;
  padding: .2rem .6rem
}

.bg-dark .slider-bullets-container,
.bg-dark-accent .slider-bullets-container {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg)
}

.bg-dark .slider-bullets-container .button--primary,
.bg-dark .slider-bullets-container .button--primary-positive,
.bg-dark .slider-bullets-container .button--secondary,
.bg-dark .slider-bullets-container .button--secondary-positive,
.bg-dark .slider-bullets-container .button--tertiary,
.bg-dark .slider-bullets-container .button--tertiary-positive,
.bg-dark-accent .slider-bullets-container .button--primary,
.bg-dark-accent .slider-bullets-container .button--primary-positive,
.bg-dark-accent .slider-bullets-container .button--secondary,
.bg-dark-accent .slider-bullets-container .button--secondary-positive,
.bg-dark-accent .slider-bullets-container .button--tertiary,
.bg-dark-accent .slider-bullets-container .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .slider-bullets-container .button--primary,
.bg-dark .slider-bullets-container .button--primary-positive,
.bg-dark-accent .slider-bullets-container .button--primary,
.bg-dark-accent .slider-bullets-container .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .slider-bullets-container .button--secondary,
.bg-dark .slider-bullets-container .button--secondary-positive,
.bg-dark-accent .slider-bullets-container .button--secondary,
.bg-dark-accent .slider-bullets-container .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .slider-bullets-container .button--tertiary,
.bg-dark .slider-bullets-container .button--tertiary-positive,
.bg-dark-accent .slider-bullets-container .button--tertiary,
.bg-dark-accent .slider-bullets-container .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.slider-bullets-container.no-background {
  --bg: transparent
}

.slider-bullets-container .slider-bullets {
  display: flex;
  height: var(--bullet-size);
  overflow-x: hidden
}

.slider-bullets-container .slider-bullets-bullet,
.slider-bullets-container .slider-bullets-play {
  align-items: center;
  display: inline-flex;
  justify-content: center
}

.slider-bullets-container .slider-bullets-bullet .button-container.button--tertiary,
.slider-bullets-container .slider-bullets-play .button-container.button--tertiary {
  height: var(--bullet-size);
  margin: 0;
  width: var(--bullet-size)
}

.slider-bullets-container .slider-bullets-bullet .button-container.button--tertiary button.button,
.slider-bullets-container .slider-bullets-play .button-container.button--tertiary button.button {
  --color: var(--color-fn);
  --color-hover: var(--color-fn-active)
}

.slider-bullets-container .slider-bullets-bullet .button-container.button--tertiary button.button--tertiary-positive,
.slider-bullets-container .slider-bullets-play .button-container.button--tertiary button.button--tertiary-positive {
  color: var(--color);
  height: 100%;
  max-height: 100%;
  padding: .5rem
}

.slider-bullets-container .slider-bullets-bullet .button-container.button--tertiary button.button--tertiary-positive:active,
.slider-bullets-container .slider-bullets-bullet .button-container.button--tertiary button.button--tertiary-positive:hover,
.slider-bullets-container .slider-bullets-play .button-container.button--tertiary button.button--tertiary-positive:active,
.slider-bullets-container .slider-bullets-play .button-container.button--tertiary button.button--tertiary-positive:hover {
  border-color: transparent;
  color: var(--color-hover)
}

.slider-bullets-container .slider-bullets-bullet .button-container.button--tertiary button.button--tertiary-positive:active .icon,
.slider-bullets-container .slider-bullets-bullet .button-container.button--tertiary button.button--tertiary-positive:hover .icon,
.slider-bullets-container .slider-bullets-play .button-container.button--tertiary button.button--tertiary-positive:active .icon,
.slider-bullets-container .slider-bullets-play .button-container.button--tertiary button.button--tertiary-positive:hover .icon {
  border-radius: 4px;
  outline: 2px solid var(--color-hover);
  outline-offset: 0
}

.slider-bullets-container .slider-bullets-bullet .button-container.button--tertiary button.button--tertiary-positive:focus-visible,
.slider-bullets-container .slider-bullets-play .button-container.button--tertiary button.button--tertiary-positive:focus-visible {
  outline-color: transparent
}

.slider-bullets-container .slider-bullets-bullet .button-container.button--tertiary button.button--tertiary-positive:focus-visible .icon,
.slider-bullets-container .slider-bullets-play .button-container.button--tertiary button.button--tertiary-positive:focus-visible .icon {
  border-radius: 4px;
  outline: 2px dashed var(--color-hover);
  outline-offset: 0
}

.slider-bullets-container .slider-bullets-bullet .button-container.button--tertiary button.button--tertiary-positive .icon,
.slider-bullets-container .slider-bullets-play .button-container.button--tertiary button.button--tertiary-positive .icon {
  align-items: center;
  border: 2px solid transparent;
  height: calc(var(--bullet-size)/3*2);
  justify-content: center;
  min-width: calc(var(--bullet-size)/3*2);
  width: calc(var(--bullet-size)/3*2)
}

@media only print and (width >=0px) {

  .slider-bullets-container .slider-bullets-bullet,
  .slider-bullets-container .slider-bullets-play {
    margin-top: 0
  }
}

@media only screen and (min-width:840px) {

  .slider-bullets-container .slider-bullets-bullet,
  .slider-bullets-container .slider-bullets-play {
    margin-top: 0
  }
}

.slider-bullets-container .slider-bullets-play button.button--tertiary-positive .icon {
  font-size: 2.4rem
}

.slider-bullets-container .slider-bullets-bullet:not(.active) button.button--tertiary-positive .icon {
  font-size: .8rem
}

.slider-bullets-container .slider-bullets-bullet button.button--tertiary-positive .icon {
  font-size: 1.6rem
}

.slider-bullets-container .swiper-pagination-bullets-dynamic {
  justify-content: center;
  min-width: calc(var(--bullet-size)*2)
}

.slider-bullets-container .swiper-pagination-bullets-dynamic .slider-bullets-bullet {
  position: relative;
  transition: all .25s ease-in-out
}

.slider-bullets-container .swiper-pagination-bullets-dynamic .slider-bullets-bullet.active-main>span {
  transform: scale(1)
}

.slider-bullets-container .swiper-pagination-bullets-dynamic .slider-bullets-bullet>span {
  transform: scale(0)
}

@media only print and (width >=0px) {
  .slider-bullets-container {
    height: var(--pagination-height, 3.6rem);
    max-height: unset;
    padding: .5rem .8rem
  }
}

@media only screen and (min-width:840px) {
  .slider-bullets-container {
    height: var(--pagination-height, 3.6rem);
    max-height: unset;
    padding: .5rem .8rem
  }
}

.pagination {
  --color: var(--color-fn);
  display: inline-flex;
  gap: .4rem
}

.bg-dark .pagination,
.bg-dark-accent .pagination {
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --color: var(--color-font-on-dark-bg)
}

.bg-dark .pagination .button--primary,
.bg-dark .pagination .button--primary-positive,
.bg-dark .pagination .button--secondary,
.bg-dark .pagination .button--secondary-positive,
.bg-dark .pagination .button--tertiary,
.bg-dark .pagination .button--tertiary-positive,
.bg-dark-accent .pagination .button--primary,
.bg-dark-accent .pagination .button--primary-positive,
.bg-dark-accent .pagination .button--secondary,
.bg-dark-accent .pagination .button--secondary-positive,
.bg-dark-accent .pagination .button--tertiary,
.bg-dark-accent .pagination .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .pagination .button--primary,
.bg-dark .pagination .button--primary-positive,
.bg-dark-accent .pagination .button--primary,
.bg-dark-accent .pagination .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .pagination .button--secondary,
.bg-dark .pagination .button--secondary-positive,
.bg-dark-accent .pagination .button--secondary,
.bg-dark-accent .pagination .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .pagination .button--tertiary,
.bg-dark .pagination .button--tertiary-positive,
.bg-dark-accent .pagination .button--tertiary,
.bg-dark-accent .pagination .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.bg-dark .pagination .nav-icon-btn--tertiary,
.bg-dark-accent .pagination .nav-icon-btn--tertiary {
  --button-color-disabled: var(--color-fn-inactive-on-light-bg)
}

.bg-dark .pagination .nav-icon-btn--primary,
.bg-dark-accent .pagination .nav-icon-btn--primary {
  --button-bg-disabled: var(--color-background);
  --button-color-disabled: var(--color-fn-inactive-on-light-bg)
}

.pagination-navigation .nav-icon-btn,
.pagination-navigation .nav-icon-btn:first-child {
  margin: 0
}

.pagination-index {
  align-items: center;
  display: flex;
  justify-content: center
}

.pagination-index.tx-1 {
  margin-bottom: 0
}

.pagination-index-divider {
  display: block;
  text-align: center;
  width: 1rem
}

.pagination-index-current {
  text-align: right
}

.pagination-index-amount {
  text-align: left
}

.pagination-index-amount,
.pagination-index-current {
  min-width: 2rem
}

.pagination--inverted {
  --color: var(--color-font-on-dark-bg)
}

.pagination-search {
  gap: .1rem
}

.pagination-pages {
  align-items: center;
  display: flex;
  gap: .1rem
}

.pagination-pages-item.button {
  align-items: center;
  background-color: unset;
  border: 2px solid var(--item-border-color, transparent);
  color: unset;
  padding: .3rem .9rem
}

.pagination-pages-item.button:hover {
  --item-border-color: var(--color);
  border-radius: 4px
}

.pagination-pages-item.button:focus-visible {
  --item-border-color: var(--color-fn-active);
  border-style: dashed;
  color: var(--color-fn-active);
  outline: none
}

.pagination-pages-item.button.active {
  background-color: var(--color-fn-active);
  border-radius: 4px;
  color: var(--color-font-on-dark-bg);
  pointer-events: none
}

.pagination-pages li {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 3.6rem
}

@media only print and (width >=0px) {
  .pagination-pages li.hidden-mobile {
    display: none
  }
}

@media only screen and (min-width:0)and (max-width:calc(840px - 1px)) {
  .pagination-pages li.hidden-mobile {
    display: none
  }
}

.scrollbar {
  display: flex;
  flex-direction: column;
  -ms-overflow-style: none;
  overflow-x: auto;
  position: relative;
  scrollbar-width: none
}

.scrollbar::-webkit-scrollbar {
  display: none
}

.scrollbar:not(.scrollable) {
  overflow-x: hidden
}

.scrollbar:not(.scrollable) .scrollbar-navigation {
  display: none
}

.scrollbar:not(.visible) .scrollbar-navigation {
  visibility: hidden
}

.scrollbar-content:before,
.scrollbar:before {
  align-items: center;
  background-color: var(--color-opacity-dark-10);
  bottom: 0;
  content: "";
  display: flex;
  justify-content: center;
  left: auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: auto;
  transition: margin 1s ease-in-out, opacity .5s ease-in-out;
  z-index: 2
}

.scrollbar:before {
  background-color: transparent;
  bottom: calc(var(--navigation-height, 0px) + var(--icon-bottom, 0px));
  color: var(--color-fn);
  content: var(--icon-wischen-pfeile);
  font-family: KfW-Icon-Font;
  font-size: 45px;
  top: var(--icon-top, 0);
  transition: bottom .1s linear, top .1s linear;
  width: 100%
}

.scrollbar.in-overlay:not(.nav-in-view) .scrollbar-navigation {
  left: var(--scrollbar-navigation-container-left);
  padding-inline: var(--overlay-inner-padding);
  width: var(--scrollbar-navigation-container-width)
}

.scrollbar.scrollable {
  --navigation-height: calc(3.6rem + 20px);
  overscroll-behavior-x: none
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .button--primary,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .button--primary-positive,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .button--secondary,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .button--secondary-positive,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .button--tertiary,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .button--tertiary-positive,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .button--primary,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .button--primary-positive,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .button--secondary,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .button--secondary-positive,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .button--tertiary,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .button--primary,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .button--primary-positive,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .button--primary,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .button--secondary,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .button--secondary-positive,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .button--secondary,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .button--tertiary,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .button--tertiary-positive,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .button--tertiary,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark,
:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark+*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark+*>*,
:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark>*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark+*>*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark>* {
  --margin-top: initial
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark.product-header,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark.product-header,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark.product-header,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark.product-header[class*=bg-],
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark[class*=bg-],
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark[class*=bg-][class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark.product-header,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark.product-header[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark.product-header .hintbox-icon img,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark[class*=bg-] .hintbox-icon img,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark.product-header .hintbox-icon img,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .hintbox,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark.compact,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .hintbox,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark,
.overlay-content body>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark,
.overlay-content body>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark,
.overlay-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark,
.overlay-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .button--primary,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .button--primary-positive,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .button--secondary,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .button--secondary-positive,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .button--tertiary,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .button--tertiary-positive,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .button--primary,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .button--primary-positive,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .button--secondary,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .button--secondary-positive,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .button--tertiary,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .button--primary,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .button--primary-positive,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .button--primary,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .button--secondary,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .button--secondary-positive,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .button--secondary,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .button--tertiary,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .button--tertiary-positive,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .button--tertiary,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent,
:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent+*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent+*>*,
:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent>*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent+*>*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent>* {
  --margin-top: initial
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent.product-header,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent.product-header,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent.product-header,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent.product-header[class*=bg-],
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent[class*=bg-],
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent[class*=bg-][class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent.product-header,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent.product-header[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent.product-header .hintbox-icon img,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent[class*=bg-] .hintbox-icon img,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent.product-header .hintbox-icon img,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .hintbox,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent.compact,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .hintbox,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent,
.overlay-content body>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent,
.overlay-content body>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent,
.overlay-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent,
.overlay-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent,
:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent+*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent+*>*,
:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent>*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent+*>*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent>* {
  --margin-top: initial
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent.product-header,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent.product-header,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent.product-header,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent.product-header[class*=bg-],
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent[class*=bg-],
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent[class*=bg-][class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent.product-header,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent.product-header[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent.product-header .hintbox-icon img,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent[class*=bg-] .hintbox-icon img,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent.product-header .hintbox-icon img,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent .hintbox,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent.compact,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent .hintbox,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent,
.overlay-content body>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent,
.overlay-content body>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent,
.overlay-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent,
.overlay-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary,
:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary+*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary+*>*,
:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary>*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary+*>*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary>* {
  --margin-top: initial
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary.product-header,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary.product-header,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary.product-header,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary.product-header[class*=bg-],
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary[class*=bg-],
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary[class*=bg-][class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary.product-header,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary.product-header[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary.product-header .hintbox-icon img,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary[class*=bg-] .hintbox-icon img,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary.product-header .hintbox-icon img,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary .hintbox,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary.compact,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary .hintbox,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary,
.overlay-content body>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary,
.overlay-content body>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary,
.overlay-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary,
.overlay-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light,
:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light+*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light+*>*,
:where(main)>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light>*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light+*>*,
:where(main)>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light>* {
  --margin-top: initial
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light.product-header,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light.product-header,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light.product-header,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light.product-header[class*=bg-],
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light[class*=bg-],
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light[class*=bg-][class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light.product-header,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light.product-header[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light[class*=bg-],
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light.product-header .hintbox-icon img,
  .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light[class*=bg-] .hintbox-icon img,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light.product-header .hintbox-icon img,
  .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light .hintbox,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light.compact,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light .hintbox,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light,
.overlay-content body>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light,
.overlay-content body>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light,
.overlay-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light,
.overlay-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light .scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation {
  bottom: 0;
  transition: bottom .5s ease-in-out
}

.scrollbar.sticky-nav.intersected:not(.nav-in-view) .scrollbar-navigation .scrollbar-navigation-wrapper.scrollbar-navigation-wrapper {
  padding-left: calc(var(--gutter) + var(--content-padding-left, 0px))
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation {
  box-shadow: none;
  position: sticky;
  transition: none
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .button--primary,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .button--primary-positive,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .button--secondary,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .button--secondary-positive,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .button--tertiary,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .button--primary,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .button--secondary,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .button--tertiary,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark,
:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark+*>*,
:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark>* {
  --margin-top: initial
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark.product-header,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark.product-header,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark.product-header[class*=bg-],
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark[class*=bg-],
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark.product-header .hintbox-icon img,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .hintbox,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark,
.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark,
.overlay-content body>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark,
.overlay-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .button--primary,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .button--primary-positive,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .button--secondary,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .button--secondary-positive,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .button--tertiary,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .button--primary,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .button--secondary,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .button--tertiary,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent,
:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent+*>*,
:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent>* {
  --margin-top: initial
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent.product-header,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent.product-header,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent.product-header[class*=bg-],
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent[class*=bg-],
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent.product-header .hintbox-icon img,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .hintbox,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent,
.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent,
.overlay-content body>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent,
.overlay-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent,
:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent+*>*,
:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent>* {
  --margin-top: initial
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent.product-header,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent.product-header,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent.product-header[class*=bg-],
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent[class*=bg-],
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent.product-header .hintbox-icon img,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent .hintbox,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent,
.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent,
.overlay-content body>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent,
.overlay-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary,
:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary+*>*,
:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary>* {
  --margin-top: initial
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary.product-header,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary.product-header,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary.product-header[class*=bg-],
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary[class*=bg-],
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary.product-header .hintbox-icon img,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary .hintbox,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary,
.overlay-content body>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary,
.overlay-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light,
:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light+*>*,
:where(main)>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light>* {
  --margin-top: initial
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light.product-header,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light.product-header,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light.product-header[class*=bg-],
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light[class*=bg-],
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light.product-header .hintbox-icon img,
  .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light .details--s9>.details .main-column[class*=bg-],
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light .hintbox,
.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light,
.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light,
.overlay-content body>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light,
.overlay-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light .scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content body>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content>.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.scrollbar.sticky-nav.nav-in-view.nav-in-view .scrollbar-navigation-wrapper {
  padding: 0
}

.scrollbar.sticky-nav .scrollbar-navigation {
  background-color: var(--color-background);
  bottom: calc(var(--navigation-height)*-1.5);
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .1);
  padding-bottom: 10px;
  padding-top: 10px;
  position: fixed;
  transition: bottom .2s ease-in-out
}

.scrollbar-navigation {
  bottom: 0;
  left: 0;
  padding: 10px 0;
  position: sticky;
  right: 0;
  z-index: 2
}

.scrollbar-navigation-wrapper-inner {
  align-items: center;
  display: flex;
  gap: 8px;
  padding: 0 2px
}

.scrollbar-navigation-container {
  background-color: var(--color-background);
  border-radius: 2px;
  flex: 1;
  height: calc(2rem + 2px);
  overflow: hidden;
  position: relative
}

.scrollbar-navigation-bar {
  background-color: var(--color-fn);
  border-radius: 2px;
  cursor: move;
  height: 100%;
  left: var(--scrollbar-left, 0);
  margin: -1px 0;
  min-width: 5px;
  position: absolute;
  transition: margin 1s ease-in-out;
  user-select: none
}

.scrollbar-navigation-bar:hover {
  background-color: var(--color-fn-active)
}

.scrollbar-navigation-bar-wrapper {
  border: 1px solid var(--kfw-color-blue-500);
  height: 100%;
  width: 100%
}

.scrollbar-navigation .nav-icon-btn.nav-icon-btn--primary-positive {
  margin: 0
}

.scrollbar-content {
  min-width: 100%;
  position: relative;
  transition: margin 1s ease-in-out;
  width: fit-content
}

.scrollbar-content:before {
  top: 0
}

.scrollbar.animated .scrollbar-content,
.scrollbar.animated .scrollbar-content table thead.sticky-head>tr,
.scrollbar.animated .scrollbar-content:before,
.scrollbar.animated .scrollbar-navigation-bar,
.scrollbar.animated:before {
  animation-direction: alternate;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear
}

.scrollbar.animated:before {
  animation-name: animate-icon
}

.scrollbar.animated .scrollbar-content:before {
  animation-name: animate-backdrop;
  width: 120%
}

.scrollbar.animated .scrollbar-content {
  --direction: -1;
  animation-name: animate-scroll
}

.scrollbar.animated .scrollbar-navigation-bar {
  animation-name: animate-scroll
}

.scrollbar table {
  position: relative
}

@keyframes animate-icon {
  0% {
    margin-left: 0;
    opacity: 0
  }

  20% {
    margin-left: 0;
    opacity: 1
  }

  50% {
    margin-left: -6%;
    opacity: 1
  }

  80% {
    margin-left: 0;
    opacity: 1
  }

  to {
    margin-left: 0;
    opacity: 0
  }
}

@keyframes animate-backdrop {
  0% {
    opacity: 0
  }

  20% {
    opacity: 1
  }

  50% {
    opacity: 1
  }

  80% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes animate-scroll {
  0% {
    margin-left: 0
  }

  20% {
    margin-left: 0
  }

  50% {
    margin-left: calc(var(--direction, 1)*100%*.06)
  }

  80% {
    margin-left: 0
  }

  to {
    margin-left: 0
  }
}

@media only print and (width >=0px) {
  .two-column-container * .scrollbar.sticky-nav.intersected:not(.nav-in-view) .scrollbar-navigation .scrollbar-navigation-wrapper-inner {
    margin-left: auto;
    width: calc(min(100%, var(--col-width) * 9 + var(--gap) * (9 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .two-column-container * .scrollbar.sticky-nav.intersected:not(.nav-in-view) .scrollbar-navigation .scrollbar-navigation-wrapper-inner {
    --columns: 12
  }
}

@media only screen and (min-width:960px) {
  .two-column-container * .scrollbar.sticky-nav.intersected:not(.nav-in-view) .scrollbar-navigation .scrollbar-navigation-wrapper-inner {
    margin-left: auto;
    width: calc(min(100%, var(--col-width) * 9 + var(--gap) * (9 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:960px)and (min-width:600px) {
  .two-column-container * .scrollbar.sticky-nav.intersected:not(.nav-in-view) .scrollbar-navigation .scrollbar-navigation-wrapper-inner {
    --columns: 12
  }
}

.tab-navigation-dropdown {
  display: block
}

@media only print and (width >=0px) {
  .tab-navigation-dropdown {
    display: none
  }
}

@media only screen and (min-width:840px) {
  .tab-navigation-dropdown {
    display: none
  }
}

.tab-navigation-header {
  display: none
}

.tab-navigation-header li.tab-navigation-header-item {
  margin-bottom: 0
}

.tab-navigation-header li button {
  border-bottom: .3rem solid transparent;
  color: var(--color-fn);
  cursor: pointer;
  display: flex;
  padding: 0;
  position: relative
}

.bg-dark .tab-navigation-header li button,
.bg-dark-accent .tab-navigation-header li button {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  color: var(--color-font-on-dark-bg)
}

.bg-dark .tab-navigation-header li button .button--primary,
.bg-dark .tab-navigation-header li button .button--primary-positive,
.bg-dark .tab-navigation-header li button .button--secondary,
.bg-dark .tab-navigation-header li button .button--secondary-positive,
.bg-dark .tab-navigation-header li button .button--tertiary,
.bg-dark .tab-navigation-header li button .button--tertiary-positive,
.bg-dark-accent .tab-navigation-header li button .button--primary,
.bg-dark-accent .tab-navigation-header li button .button--primary-positive,
.bg-dark-accent .tab-navigation-header li button .button--secondary,
.bg-dark-accent .tab-navigation-header li button .button--secondary-positive,
.bg-dark-accent .tab-navigation-header li button .button--tertiary,
.bg-dark-accent .tab-navigation-header li button .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .tab-navigation-header li button .button--primary,
.bg-dark .tab-navigation-header li button .button--primary-positive,
.bg-dark-accent .tab-navigation-header li button .button--primary,
.bg-dark-accent .tab-navigation-header li button .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .tab-navigation-header li button .button--secondary,
.bg-dark .tab-navigation-header li button .button--secondary-positive,
.bg-dark-accent .tab-navigation-header li button .button--secondary,
.bg-dark-accent .tab-navigation-header li button .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .tab-navigation-header li button .button--tertiary,
.bg-dark .tab-navigation-header li button .button--tertiary-positive,
.bg-dark-accent .tab-navigation-header li button .button--tertiary,
.bg-dark-accent .tab-navigation-header li button .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.bg-dark .tab-navigation-header li button:focus-visible,
.bg-dark-accent .tab-navigation-header li button:focus-visible {
  outline-color: var(--color-font-on-dark-bg)
}

.bg-dark .tab-navigation-header li button:focus-visible>span,
.bg-dark-accent .tab-navigation-header li button:focus-visible>span {
  outline-color: var(--color-font-on-dark-bg)
}

.bg-dark .tab-navigation-header li button.active,
.bg-dark .tab-navigation-header li button:active,
.bg-dark-accent .tab-navigation-header li button.active,
.bg-dark-accent .tab-navigation-header li button:active {
  border-bottom-color: var(--color-font-on-dark-bg);
  color: var(--color-font-on-dark-bg)
}

.tab-navigation-header li button.active,
.tab-navigation-header li button:active {
  border-bottom-color: var(--color-fn-active);
  color: var(--color-fn-active);
  font-weight: 500
}

.tab-navigation-header li button:hover {
  color: var(--color-fn-active)
}

.tab-navigation-header li button:hover>span {
  text-decoration: underline
}

.tab-navigation-header li button:focus-visible {
  color: var(--color-fn-active);
  outline: none
}

.tab-navigation-header li button:focus-visible>span {
  border-radius: 4px;
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 0;
  text-decoration: underline
}

@media only print and (width >=0px) {
  .tab-navigation-header li button {
    padding-bottom: 1.2rem;
    padding-top: .2rem
  }
}

@media only screen and (min-width:840px) {
  .tab-navigation-header li button {
    padding-bottom: 1.2rem;
    padding-top: .2rem
  }
}

@media only print and (width >=0px) {
  .tab-navigation-header {
    display: flex;
    gap: 2.6rem
  }
}

@media only screen and (min-width:840px) {
  .tab-navigation-header {
    display: flex;
    gap: 2.6rem
  }
}

.tab-navigation-content-item {
  display: none
}

.tab-navigation-content-item.active {
  display: block
}

@media only print and (width >=0px) {
  .tab-navigation-content {
    display: grid;
    grid-template-columns: 100%
  }

  .tab-navigation-content-item {
    display: block;
    grid-column: 1;
    grid-row: 1;
    visibility: hidden
  }

  .tab-navigation-content-item.active {
    visibility: visible
  }
}

@media only screen and (min-width:840px) {
  .tab-navigation-content {
    display: grid;
    grid-template-columns: 100%
  }

  .tab-navigation-content-item {
    display: block;
    grid-column: 1;
    grid-row: 1;
    visibility: hidden
  }

  .tab-navigation-content-item.active {
    visibility: visible
  }
}

.stage-entry {
  display: inline-flex;
  flex-direction: row;
  gap: var(--space-x-small);
  position: relative
}

.bg-dark .stage-entry-item,
.bg-dark-accent .stage-entry-item {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg)
}

.bg-dark .stage-entry-item .button--primary,
.bg-dark .stage-entry-item .button--primary-positive,
.bg-dark .stage-entry-item .button--secondary,
.bg-dark .stage-entry-item .button--secondary-positive,
.bg-dark .stage-entry-item .button--tertiary,
.bg-dark .stage-entry-item .button--tertiary-positive,
.bg-dark-accent .stage-entry-item .button--primary,
.bg-dark-accent .stage-entry-item .button--primary-positive,
.bg-dark-accent .stage-entry-item .button--secondary,
.bg-dark-accent .stage-entry-item .button--secondary-positive,
.bg-dark-accent .stage-entry-item .button--tertiary,
.bg-dark-accent .stage-entry-item .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .stage-entry-item .button--primary,
.bg-dark .stage-entry-item .button--primary-positive,
.bg-dark-accent .stage-entry-item .button--primary,
.bg-dark-accent .stage-entry-item .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .stage-entry-item .button--secondary,
.bg-dark .stage-entry-item .button--secondary-positive,
.bg-dark-accent .stage-entry-item .button--secondary,
.bg-dark-accent .stage-entry-item .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .stage-entry-item .button--tertiary,
.bg-dark .stage-entry-item .button--tertiary-positive,
.bg-dark-accent .stage-entry-item .button--tertiary,
.bg-dark-accent .stage-entry-item .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.bg-dark .stage-entry-item-btn,
.bg-dark-accent .stage-entry-item-btn {
  background: var(--color-fn);
  border: 1px solid var(--color-font-on-dark-bg);
  color: var(--color-font-on-dark-bg)
}

.bg-dark .stage-entry-item-btn:hover,
.bg-dark-accent .stage-entry-item-btn:hover {
  border: 2px solid var(--color-font-on-dark-bg)
}

.bg-dark .stage-entry-item-btn:hover span,
.bg-dark-accent .stage-entry-item-btn:hover span {
  color: var(--color-font-on-dark-bg)
}

.bg-dark .stage-entry-item-btn:focus-visible,
.bg-dark-accent .stage-entry-item-btn:focus-visible {
  border: 2px dashed var(--color-font-on-dark-bg)
}

.bg-dark .stage-entry-item-btn:focus-visible span,
.bg-dark-accent .stage-entry-item-btn:focus-visible span {
  color: var(--color-font-on-dark-bg)
}

.bg-dark .stage-entry-item-btn.active,
.bg-dark-accent .stage-entry-item-btn.active {
  background: var(--color-background);
  border: 1px solid var(--color-fn-active);
  cursor: auto
}

.bg-dark .stage-entry-item-btn.active:hover,
.bg-dark-accent .stage-entry-item-btn.active:hover {
  border: 1px solid var(--color-fn-active)
}

.bg-dark .stage-entry-item-btn.active span,
.bg-dark .stage-entry-item-btn.active:hover span,
.bg-dark-accent .stage-entry-item-btn.active span,
.bg-dark-accent .stage-entry-item-btn.active:hover span {
  color: var(--color-fn-active)
}

.bg-dark .stage-entry-item-btn.inactive,
.bg-dark-accent .stage-entry-item-btn.inactive {
  background: var(--color-background-light);
  border: 1px solid var(--color-fn-inactive-on-light-bg);
  cursor: auto
}

.bg-dark .stage-entry-item-btn.inactive:hover,
.bg-dark-accent .stage-entry-item-btn.inactive:hover {
  border: 1px solid var(--color-fn-inactive-on-light-bg)
}

.bg-dark .stage-entry-item-btn.inactive span,
.bg-dark .stage-entry-item-btn.inactive:hover span,
.bg-dark-accent .stage-entry-item-btn.inactive span,
.bg-dark-accent .stage-entry-item-btn.inactive:hover span {
  color: var(--color-font-on-light-bg)
}

.stage-entry-item-btn {
  align-items: center;
  background: var(--color-background);
  border: 1px solid var(--color-fn);
  border-radius: 4px;
  color: var(--color-fn);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-size: 1.8rem;
  font-weight: 500;
  height: 3.6rem;
  justify-content: center;
  padding: .9rem;
  width: 3.6rem
}

.stage-entry-item-btn:hover {
  border: 2px solid var(--color-fn-active)
}

.stage-entry-item-btn:hover span {
  color: var(--color-fn-active)
}

.stage-entry-item-btn:focus-visible {
  border: 2px dashed var(--color-fn-active);
  border-radius: 4px;
  outline: none
}

.stage-entry-item-btn:focus-visible span {
  color: var(--color-fn-active)
}

.stage-entry-item-btn.btn-negative:not(.inactive) {
  background: var(--color-fn);
  border: 1px solid var(--kfw-color-white)
}

.stage-entry-item-btn.btn-negative:not(.inactive):hover {
  border: 2px solid var(--color-font-on-dark-bg)
}

.stage-entry-item-btn.btn-negative:not(.inactive):hover span {
  color: var(--color-font-on-dark-bg)
}

.stage-entry-item-btn.btn-negative:not(.inactive):focus-visible {
  border: 2px dashed var(--color-font-on-dark-bg);
  outline: none
}

.stage-entry-item-btn.btn-negative:not(.inactive) span {
  color: var(--color-font-on-dark-bg)
}

.stage-entry-item-btn.active {
  background: var(--color-fn-active);
  border: 1px solid var(--color-fn-active);
  cursor: auto
}

.stage-entry-item-btn.active span,
.stage-entry-item-btn.active:hover span {
  color: var(--color-font-on-dark-bg)
}

.stage-entry-item-btn.inactive {
  background: var(--color-background-light);
  border: 1px solid var(--color-fn-inactive-on-light-bg);
  cursor: auto
}

.stage-entry-item-btn.inactive span {
  color: var(--color-font-on-light-bg)
}

.step-navigation {
  display: inline-flex;
  flex-direction: row;
  position: relative
}

.step-navigation-total {
  align-items: center;
  border: 2px solid transparent;
  font-size: 2.6rem;
  justify-content: center
}

.step-navigation-total .counter {
  background: var(--color-background);
  border: 1px solid var(--color-fn);
  color: var(--color-fn)
}

@media only print and (width >=0px) {
  .step-navigation-total {
    display: none
  }
}

@media only screen and (min-width:840px) {
  .step-navigation-total {
    display: none
  }
}

.step-navigation-btn {
  align-items: center;
  border: 2px solid transparent;
  display: none;
  font-size: 2.6rem;
  justify-content: center
}

.step-navigation-btn:not(.active, .btn-with-text) {
  display: none
}

.step-navigation-btn:not(.active, .btn-with-text):focus-visible {
  border: 2px dashed var(--color-fn-active);
  border-radius: 4.2rem;
  color: var(--color-fn-active);
  outline: none
}

.step-navigation-btn:not(.active, .btn-with-text):focus-visible .counter {
  border: 0
}

.step-navigation-btn:not(.active, .btn-with-text) :hover {
  border: 2px solid var(--color-fn-active);
  color: var(--color-fn-active)
}

@media only print and (width >=0px) {
  .step-navigation-btn:not(.active, .btn-with-text) {
    display: inline-flex
  }
}

@media only screen and (min-width:840px) {
  .step-navigation-btn:not(.active, .btn-with-text) {
    display: inline-flex
  }
}

.step-navigation-btn-divider {
  align-items: center;
  color: var(--color-font-on-light-bg);
  display: inline-flex;
  justify-content: center;
  margin: 0 1rem;
  width: 1rem
}

@media only print and (width >=0px) {
  .step-navigation-btn-divider {
    display: none
  }
}

@media only screen and (min-width:840px) {
  .step-navigation-btn-divider {
    display: none
  }
}

.step-navigation-btn.active,
.step-navigation-btn.show {
  display: inline-flex
}

.step-navigation-btn.active:hover {
  color: var(--color-font-on-dark-bg)
}

.step-navigation-btn.active:focus-visible {
  color: var(--color-font-on-dark-bg);
  outline: none
}

.step-navigation-btn.active .counter {
  background: var(--color-fn-active);
  border: 0;
  color: var(--color-font-on-dark-bg)
}

@media only print and (width >=0px) {
  .step-navigation-btn {
    display: inline-flex
  }
}

@media only screen and (min-width:840px) {
  .step-navigation-btn {
    display: inline-flex
  }
}

.step-navigation-btn.btn-with-text,
.step-navigation-total.btn-with-text {
  gap: 1.5rem
}

.step-navigation-btn.btn-with-text:hover:not(.active) .counter,
.step-navigation-total.btn-with-text:hover:not(.active) .counter {
  border: 2px solid var(--color-fn-active);
  color: var(--color-fn-active)
}

.step-navigation-btn.btn-with-text:hover:not(.active) .text,
.step-navigation-total.btn-with-text:hover:not(.active) .text {
  color: var(--color-fn-active);
  text-decoration: underline
}

.step-navigation-btn.btn-with-text:not(.active):focus-visible,
.step-navigation-total.btn-with-text:not(.active):focus-visible {
  border: 2px dashed var(--color-fn-active);
  border-radius: .4rem;
  color: var(--color-fn-active);
  outline: none
}

.step-navigation-btn.btn-with-text:not(.active):focus-visible .counter,
.step-navigation-total.btn-with-text:not(.active):focus-visible .counter {
  border: 2px solid var(--color-fn-active);
  color: var(--color-fn-active)
}

.step-navigation-btn.btn-with-text:not(.active):focus-visible .text,
.step-navigation-total.btn-with-text:not(.active):focus-visible .text {
  color: var(--color-fn-active);
  text-decoration: underline
}

.step-navigation-btn.btn-with-text.active .counter,
.step-navigation-total.btn-with-text.active .counter {
  color: var(--kfw-color-white)
}

.step-navigation-btn.btn-with-text.active .text,
.step-navigation-total.btn-with-text.active .text {
  color: var(--color-fn-active);
  text-decoration: underline
}

.step-navigation-btn.btn-with-text.inactive,
.step-navigation-total.btn-with-text.inactive {
  cursor: default;
  pointer-events: none
}

.step-navigation-btn.btn-with-text.inactive .counter,
.step-navigation-total.btn-with-text.inactive .counter {
  border: 2px solid var(--color-fn-inactive-on-light-bg);
  color: var(--color-font-on-light-bg)
}

.step-navigation-btn.btn-with-text.inactive .text,
.step-navigation-total.btn-with-text.inactive .text {
  color: var(--color-font-on-light-bg)
}

.step-navigation-btn.btn-with-text .text,
.step-navigation-total.btn-with-text .text {
  color: var(--color-fn);
  display: none;
  font-size: 1.8rem
}

@media only print and (width >=0px) {

  .step-navigation-btn.btn-with-text .text,
  .step-navigation-total.btn-with-text .text {
    display: inline
  }
}

@media only screen and (min-width:840px) {

  .step-navigation-btn.btn-with-text .text,
  .step-navigation-total.btn-with-text .text {
    display: inline
  }
}

.step-navigation-btn .counter,
.step-navigation-total .counter {
  align-items: center;
  background: var(--color-background);
  border: 1px solid var(--color-fn);
  border-radius: 4.2rem;
  color: var(--color-fn);
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: 4.2rem;
  justify-content: center;
  width: 4.2rem
}

.step-navigation .button-container,
.step-navigation .nav-icon-btn:first-child {
  margin: 0
}

.step-navigation .button-container .step-prev-btn {
  margin-right: 2rem
}

.step-navigation .button-container .step-next-btn {
  margin-left: 2rem
}

@media only print and (width >=0px) {
  .step-navigation .button-container {
    display: none
  }
}

@media only screen and (min-width:840px) {
  .step-navigation .button-container {
    display: none
  }
}

@media only print and (width >=0px) {
  .step-navigation {
    gap: 3rem
  }
}

@media only screen and (min-width:840px) {
  .step-navigation {
    gap: 3rem
  }
}

.image {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.image,
.image-wrapper {
  height: 100%;
  width: 100%
}

.image-wrapper {
  position: relative
}

.image-wrapper .button-container .button {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding: 0
}

.image-overlay {
  display: none
}

.image-overlay-trigger {
  bottom: 10px;
  position: absolute;
  right: 10px;
  z-index: 1
}

.image-overlay-trigger button:first-child {
  margin-top: 0
}

.image figcaption {
  width: 100%
}

.image picture {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}

.image picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover
}

.image a:hover picture {
  border-radius: 2px;
  outline: 2px solid var(--color-fn-active);
  outline-offset: 2px
}

.image .image-zoom-link {
  cursor: pointer
}

.image .image-caption-text {
  margin-bottom: 0;
  margin-top: 1rem
}

.image .image-caption-link {
  margin-top: 2rem
}

.image .image-caption-button {
  margin-top: 3rem
}

.image .image-caption-button .button-container {
  margin: 0
}

.video .media-player,
.video video {
  aspect-ratio: 16/9;
  background-color: var(--color-background-light-accent-1);
  width: 100%
}

.video .video-caption-text {
  margin-bottom: 0;
  margin-top: 1rem
}

.slide-presenter {
  height: 100%;
  width: 100%
}

.slide-presenter-container {
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%
}

.table.highlighted-cols.table-row-header td:nth-child(2n):not(.highlighted),
.table.highlighted-cols.table-row-header th:nth-child(2n):not(.highlighted),
.table.highlighted-cols:not(.table-row-header) td:nth-child(odd):not(.highlighted),
.table.highlighted-cols:not(.table-row-header) th:nth-child(odd):not(.highlighted),
.table.highlighted-rows tbody tr:nth-child(odd):not(.highlighted),
.table.highlighted-rows-even tbody tr:nth-child(2n):not(.highlighted),
.table.highlighted-rows-odd tbody tr:nth-child(odd):not(.highlighted) {
  background-color: var(--color-background-light)
}

.table-l,
.table-m,
.table-m .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper-inner {
  max-width: 100%
}

@media only print and (width >=0px) {

  .table-m,
  .table-m .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper-inner {
    max-width: 75%
  }
}

@media only screen and (min-width:840px) {

  .table-m,
  .table-m .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper-inner {
    max-width: 75%
  }
}

.table-s,
.table-s .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper-inner {
  max-width: 100%
}

@media only print and (width >=0px) {

  .table-s,
  .table-s .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper-inner {
    max-width: 75%
  }
}

@media only screen and (min-width:600px) {

  .table-s,
  .table-s .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper-inner {
    max-width: 75%
  }
}

@media only print and (width >=0px) {

  .table-s,
  .table-s .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper-inner {
    max-width: 50%
  }
}

@media only screen and (min-width:840px) {

  .table-s,
  .table-s .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper-inner {
    max-width: 50%
  }
}

.table table {
  border-bottom: 2px solid var(--color-line-7);
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid var(--color-line-10);
  min-width: 100%;
  overflow: visible
}

.bg-dark .table table,
.bg-dark-accent .table table {
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.table table tbody tr th,
.table table thead tr th {
  font-weight: 500;
  text-align: left
}

.table table thead.sticky-head {
  background-color: var(--color-background);
  box-shadow: 0 1px 0 var(--kfw-color-grey-300);
  left: 0;
  position: sticky;
  right: 0;
  top: 0;
  transition: transition .1ms linear;
  z-index: 2
}

.table table thead.sticky-head.show.active:before {
  --height: 10rem;
  background-color: var(--color-background);
  content: "";
  height: var(--height);
  left: 0;
  position: fixed;
  right: 0;
  top: calc((var(--height) - 1rem)*-1)
}

.table table thead.sticky-head.show.active:before tr {
  display: block;
  position: relative;
  width: 100%
}

.table table thead.sticky-head.show.active tr {
  border-bottom: unset
}

.is-safari-browser .table table thead.sticky-head {
  background-color: transparent;
  border-bottom-width: 2px;
  border-bottom: 1px solid var(--color-line-8)
}

.is-safari-browser .table table thead.sticky-head:after {
  background-color: var(--kfw-color-grey-300);
  content: none;
  display: block;
  height: 1px;
  position: absolute;
  width: 100%
}

.is-safari-browser .table table thead.sticky-head.show.active:before {
  content: none
}

.is-safari-browser .table table thead.sticky-head.show.active:after {
  content: ""
}

.is-safari-browser .table table thead.sticky-head tr {
  background-color: transparent
}

.table table thead tr {
  border-bottom: 1px solid var(--color-line-8)
}

.table table thead tr th {
  background: var(--color-background);
  background-clip: padding-box;
  position: relative
}

.table table tr {
  background: var(--color-background)
}

.table table tr:not(:last-of-type) {
  border-bottom: 1px solid var(--color-line-8)
}

.table table tr td,
.table table tr th {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: var(--mb, 2rem);
  padding: 12px 10px;
  vertical-align: top;
  word-spacing: inherit
}

.table table tr td:last-child,
.table table tr th:last-child {
  margin-bottom: 0
}

.table table td.highlighted,
.table table td.highlighted-col,
.table table th.highlighted,
.table table th.highlighted-col,
.table table tr.highlighted,
.table table tr.highlighted-col {
  background-color: var(--color-background-light-accent-1)
}

.table table td.left,
.table table th.left {
  text-align: left
}

.table table td.right,
.table table th.right {
  text-align: right
}

.table table td.center,
.table table th.center {
  text-align: center
}

.table caption {
  margin-bottom: var(--space-medium);
  text-align: left
}

.table .link.haupia-js-link {
  cursor: pointer
}

.table .link.haupia-js-link>.icon {
  top: 0
}

.table .link.haupia-js-link .link-labeling,
.table .link.haupia-js-link .link-notice {
  vertical-align: top
}

.content-small .table-m,
.content-small .text-image .table-s,
.page-s13 .table-m,
.page-s13 .text-image .table-s,
.page-s3 .table-m,
.page-s3 .text-image .table-s,
.page-s9 .details .table-m,
.page-s9 .details .text-image .table-s {
  max-width: 100%
}

@media only screen and (min-width:840px) {

  .content-small .table-m,
  .content-small .text-image .table-s,
  .page-s13 .table-m,
  .page-s13 .text-image .table-s,
  .page-s3 .table-m,
  .page-s3 .text-image .table-s,
  .page-s9 .details .table-m,
  .page-s9 .details .text-image .table-s {
    max-width: 75%
  }
}

@media only print and (width >=0px) {

  .content-small .table-m,
  .content-small .text-image .table-s,
  .page-s13 .table-m,
  .page-s13 .text-image .table-s,
  .page-s3 .table-m,
  .page-s3 .text-image .table-s,
  .page-s9 .details .table-m,
  .page-s9 .details .text-image .table-s {
    max-width: 100%
  }
}

@media only screen and (min-width:960px) {

  .content-small .table-m,
  .content-small .text-image .table-s,
  .page-s13 .table-m,
  .page-s13 .text-image .table-s,
  .page-s3 .table-m,
  .page-s3 .text-image .table-s,
  .page-s9 .details .table-m,
  .page-s9 .details .text-image .table-s {
    max-width: 100%
  }
}

@media only print and (width >=0px) {

  .content-small .table-m,
  .content-small .text-image .table-s,
  .page-s13 .table-m,
  .page-s13 .text-image .table-s,
  .page-s3 .table-m,
  .page-s3 .text-image .table-s,
  .page-s9 .details .table-m,
  .page-s9 .details .text-image .table-s {
    max-width: 75%
  }
}

@media only screen and (min-width:1280px) {

  .content-small .table-m,
  .content-small .text-image .table-s,
  .page-s13 .table-m,
  .page-s13 .text-image .table-s,
  .page-s3 .table-m,
  .page-s3 .text-image .table-s,
  .page-s9 .details .table-m,
  .page-s9 .details .text-image .table-s {
    max-width: 75%
  }
}

table {
  --sort-icon-default: var(--icon-sortierung-default);
  --sort-icon-asc: var(--icon-sortierung-aufsteigend);
  --sort-icon-desc: var(--icon-sortierung-absteigend)
}

table thead th.sortable[aria-sort=descending] button {
  --sort-icon: var(--sort-icon-desc);
  --sort-icon-hover: var(--sort-icon-asc)
}

table thead th.sortable[aria-sort=ascending] button {
  --sort-icon: var(--sort-icon-asc)
}

table thead th.sortable button {
  gap: 1rem;
  position: relative;
  text-align: left
}

table thead th.sortable button:focus-visible .sort-icon:after,
table thead th.sortable button:hover .sort-icon:after {
  content: var(--sort-icon-hover, var(--sort-icon-desc))
}

table thead th.sortable button .btn-labeling {
  word-break: normal
}

table thead th.sortable button .sort-icon:after {
  content: var(--sort-icon, var(--sort-icon-default));
  display: block;
  font-size: 2.4rem;
  overflow: hidden;
  position: relative;
  top: -.4rem;
  width: 2.4rem
}

.table-matrix {
  --padding-inline: 10px;
  --padding-block: 12px;
  --tbody-th-min-width: 14.6rem;
  --tbody-th-max-width: 100%;
  --tbody-td-min-width: 9.7rem;
  display: flex
}

.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.table-matrix-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.table-matrix-container.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.table-matrix-container.bg-dark .button--primary,
.table-matrix-container.bg-dark .button--primary-positive,
.table-matrix-container.bg-dark .button--secondary,
.table-matrix-container.bg-dark .button--secondary-positive,
.table-matrix-container.bg-dark .button--tertiary,
.table-matrix-container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.table-matrix-container.bg-dark .button--primary,
.table-matrix-container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.table-matrix-container.bg-dark .button--secondary,
.table-matrix-container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.table-matrix-container.bg-dark .button--tertiary,
.table-matrix-container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.table-matrix-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.table-matrix-container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.table-matrix-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.table-matrix-container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.table-matrix-container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.table-matrix-container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.table-matrix-container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.table-matrix-container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.table-matrix-container.bg-dark,
:where(main)>.table-matrix-container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.table-matrix-container.bg-dark+*>*,
:where(main)>.table-matrix-container.bg-dark>* {
  --margin-top: initial
}

.table-matrix-container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .table-matrix-container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .table-matrix-container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .table-matrix-container.bg-dark.product-header,
  .table-matrix-container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .table-matrix-container.bg-dark.product-header,
  .table-matrix-container.bg-dark.product-header[class*=bg-],
  .table-matrix-container.bg-dark[class*=bg-],
  .table-matrix-container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .table-matrix-container.bg-dark.product-header .hintbox-icon img,
  .table-matrix-container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .table-matrix-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .table-matrix-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .table-matrix-container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .table-matrix-container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.table-matrix-container.bg-dark .details--s9>.details .main-column[class*=bg-],
.table-matrix-container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .table-matrix-container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .table-matrix-container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.table-matrix-container.bg-dark .hintbox,
.table-matrix-container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.table-matrix-container.bg-dark,
.overlay-content .main-column>.table-matrix-container.bg-dark .table-matrix-container.bg-dark,
.overlay-content body>.table-matrix-container.bg-dark,
.overlay-content>.table-matrix-container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.table-matrix-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.table-matrix-container.bg-dark .table-matrix-container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.table-matrix-container.bg-dark .product-label.product-label--overflow,
.overlay-content>.table-matrix-container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.table-matrix-container.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.table-matrix-container.bg-dark-accent .button--primary,
.table-matrix-container.bg-dark-accent .button--primary-positive,
.table-matrix-container.bg-dark-accent .button--secondary,
.table-matrix-container.bg-dark-accent .button--secondary-positive,
.table-matrix-container.bg-dark-accent .button--tertiary,
.table-matrix-container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.table-matrix-container.bg-dark-accent .button--primary,
.table-matrix-container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.table-matrix-container.bg-dark-accent .button--secondary,
.table-matrix-container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.table-matrix-container.bg-dark-accent .button--tertiary,
.table-matrix-container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.table-matrix-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.table-matrix-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.table-matrix-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.table-matrix-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.table-matrix-container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.table-matrix-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.table-matrix-container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.table-matrix-container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.table-matrix-container.bg-dark-accent,
:where(main)>.table-matrix-container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.table-matrix-container.bg-dark-accent+*>*,
:where(main)>.table-matrix-container.bg-dark-accent>* {
  --margin-top: initial
}

.table-matrix-container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .table-matrix-container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .table-matrix-container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .table-matrix-container.bg-dark-accent.product-header,
  .table-matrix-container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .table-matrix-container.bg-dark-accent.product-header,
  .table-matrix-container.bg-dark-accent.product-header[class*=bg-],
  .table-matrix-container.bg-dark-accent[class*=bg-],
  .table-matrix-container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .table-matrix-container.bg-dark-accent.product-header .hintbox-icon img,
  .table-matrix-container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .table-matrix-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .table-matrix-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .table-matrix-container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .table-matrix-container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.table-matrix-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.table-matrix-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .table-matrix-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .table-matrix-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.table-matrix-container.bg-dark-accent .hintbox,
.table-matrix-container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.table-matrix-container.bg-dark-accent,
.overlay-content .main-column>.table-matrix-container.bg-dark-accent .table-matrix-container.bg-dark-accent,
.overlay-content body>.table-matrix-container.bg-dark-accent,
.overlay-content>.table-matrix-container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.table-matrix-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.table-matrix-container.bg-dark-accent .table-matrix-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.table-matrix-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.table-matrix-container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.table-matrix-container.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.table-matrix-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.table-matrix-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.table-matrix-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.table-matrix-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.table-matrix-container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.table-matrix-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.table-matrix-container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.table-matrix-container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.table-matrix-container.bg-light-accent,
:where(main)>.table-matrix-container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.table-matrix-container.bg-light-accent+*>*,
:where(main)>.table-matrix-container.bg-light-accent>* {
  --margin-top: initial
}

.table-matrix-container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .table-matrix-container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .table-matrix-container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .table-matrix-container.bg-light-accent.product-header,
  .table-matrix-container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .table-matrix-container.bg-light-accent.product-header,
  .table-matrix-container.bg-light-accent.product-header[class*=bg-],
  .table-matrix-container.bg-light-accent[class*=bg-],
  .table-matrix-container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .table-matrix-container.bg-light-accent.product-header .hintbox-icon img,
  .table-matrix-container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .table-matrix-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .table-matrix-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .table-matrix-container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .table-matrix-container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.table-matrix-container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.table-matrix-container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .table-matrix-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .table-matrix-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.table-matrix-container.bg-light-accent .hintbox,
.table-matrix-container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.table-matrix-container.bg-light-accent,
.overlay-content .main-column>.table-matrix-container.bg-light-accent .table-matrix-container.bg-light-accent,
.overlay-content body>.table-matrix-container.bg-light-accent,
.overlay-content>.table-matrix-container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.table-matrix-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.table-matrix-container.bg-light-accent .table-matrix-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.table-matrix-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.table-matrix-container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.table-matrix-container.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.table-matrix-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.table-matrix-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.table-matrix-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.table-matrix-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.table-matrix-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.table-matrix-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.table-matrix-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.table-matrix-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.table-matrix-container.bg-light-accent-secondary,
:where(main)>.table-matrix-container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.table-matrix-container.bg-light-accent-secondary+*>*,
:where(main)>.table-matrix-container.bg-light-accent-secondary>* {
  --margin-top: initial
}

.table-matrix-container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .table-matrix-container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .table-matrix-container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .table-matrix-container.bg-light-accent-secondary.product-header,
  .table-matrix-container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .table-matrix-container.bg-light-accent-secondary.product-header,
  .table-matrix-container.bg-light-accent-secondary.product-header[class*=bg-],
  .table-matrix-container.bg-light-accent-secondary[class*=bg-],
  .table-matrix-container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .table-matrix-container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .table-matrix-container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .table-matrix-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .table-matrix-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .table-matrix-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .table-matrix-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.table-matrix-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.table-matrix-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .table-matrix-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .table-matrix-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.table-matrix-container.bg-light-accent-secondary .hintbox,
.table-matrix-container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.table-matrix-container.bg-light-accent-secondary,
.overlay-content .main-column>.table-matrix-container.bg-light-accent-secondary .table-matrix-container.bg-light-accent-secondary,
.overlay-content body>.table-matrix-container.bg-light-accent-secondary,
.overlay-content>.table-matrix-container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.table-matrix-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.table-matrix-container.bg-light-accent-secondary .table-matrix-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.table-matrix-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.table-matrix-container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.table-matrix-container.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.table-matrix-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.table-matrix-container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.table-matrix-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.table-matrix-container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.table-matrix-container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.table-matrix-container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.table-matrix-container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.table-matrix-container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.table-matrix-container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.table-matrix-container.bg-light,
:where(main)>.table-matrix-container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.table-matrix-container.bg-light+*>*,
:where(main)>.table-matrix-container.bg-light>* {
  --margin-top: initial
}

.table-matrix-container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .table-matrix-container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .table-matrix-container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .table-matrix-container.bg-light.product-header,
  .table-matrix-container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .table-matrix-container.bg-light.product-header,
  .table-matrix-container.bg-light.product-header[class*=bg-],
  .table-matrix-container.bg-light[class*=bg-],
  .table-matrix-container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .table-matrix-container.bg-light.product-header .hintbox-icon img,
  .table-matrix-container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .table-matrix-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .table-matrix-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .table-matrix-container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .table-matrix-container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.table-matrix-container.bg-light .details--s9>.details .main-column[class*=bg-],
.table-matrix-container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .table-matrix-container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .table-matrix-container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.table-matrix-container.bg-light .hintbox,
.table-matrix-container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.table-matrix-container.bg-light,
.overlay-content .main-column>.table-matrix-container.bg-light .table-matrix-container.bg-light,
.overlay-content body>.table-matrix-container.bg-light,
.overlay-content>.table-matrix-container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.table-matrix-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.table-matrix-container.bg-light .table-matrix-container.bg-light .product-label.product-label--overflow,
.overlay-content body>.table-matrix-container.bg-light .product-label.product-label--overflow,
.overlay-content>.table-matrix-container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.table-matrix-table {
  min-width: 100%
}

.table-matrix caption {
  left: 0;
  margin-bottom: .8rem;
  max-width: var(--scrollbar-content-width, calc(100vw - var(--gutter) * 2));
  position: sticky;
  text-align: left
}

.table-matrix caption:focus-visible {
  outline: 0
}

.table-matrix td,
.table-matrix th {
  font-weight: 300;
  padding: 12px 10px
}

.table-matrix tr {
  background: var(--color-background);
  display: grid;
  grid-template-columns: minmax(var(--tbody-th-min-width), var(--tbody-th-max-width)) repeat(var(--tbody-cols, 5), minmax(calc(var(--tbody-td-min-width) + var(--padding-inline)), 1fr))
}

.table-matrix tr.disabled {
  color: var(--color-fn-inactive-on-light-bg)
}

.table-matrix tr.error {
  color: var(--color-error)
}

.table-matrix thead.sticky-head {
  background-color: var(--color-background);
  left: 0;
  position: sticky;
  right: 0;
  top: 0;
  transition: transition .1ms linear;
  z-index: 2
}

.table-matrix thead.sticky-head.show.active {
  box-shadow: 0 1px 0 var(--kfw-color-grey-300)
}

.table-matrix thead.sticky-head.show.active:before {
  --height: 10rem;
  background-color: var(--color-background);
  content: "";
  height: var(--height);
  left: 0;
  position: fixed;
  right: 0;
  top: calc((var(--height) - 1rem)*-1)
}

.table-matrix thead.sticky-head.show.active:before tr {
  display: block;
  position: relative;
  width: 100%
}

.table-matrix thead.sticky-head.show.active tr {
  border-bottom: unset
}

.is-safari-browser .table-matrix thead.sticky-head {
  background-color: transparent;
  border-bottom-width: 2px
}

.is-safari-browser .table-matrix thead.sticky-head:after {
  background-color: var(--kfw-color-grey-300);
  content: none;
  display: block;
  height: 1px;
  position: absolute;
  width: 100%
}

.is-safari-browser .table-matrix thead.sticky-head.show.active:after {
  content: ""
}

.table-matrix thead th {
  background: var(--color-background);
  background-clip: padding-box;
  font-weight: 500;
  position: relative;
  vertical-align: top
}

.table-matrix thead th .visually-hidden {
  visibility: hidden
}

.table-matrix tbody th {
  text-align: left
}

.table-matrix tbody td,
.table-matrix tbody th {
  align-items: center;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: minmax(2.8rem, var(--error-headline-height, 1fr)) minmax(0, auto)
}

.table-matrix tbody td {
  justify-items: center
}

.table-matrix tbody tr:nth-child(odd) {
  background-color: var(--color-background-light)
}

.table-matrix tbody .table-matrix-row-head-label {
  font-weight: 500
}

@media only print and (width >=0px) {
  .table-matrix {
    --tbody-th-min-width: 21.5rem;
    --tbody-th-max-width: 26.2rem
  }
}

@media only screen and (min-width:600px) {
  .table-matrix {
    --tbody-th-min-width: 21.5rem;
    --tbody-th-max-width: 26.2rem
  }
}

@media only print and (width >=0px) {
  .table-matrix {
    --tbody-th-min-width: 23.4rem;
    --tbody-th-max-width: 29.3rem
  }
}

@media only screen and (min-width:840px) {
  .table-matrix {
    --tbody-th-min-width: 23.4rem;
    --tbody-th-max-width: 29.3rem
  }
}

@media only print and (width >=0px) {
  .table-matrix {
    --tbody-th-min-width: 22.9rem;
    --tbody-th-max-width: 26.4rem
  }
}

@media only screen and (min-width:960px) {
  .table-matrix {
    --tbody-th-min-width: 22.9rem;
    --tbody-th-max-width: 26.4rem
  }
}

@media only print and (width >=0px) {
  .table-matrix {
    --tbody-th-min-width: 32.6rem;
    --tbody-th-max-width: var(--tbody-th-min-width)
  }
}

@media only screen and (min-width:1280px) {
  .table-matrix {
    --tbody-th-min-width: 32.6rem;
    --tbody-th-max-width: var(--tbody-th-min-width)
  }
}

.simple-table {
  margin: calc(var(--space-x-small)/2*-1);
  text-align: left
}

.simple-table td,
.simple-table th {
  padding: calc(var(--space-x-small)/2);
  vertical-align: top
}

.loader {
  color: var(--color-font-on-light-bg);
  gap: var(--space-small)
}

.loader,
.loader-svg {
  display: flex;
  flex-direction: column
}

.loader-svg {
  align-items: center;
  align-self: center;
  aspect-ratio: 1;
  background: transparent url(../images/src/components/base/loader/images/loading-animation56ab4e0be9b8e8002314.svg) 0 0 no-repeat;
  width: 7rem
}

.overlays {
  align-items: center;
  background-color: var(--color-opacity-dark-30);
  display: none;
  flex-direction: column;
  height: 100%;
  left: 0;
  overflow: auto;
  padding-top: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 105
}

.overlays.active {
  display: flex
}

.overlays>.wrapper {
  align-items: center;
  display: flex;
  flex-direction: column
}

.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--padding-x, var(--gutter));
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.overlays>.wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.overlays>.wrapper.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, var(--gutter));
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.overlays>.wrapper.bg-dark .button--primary,
.overlays>.wrapper.bg-dark .button--primary-positive,
.overlays>.wrapper.bg-dark .button--secondary,
.overlays>.wrapper.bg-dark .button--secondary-positive,
.overlays>.wrapper.bg-dark .button--tertiary,
.overlays>.wrapper.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.overlays>.wrapper.bg-dark .button--primary,
.overlays>.wrapper.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.overlays>.wrapper.bg-dark .button--secondary,
.overlays>.wrapper.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.overlays>.wrapper.bg-dark .button--tertiary,
.overlays>.wrapper.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.overlays>.wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.overlays>.wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.overlays>.wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.overlays>.wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.overlays>.wrapper.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.overlays>.wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.overlays>.wrapper.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.overlays>.wrapper.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.overlays>.wrapper.bg-dark,
:where(main)>.overlays>.wrapper.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.overlays>.wrapper.bg-dark+*>*,
:where(main)>.overlays>.wrapper.bg-dark>* {
  --margin-top: initial
}

.overlays>.wrapper.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .overlays>.wrapper.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .overlays>.wrapper.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .overlays>.wrapper.bg-dark.product-header,
  .overlays>.wrapper.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .overlays>.wrapper.bg-dark.product-header,
  .overlays>.wrapper.bg-dark.product-header[class*=bg-],
  .overlays>.wrapper.bg-dark[class*=bg-],
  .overlays>.wrapper.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .overlays>.wrapper.bg-dark.product-header .hintbox-icon img,
  .overlays>.wrapper.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.overlays>.wrapper.bg-dark .details--s9>.details .main-column[class*=bg-],
.overlays>.wrapper.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .overlays>.wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .overlays>.wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .overlays>.wrapper.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .overlays>.wrapper.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .overlays>.wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .overlays>.wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.overlays>.wrapper.bg-dark .hintbox,
.overlays>.wrapper.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.overlays>.wrapper.bg-dark,
.overlay-content .main-column>.overlays>.wrapper.bg-dark .overlays>.wrapper.bg-dark,
.overlay-content body>.overlays>.wrapper.bg-dark,
.overlay-content>.overlays>.wrapper.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.overlays>.wrapper.bg-dark .overlays>.wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.overlays>.wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content body>.overlays>.wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content>.overlays>.wrapper.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.overlays>.wrapper.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, var(--gutter));
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.overlays>.wrapper.bg-dark-accent .button--primary,
.overlays>.wrapper.bg-dark-accent .button--primary-positive,
.overlays>.wrapper.bg-dark-accent .button--secondary,
.overlays>.wrapper.bg-dark-accent .button--secondary-positive,
.overlays>.wrapper.bg-dark-accent .button--tertiary,
.overlays>.wrapper.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.overlays>.wrapper.bg-dark-accent .button--primary,
.overlays>.wrapper.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.overlays>.wrapper.bg-dark-accent .button--secondary,
.overlays>.wrapper.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.overlays>.wrapper.bg-dark-accent .button--tertiary,
.overlays>.wrapper.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.overlays>.wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.overlays>.wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.overlays>.wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.overlays>.wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.overlays>.wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.overlays>.wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.overlays>.wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.overlays>.wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.overlays>.wrapper.bg-dark-accent,
:where(main)>.overlays>.wrapper.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.overlays>.wrapper.bg-dark-accent+*>*,
:where(main)>.overlays>.wrapper.bg-dark-accent>* {
  --margin-top: initial
}

.overlays>.wrapper.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .overlays>.wrapper.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .overlays>.wrapper.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .overlays>.wrapper.bg-dark-accent.product-header,
  .overlays>.wrapper.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .overlays>.wrapper.bg-dark-accent.product-header,
  .overlays>.wrapper.bg-dark-accent.product-header[class*=bg-],
  .overlays>.wrapper.bg-dark-accent[class*=bg-],
  .overlays>.wrapper.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .overlays>.wrapper.bg-dark-accent.product-header .hintbox-icon img,
  .overlays>.wrapper.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.overlays>.wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.overlays>.wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .overlays>.wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .overlays>.wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .overlays>.wrapper.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .overlays>.wrapper.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .overlays>.wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .overlays>.wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.overlays>.wrapper.bg-dark-accent .hintbox,
.overlays>.wrapper.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.overlays>.wrapper.bg-dark-accent,
.overlay-content .main-column>.overlays>.wrapper.bg-dark-accent .overlays>.wrapper.bg-dark-accent,
.overlay-content body>.overlays>.wrapper.bg-dark-accent,
.overlay-content>.overlays>.wrapper.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.overlays>.wrapper.bg-dark-accent .overlays>.wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.overlays>.wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.overlays>.wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.overlays>.wrapper.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.overlays>.wrapper.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, var(--gutter));
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.overlays>.wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.overlays>.wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.overlays>.wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.overlays>.wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.overlays>.wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.overlays>.wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.overlays>.wrapper.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.overlays>.wrapper.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.overlays>.wrapper.bg-light-accent,
:where(main)>.overlays>.wrapper.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.overlays>.wrapper.bg-light-accent+*>*,
:where(main)>.overlays>.wrapper.bg-light-accent>* {
  --margin-top: initial
}

.overlays>.wrapper.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .overlays>.wrapper.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .overlays>.wrapper.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .overlays>.wrapper.bg-light-accent.product-header,
  .overlays>.wrapper.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .overlays>.wrapper.bg-light-accent.product-header,
  .overlays>.wrapper.bg-light-accent.product-header[class*=bg-],
  .overlays>.wrapper.bg-light-accent[class*=bg-],
  .overlays>.wrapper.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .overlays>.wrapper.bg-light-accent.product-header .hintbox-icon img,
  .overlays>.wrapper.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.overlays>.wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.overlays>.wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .overlays>.wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .overlays>.wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .overlays>.wrapper.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .overlays>.wrapper.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .overlays>.wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .overlays>.wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.overlays>.wrapper.bg-light-accent .hintbox,
.overlays>.wrapper.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.overlays>.wrapper.bg-light-accent,
.overlay-content .main-column>.overlays>.wrapper.bg-light-accent .overlays>.wrapper.bg-light-accent,
.overlay-content body>.overlays>.wrapper.bg-light-accent,
.overlay-content>.overlays>.wrapper.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.overlays>.wrapper.bg-light-accent .overlays>.wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.overlays>.wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.overlays>.wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.overlays>.wrapper.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.overlays>.wrapper.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, var(--gutter));
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.overlays>.wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.overlays>.wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.overlays>.wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.overlays>.wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.overlays>.wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.overlays>.wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.overlays>.wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.overlays>.wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.overlays>.wrapper.bg-light-accent-secondary,
:where(main)>.overlays>.wrapper.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.overlays>.wrapper.bg-light-accent-secondary+*>*,
:where(main)>.overlays>.wrapper.bg-light-accent-secondary>* {
  --margin-top: initial
}

.overlays>.wrapper.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .overlays>.wrapper.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .overlays>.wrapper.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .overlays>.wrapper.bg-light-accent-secondary.product-header,
  .overlays>.wrapper.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .overlays>.wrapper.bg-light-accent-secondary.product-header,
  .overlays>.wrapper.bg-light-accent-secondary.product-header[class*=bg-],
  .overlays>.wrapper.bg-light-accent-secondary[class*=bg-],
  .overlays>.wrapper.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .overlays>.wrapper.bg-light-accent-secondary.product-header .hintbox-icon img,
  .overlays>.wrapper.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.overlays>.wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.overlays>.wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .overlays>.wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .overlays>.wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .overlays>.wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .overlays>.wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .overlays>.wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .overlays>.wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.overlays>.wrapper.bg-light-accent-secondary .hintbox,
.overlays>.wrapper.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.overlays>.wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.overlays>.wrapper.bg-light-accent-secondary .overlays>.wrapper.bg-light-accent-secondary,
.overlay-content body>.overlays>.wrapper.bg-light-accent-secondary,
.overlay-content>.overlays>.wrapper.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.overlays>.wrapper.bg-light-accent-secondary .overlays>.wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.overlays>.wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.overlays>.wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.overlays>.wrapper.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.overlays>.wrapper.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, var(--gutter));
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.overlays>.wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.overlays>.wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.overlays>.wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.overlays>.wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.overlays>.wrapper.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.overlays>.wrapper.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.overlays>.wrapper.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.overlays>.wrapper.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays>.wrapper.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.overlays>.wrapper.bg-light,
:where(main)>.overlays>.wrapper.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.overlays>.wrapper.bg-light+*>*,
:where(main)>.overlays>.wrapper.bg-light>* {
  --margin-top: initial
}

.overlays>.wrapper.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .overlays>.wrapper.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .overlays>.wrapper.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .overlays>.wrapper.bg-light.product-header,
  .overlays>.wrapper.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .overlays>.wrapper.bg-light.product-header,
  .overlays>.wrapper.bg-light.product-header[class*=bg-],
  .overlays>.wrapper.bg-light[class*=bg-],
  .overlays>.wrapper.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .overlays>.wrapper.bg-light.product-header .hintbox-icon img,
  .overlays>.wrapper.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.overlays>.wrapper.bg-light .details--s9>.details .main-column[class*=bg-],
.overlays>.wrapper.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .overlays>.wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .overlays>.wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .overlays>.wrapper.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .overlays>.wrapper.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .overlays>.wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .overlays>.wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.overlays>.wrapper.bg-light .hintbox,
.overlays>.wrapper.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.overlays>.wrapper.bg-light,
.overlay-content .main-column>.overlays>.wrapper.bg-light .overlays>.wrapper.bg-light,
.overlay-content body>.overlays>.wrapper.bg-light,
.overlay-content>.overlays>.wrapper.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.overlays>.wrapper.bg-light .overlays>.wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.overlays>.wrapper.bg-light .product-label.product-label--overflow,
.overlay-content body>.overlays>.wrapper.bg-light .product-label.product-label--overflow,
.overlay-content>.overlays>.wrapper.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

@media only screen and (max-width:calc(600px - 1px)) {
  .overlays>.wrapper.wrapper {
    padding-left: 0;
    padding-right: 0
  }
}

.overlays .overlay {
  display: none;
  margin-bottom: 0;
  max-width: 100%;
  outline: none;
  position: relative;
  width: 100%
}

.overlays .overlay.active {
  display: block
}

.overlays .overlay-inner {
  background-color: var(--color-background);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-y-bg: 0px;
  --c-padding-b-addition: 0px;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, 0px)
}

.details.details--acc1 .details-content>.main-column>.overlays .overlay-inner:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.overlays .overlay-inner:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.overlays .overlay-inner:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.overlays .overlay-inner:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.overlays .overlay-inner:where(.hintbox, .programtile-container),
.two-column-container-content>.overlays .overlay-inner:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.overlays .overlay-inner:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.overlays .overlay-inner:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner+:not(.bg-white):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner+:not(.bg-white):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.overlays .overlay-inner,
:where(main)>.overlays .overlay-inner+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.overlays .overlay-inner+*>*,
:where(main)>.overlays .overlay-inner>* {
  --margin-top: initial
}

.overlays .overlay-inner {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.overlays .overlay-inner:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .overlays .overlay-inner {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .overlays .overlay-inner:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .overlays .overlay-inner.product-header,
  .overlays .overlay-inner[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .overlays .overlay-inner.product-header,
  .overlays .overlay-inner.product-header[class*=bg-],
  .overlays .overlay-inner[class*=bg-],
  .overlays .overlay-inner[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .overlays .overlay-inner.product-header .hintbox-icon img,
  .overlays .overlay-inner[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.overlays .overlay-inner .details--s9>.details .main-column[class*=bg-],
.overlays .overlay-inner .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .overlays .overlay-inner:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .overlays .overlay-inner:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .overlays .overlay-inner:not(.hintbox)[class*=bg-],
.page-s9 .main-column .overlays .overlay-inner:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .overlays .overlay-inner:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .overlays .overlay-inner:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.overlays .overlay-inner .hintbox,
.overlays .overlay-inner.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.overlays .overlay-inner,
.overlay-content .main-column>.overlays .overlay-inner .overlays .overlay-inner,
.overlay-content body>.overlays .overlay-inner,
.overlay-content>.overlays .overlay-inner {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.overlays .overlay-inner .overlays .overlay-inner .product-label.product-label--overflow,
.overlay-content .main-column>.overlays .overlay-inner .product-label.product-label--overflow,
.overlay-content body>.overlays .overlay-inner .product-label.product-label--overflow,
.overlay-content>.overlays .overlay-inner .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.overlays .overlay-inner.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, 0px)
}

.overlays .overlay-inner.bg-dark .button--primary,
.overlays .overlay-inner.bg-dark .button--primary-positive,
.overlays .overlay-inner.bg-dark .button--secondary,
.overlays .overlay-inner.bg-dark .button--secondary-positive,
.overlays .overlay-inner.bg-dark .button--tertiary,
.overlays .overlay-inner.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.overlays .overlay-inner.bg-dark .button--primary,
.overlays .overlay-inner.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.overlays .overlay-inner.bg-dark .button--secondary,
.overlays .overlay-inner.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.overlays .overlay-inner.bg-dark .button--tertiary,
.overlays .overlay-inner.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.overlays .overlay-inner.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.overlays .overlay-inner.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.overlays .overlay-inner.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.overlays .overlay-inner.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.overlays .overlay-inner.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.overlays .overlay-inner.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.overlays .overlay-inner.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.overlays .overlay-inner.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.overlays .overlay-inner.bg-dark,
:where(main)>.overlays .overlay-inner.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.overlays .overlay-inner.bg-dark+*>*,
:where(main)>.overlays .overlay-inner.bg-dark>* {
  --margin-top: initial
}

.overlays .overlay-inner.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.overlays .overlay-inner.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .overlays .overlay-inner.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .overlays .overlay-inner.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .overlays .overlay-inner.bg-dark.product-header,
  .overlays .overlay-inner.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .overlays .overlay-inner.bg-dark.product-header,
  .overlays .overlay-inner.bg-dark.product-header[class*=bg-],
  .overlays .overlay-inner.bg-dark[class*=bg-],
  .overlays .overlay-inner.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .overlays .overlay-inner.bg-dark.product-header .hintbox-icon img,
  .overlays .overlay-inner.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.overlays .overlay-inner.bg-dark .details--s9>.details .main-column[class*=bg-],
.overlays .overlay-inner.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .overlays .overlay-inner.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .overlays .overlay-inner.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .overlays .overlay-inner.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .overlays .overlay-inner.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .overlays .overlay-inner.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .overlays .overlay-inner.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.overlays .overlay-inner.bg-dark .hintbox,
.overlays .overlay-inner.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.overlays .overlay-inner.bg-dark,
.overlay-content .main-column>.overlays .overlay-inner.bg-dark .overlays .overlay-inner.bg-dark,
.overlay-content body>.overlays .overlay-inner.bg-dark,
.overlay-content>.overlays .overlay-inner.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.overlays .overlay-inner.bg-dark .overlays .overlay-inner.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.overlays .overlay-inner.bg-dark .product-label.product-label--overflow,
.overlay-content body>.overlays .overlay-inner.bg-dark .product-label.product-label--overflow,
.overlay-content>.overlays .overlay-inner.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.overlays .overlay-inner.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, 0px)
}

.overlays .overlay-inner.bg-dark-accent .button--primary,
.overlays .overlay-inner.bg-dark-accent .button--primary-positive,
.overlays .overlay-inner.bg-dark-accent .button--secondary,
.overlays .overlay-inner.bg-dark-accent .button--secondary-positive,
.overlays .overlay-inner.bg-dark-accent .button--tertiary,
.overlays .overlay-inner.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.overlays .overlay-inner.bg-dark-accent .button--primary,
.overlays .overlay-inner.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.overlays .overlay-inner.bg-dark-accent .button--secondary,
.overlays .overlay-inner.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.overlays .overlay-inner.bg-dark-accent .button--tertiary,
.overlays .overlay-inner.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.overlays .overlay-inner.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.overlays .overlay-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.overlays .overlay-inner.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.overlays .overlay-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.overlays .overlay-inner.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.overlays .overlay-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.overlays .overlay-inner.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.overlays .overlay-inner.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.overlays .overlay-inner.bg-dark-accent,
:where(main)>.overlays .overlay-inner.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.overlays .overlay-inner.bg-dark-accent+*>*,
:where(main)>.overlays .overlay-inner.bg-dark-accent>* {
  --margin-top: initial
}

.overlays .overlay-inner.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.overlays .overlay-inner.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .overlays .overlay-inner.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .overlays .overlay-inner.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .overlays .overlay-inner.bg-dark-accent.product-header,
  .overlays .overlay-inner.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .overlays .overlay-inner.bg-dark-accent.product-header,
  .overlays .overlay-inner.bg-dark-accent.product-header[class*=bg-],
  .overlays .overlay-inner.bg-dark-accent[class*=bg-],
  .overlays .overlay-inner.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .overlays .overlay-inner.bg-dark-accent.product-header .hintbox-icon img,
  .overlays .overlay-inner.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.overlays .overlay-inner.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.overlays .overlay-inner.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .overlays .overlay-inner.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .overlays .overlay-inner.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .overlays .overlay-inner.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .overlays .overlay-inner.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .overlays .overlay-inner.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .overlays .overlay-inner.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.overlays .overlay-inner.bg-dark-accent .hintbox,
.overlays .overlay-inner.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.overlays .overlay-inner.bg-dark-accent,
.overlay-content .main-column>.overlays .overlay-inner.bg-dark-accent .overlays .overlay-inner.bg-dark-accent,
.overlay-content body>.overlays .overlay-inner.bg-dark-accent,
.overlay-content>.overlays .overlay-inner.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.overlays .overlay-inner.bg-dark-accent .overlays .overlay-inner.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.overlays .overlay-inner.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.overlays .overlay-inner.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.overlays .overlay-inner.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.overlays .overlay-inner.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, 0px)
}

.details.details--acc1 .details-content>.main-column>.overlays .overlay-inner.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.overlays .overlay-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.overlays .overlay-inner.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.overlays .overlay-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.overlays .overlay-inner.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.overlays .overlay-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.overlays .overlay-inner.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.overlays .overlay-inner.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.overlays .overlay-inner.bg-light-accent,
:where(main)>.overlays .overlay-inner.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.overlays .overlay-inner.bg-light-accent+*>*,
:where(main)>.overlays .overlay-inner.bg-light-accent>* {
  --margin-top: initial
}

.overlays .overlay-inner.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.overlays .overlay-inner.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .overlays .overlay-inner.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .overlays .overlay-inner.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .overlays .overlay-inner.bg-light-accent.product-header,
  .overlays .overlay-inner.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .overlays .overlay-inner.bg-light-accent.product-header,
  .overlays .overlay-inner.bg-light-accent.product-header[class*=bg-],
  .overlays .overlay-inner.bg-light-accent[class*=bg-],
  .overlays .overlay-inner.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .overlays .overlay-inner.bg-light-accent.product-header .hintbox-icon img,
  .overlays .overlay-inner.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.overlays .overlay-inner.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.overlays .overlay-inner.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .overlays .overlay-inner.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .overlays .overlay-inner.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .overlays .overlay-inner.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .overlays .overlay-inner.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .overlays .overlay-inner.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .overlays .overlay-inner.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.overlays .overlay-inner.bg-light-accent .hintbox,
.overlays .overlay-inner.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.overlays .overlay-inner.bg-light-accent,
.overlay-content .main-column>.overlays .overlay-inner.bg-light-accent .overlays .overlay-inner.bg-light-accent,
.overlay-content body>.overlays .overlay-inner.bg-light-accent,
.overlay-content>.overlays .overlay-inner.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.overlays .overlay-inner.bg-light-accent .overlays .overlay-inner.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.overlays .overlay-inner.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.overlays .overlay-inner.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.overlays .overlay-inner.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.overlays .overlay-inner.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, 0px)
}

.details.details--acc1 .details-content>.main-column>.overlays .overlay-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.overlays .overlay-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.overlays .overlay-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.overlays .overlay-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.overlays .overlay-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.overlays .overlay-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.overlays .overlay-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.overlays .overlay-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.overlays .overlay-inner.bg-light-accent-secondary,
:where(main)>.overlays .overlay-inner.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.overlays .overlay-inner.bg-light-accent-secondary+*>*,
:where(main)>.overlays .overlay-inner.bg-light-accent-secondary>* {
  --margin-top: initial
}

.overlays .overlay-inner.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.overlays .overlay-inner.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .overlays .overlay-inner.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .overlays .overlay-inner.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .overlays .overlay-inner.bg-light-accent-secondary.product-header,
  .overlays .overlay-inner.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .overlays .overlay-inner.bg-light-accent-secondary.product-header,
  .overlays .overlay-inner.bg-light-accent-secondary.product-header[class*=bg-],
  .overlays .overlay-inner.bg-light-accent-secondary[class*=bg-],
  .overlays .overlay-inner.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .overlays .overlay-inner.bg-light-accent-secondary.product-header .hintbox-icon img,
  .overlays .overlay-inner.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.overlays .overlay-inner.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.overlays .overlay-inner.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .overlays .overlay-inner.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .overlays .overlay-inner.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .overlays .overlay-inner.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .overlays .overlay-inner.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .overlays .overlay-inner.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .overlays .overlay-inner.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.overlays .overlay-inner.bg-light-accent-secondary .hintbox,
.overlays .overlay-inner.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.overlays .overlay-inner.bg-light-accent-secondary,
.overlay-content .main-column>.overlays .overlay-inner.bg-light-accent-secondary .overlays .overlay-inner.bg-light-accent-secondary,
.overlay-content body>.overlays .overlay-inner.bg-light-accent-secondary,
.overlay-content>.overlays .overlay-inner.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.overlays .overlay-inner.bg-light-accent-secondary .overlays .overlay-inner.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.overlays .overlay-inner.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.overlays .overlay-inner.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.overlays .overlay-inner.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.overlays .overlay-inner.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, 0px)
}

.details.details--acc1 .details-content>.main-column>.overlays .overlay-inner.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.overlays .overlay-inner.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.overlays .overlay-inner.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.overlays .overlay-inner.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.overlays .overlay-inner.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.overlays .overlay-inner.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.overlays .overlay-inner.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.overlays .overlay-inner.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.overlays .overlay-inner.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.overlays .overlay-inner.bg-light,
:where(main)>.overlays .overlay-inner.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.overlays .overlay-inner.bg-light+*>*,
:where(main)>.overlays .overlay-inner.bg-light>* {
  --margin-top: initial
}

.overlays .overlay-inner.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.overlays .overlay-inner.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .overlays .overlay-inner.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .overlays .overlay-inner.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .overlays .overlay-inner.bg-light.product-header,
  .overlays .overlay-inner.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .overlays .overlay-inner.bg-light.product-header,
  .overlays .overlay-inner.bg-light.product-header[class*=bg-],
  .overlays .overlay-inner.bg-light[class*=bg-],
  .overlays .overlay-inner.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .overlays .overlay-inner.bg-light.product-header .hintbox-icon img,
  .overlays .overlay-inner.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.overlays .overlay-inner.bg-light .details--s9>.details .main-column[class*=bg-],
.overlays .overlay-inner.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .overlays .overlay-inner.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .overlays .overlay-inner.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .overlays .overlay-inner.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .overlays .overlay-inner.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .overlays .overlay-inner.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .overlays .overlay-inner.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.overlays .overlay-inner.bg-light .hintbox,
.overlays .overlay-inner.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.overlays .overlay-inner.bg-light,
.overlay-content .main-column>.overlays .overlay-inner.bg-light .overlays .overlay-inner.bg-light,
.overlay-content body>.overlays .overlay-inner.bg-light,
.overlay-content>.overlays .overlay-inner.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.overlays .overlay-inner.bg-light .overlays .overlay-inner.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.overlays .overlay-inner.bg-light .product-label.product-label--overflow,
.overlay-content body>.overlays .overlay-inner.bg-light .product-label.product-label--overflow,
.overlay-content>.overlays .overlay-inner.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.overlays .overlay-inner {
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 20vh;
  min-width: 0;
  overflow: visible;
  position: relative;
  width: 100%
}

@media only screen and (max-width:calc(600px - 1px)) {
  .overlays .overlay-inner.overlay-inner {
    --c-overflow: 0px;
    max-width: 100vw;
    min-height: 100vh
  }
}

.overlays .overlay-header {
  background-color: var(--color-background);
  display: block;
  padding-bottom: 10px;
  position: sticky;
  text-align: right;
  top: calc(-1*var(--overlay-margin));
  width: 100%;
  z-index: 25
}

.overlays .overlay-header .kfw-timeout.webforms .timeout.webforms {
  --c-overflow: 0px;
  max-width: 100%;
  text-align: left
}

@media only screen and (max-width:calc(600px - 1px)) {
  .overlays .overlay-header .kfw-timeout.webforms .timeout.webforms {
    --max-container-width: 100vw
  }
}

.overlays .overlay-header button {
  background-color: var(--color-fn);
  border-radius: 0;
  color: var(--color-font-on-dark-bg);
  display: inline-block;
  height: var(--overlay-ui-button-height);
  margin-top: 0;
  position: relative;
  width: var(--overlay-ui-button-width)
}

.overlays .overlay-header button:hover:not([disabled]) .icon {
  border-radius: 4px;
  color: var(--color-font-on-dark-bg);
  outline: 2px solid var(--color-background);
  outline-offset: 0
}

.overlays .overlay-header button:focus-visible:not([disabled]) {
  outline: none
}

.overlays .overlay-header button:focus-visible:not([disabled]) .icon {
  border-radius: 4px;
  color: var(--color-font-on-dark-bg);
  outline: 2px dashed var(--color-background);
  outline-offset: 2px
}

.overlays .overlay-header button:disabled {
  background-color: var(--color-fn-inactive-on-light-bg);
  color: var(--color-font-on-dark-bg)
}

.overlays .overlay-header button .icon {
  display: inline-block;
  font-size: 2.4rem;
  line-height: 100%
}

@media only screen and (max-width:calc(600px - 1px)) {
  .overlays .overlay-header {
    top: 0
  }
}

@media only print and (width >=0px) {
  .overlays .overlay-header {
    padding-bottom: unset
  }
}

@media only screen and (min-width:840px) {
  .overlays .overlay-header {
    padding-bottom: unset
  }
}

.overlays .overlay-content {
  --gutter: 0px;
  flex: 1;
  padding-left: var(--overlay-inner-padding);
  padding-right: var(--overlay-inner-padding)
}

.overlays .overlay-content .banner,
.overlays .overlay-content .benefits,
.overlays .overlay-content .marginal-column,
.overlays .overlay-content .progress-steps,
.overlays .overlay-content .topic-stage {
  display: none
}

.overlays .overlay-footer {
  padding: 20px var(--overlay-inner-padding) 30px;
  text-align: right
}

@media only print and (width >=0px) {
  .overlays .overlay--default.overlay {
    --c-overflow: 0px
  }
}

@media only screen and (min-width:840px) {
  .overlays .overlay--default.overlay {
    --c-overflow: 0px
  }
}

@media only print and (width >=0px) {
  .overlays .overlay--small.overlay {
    --col: 10
  }
}

@media only screen and (min-width:600px) {
  .overlays .overlay--small.overlay {
    --col: 10
  }
}

@media only print and (width >=0px) {
  .overlays .overlay--small.overlay {
    --col: 8
  }
}

@media only screen and (min-width:960px) {
  .overlays .overlay--small.overlay {
    --col: 8
  }
}

@media only print and (width >=0px) {
  .overlays .overlay--medium.overlay {
    --col: 10
  }
}

@media only screen and (min-width:600px) {
  .overlays .overlay--medium.overlay {
    --col: 10
  }
}

@media only print and (width >=0px) {
  .overlays .overlay--x-small.overlay {
    --col: 5
  }
}

@media only screen and (min-width:320px) {
  .overlays .overlay--x-small.overlay {
    --col: 5
  }
}

.overlays .overlay.bg-light .overlay-header,
.overlays .overlay.bg-light .overlay-inner {
  background-color: var(--color-background-light)
}

@media only print and (width >=0px) {
  .overlays .overlay {
    --col: 12;
    margin-bottom: var(--overlay-margin);
    width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .overlays .overlay {
    --columns: 12
  }
}

@media only screen and (min-width:840px) {
  .overlays .overlay {
    --col: 12;
    margin-bottom: var(--overlay-margin);
    width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:840px)and (min-width:600px) {
  .overlays .overlay {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .overlays {
    padding-top: var(--overlay-margin)
  }
}

@media only screen and (min-width:600px) {
  .overlays {
    padding-top: var(--overlay-margin)
  }
}

.ban-overlay.overlay .overlay-header,
.ban-overlay.overlay .overlay-inner {
  background: #f6f5ed
}

.image-rights-list {
  overflow: hidden;
  overflow-y: auto
}

.image-rights-list>.image-text-container {
  column-gap: var(--gap);
  display: flex;
  flex-direction: column;
  margin-bottom: 3.5rem
}

.image-rights-list>.image-text-container:last-child {
  margin-bottom: 0
}

@media only print and (width >=0px) {
  .image-rights-list>.image-text-container>.image-rights-image {
    grid-column: 1/span 4
  }
}

@media only screen and (min-width:840px) {
  .image-rights-list>.image-text-container>.image-rights-image {
    grid-column: 1/span 4
  }
}

.image-rights-list>.image-text-container>.image-rights-source p:first-child {
  margin-top: 1.5rem
}

.image-rights-list>.image-text-container>.image-rights-source p {
  margin-bottom: 0
}

@media only print and (width >=0px) {
  .image-rights-list>.image-text-container>.image-rights-source {
    grid-column: 5/-1
  }

  .image-rights-list>.image-text-container>.image-rights-source p:first-child {
    margin-top: 0
  }
}

@media only screen and (min-width:840px) {
  .image-rights-list>.image-text-container>.image-rights-source {
    grid-column: 5/-1
  }

  .image-rights-list>.image-text-container>.image-rights-source p:first-child {
    margin-top: 0
  }
}

.image-rights-list>.image-text-container>.no-images.tx-1 {
  grid-column: 1/-1;
  margin-bottom: 0
}

@media only print and (width >=0px) {
  .image-rights-list>.image-text-container {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    margin-bottom: 4rem
  }
}

@media only screen and (min-width:840px) {
  .image-rights-list>.image-text-container {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    margin-bottom: 4rem
  }
}

.form-item-label {
  color: var(--color-font-on-light-bg);
  display: inline-block;
  height: 100%;
  margin-bottom: .8rem
}

.form-item-label:focus-visible {
  outline: 0
}

.form-item-label>span:not(.tooltip-overlay) {
  font-weight: 500
}

.form-item-label .tooltip-label {
  white-space: normal
}

.form-item.error .error-message {
  display: inline-flex
}

.form-item.error .select-container,
.form-item.error input[type=date],
.form-item.error input[type=datetime-local],
.form-item.error input[type=email],
.form-item.error input[type=month],
.form-item.error input[type=number],
.form-item.error input[type=password],
.form-item.error input[type=tel],
.form-item.error input[type=text],
.form-item.error input[type=time],
.form-item.error input[type=url],
.form-item.error input[type=week],
.form-item.error textarea {
  border-color: var(--color-error);
  color: var(--color-error);
  outline: 1px solid var(--color-error)
}

.form-item.error .select-container:hover,
.form-item.error input[type=date]:hover,
.form-item.error input[type=datetime-local]:hover,
.form-item.error input[type=email]:hover,
.form-item.error input[type=month]:hover,
.form-item.error input[type=number]:hover,
.form-item.error input[type=password]:hover,
.form-item.error input[type=tel]:hover,
.form-item.error input[type=text]:hover,
.form-item.error input[type=time]:hover,
.form-item.error input[type=url]:hover,
.form-item.error input[type=week]:hover,
.form-item.error textarea:hover {
  color: var(--color-fn-active);
  outline: none
}

[data-whatinput=keyboard] .form-item.error .select-container:focus-visible:focus-visible,
[data-whatinput=keyboard] .form-item.error input[type=date]:focus-visible:focus-visible,
[data-whatinput=keyboard] .form-item.error input[type=datetime-local]:focus-visible:focus-visible,
[data-whatinput=keyboard] .form-item.error input[type=email]:focus-visible:focus-visible,
[data-whatinput=keyboard] .form-item.error input[type=month]:focus-visible:focus-visible,
[data-whatinput=keyboard] .form-item.error input[type=number]:focus-visible:focus-visible,
[data-whatinput=keyboard] .form-item.error input[type=password]:focus-visible:focus-visible,
[data-whatinput=keyboard] .form-item.error input[type=tel]:focus-visible:focus-visible,
[data-whatinput=keyboard] .form-item.error input[type=text]:focus-visible:focus-visible,
[data-whatinput=keyboard] .form-item.error input[type=time]:focus-visible:focus-visible,
[data-whatinput=keyboard] .form-item.error input[type=url]:focus-visible:focus-visible,
[data-whatinput=keyboard] .form-item.error input[type=week]:focus-visible:focus-visible,
[data-whatinput=keyboard] .form-item.error textarea:focus-visible:focus-visible {
  border-width: 2px;
  outline-color: var(--color-error);
  padding: calc(1rem - 1px) calc(1.5rem - 1px)
}

.form-item.error textarea {
  color: var(--color-error)
}

.error .form-item-container.group {
  margin: 1rem 0;
  outline: 2px solid var(--color-error);
  outline-offset: 1rem
}

.error .form-item-container+.error-message {
  margin-top: calc(.5rem + 2px)
}

.form-item+p {
  margin-top: .6rem
}

.form-item+a {
  margin-top: 1.2rem
}

.form-item .input-styled,
.form-item input[type=date],
.form-item input[type=datetime-local],
.form-item input[type=email],
.form-item input[type=month],
.form-item input[type=number],
.form-item input[type=password],
.form-item input[type=tel],
.form-item input[type=text],
.form-item input[type=time],
.form-item input[type=url],
.form-item input[type=week],
.form-item textarea {
  border: 1px solid var(--color-fn-border);
  border-radius: 4px;
  color: var(--color-fn)
}

.form-item .input-styled:last-child,
.form-item input[type=date]:last-child,
.form-item input[type=datetime-local]:last-child,
.form-item input[type=email]:last-child,
.form-item input[type=month]:last-child,
.form-item input[type=number]:last-child,
.form-item input[type=password]:last-child,
.form-item input[type=tel]:last-child,
.form-item input[type=text]:last-child,
.form-item input[type=time]:last-child,
.form-item input[type=url]:last-child,
.form-item input[type=week]:last-child,
.form-item textarea:last-child {
  margin-bottom: 0
}

.form-item .input-styled::placeholder,
.form-item input[type=date]::placeholder,
.form-item input[type=datetime-local]::placeholder,
.form-item input[type=email]::placeholder,
.form-item input[type=month]::placeholder,
.form-item input[type=number]::placeholder,
.form-item input[type=password]::placeholder,
.form-item input[type=tel]::placeholder,
.form-item input[type=text]::placeholder,
.form-item input[type=time]::placeholder,
.form-item input[type=url]::placeholder,
.form-item input[type=week]::placeholder,
.form-item textarea::placeholder {
  color: var(--color-fn)
}

.form-item .input-styled:hover,
.form-item input[type=date]:hover,
.form-item input[type=datetime-local]:hover,
.form-item input[type=email]:hover,
.form-item input[type=month]:hover,
.form-item input[type=number]:hover,
.form-item input[type=password]:hover,
.form-item input[type=tel]:hover,
.form-item input[type=text]:hover,
.form-item input[type=time]:hover,
.form-item input[type=url]:hover,
.form-item input[type=week]:hover,
.form-item textarea:hover {
  border-color: var(--color-fn-active);
  color: var(--color-fn-active);
  outline: 1px solid var(--color-fn-active)
}

.form-item .input-styled:focus-visible,
.form-item input[type=date]:focus-visible,
.form-item input[type=datetime-local]:focus-visible,
.form-item input[type=email]:focus-visible,
.form-item input[type=month]:focus-visible,
.form-item input[type=number]:focus-visible,
.form-item input[type=password]:focus-visible,
.form-item input[type=tel]:focus-visible,
.form-item input[type=text]:focus-visible,
.form-item input[type=time]:focus-visible,
.form-item input[type=url]:focus-visible,
.form-item input[type=week]:focus-visible,
.form-item textarea:focus-visible {
  border-color: var(--color-fn-active);
  color: var(--color-font-on-light-bg);
  outline: none
}

[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item .input-styled:focus-visible:focus-visible,
[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item input[type=date]:focus-visible:focus-visible,
[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item input[type=datetime-local]:focus-visible:focus-visible,
[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item input[type=email]:focus-visible:focus-visible,
[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item input[type=month]:focus-visible:focus-visible,
[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item input[type=number]:focus-visible:focus-visible,
[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item input[type=password]:focus-visible:focus-visible,
[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item input[type=tel]:focus-visible:focus-visible,
[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item input[type=text]:focus-visible:focus-visible,
[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item input[type=time]:focus-visible:focus-visible,
[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item input[type=url]:focus-visible:focus-visible,
[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item input[type=week]:focus-visible:focus-visible,
[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item textarea:focus-visible:focus-visible {
  border-radius: 4px;
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px
}

.form-item .input-styled:disabled,
.form-item .input-styled:read-only,
.form-item .input-styled[disabled],
.form-item .input-styled[readonly],
.form-item input[type=date]:disabled,
.form-item input[type=date]:read-only,
.form-item input[type=date][disabled],
.form-item input[type=date][readonly],
.form-item input[type=datetime-local]:disabled,
.form-item input[type=datetime-local]:read-only,
.form-item input[type=datetime-local][disabled],
.form-item input[type=datetime-local][readonly],
.form-item input[type=email]:disabled,
.form-item input[type=email]:read-only,
.form-item input[type=email][disabled],
.form-item input[type=email][readonly],
.form-item input[type=month]:disabled,
.form-item input[type=month]:read-only,
.form-item input[type=month][disabled],
.form-item input[type=month][readonly],
.form-item input[type=number]:disabled,
.form-item input[type=number]:read-only,
.form-item input[type=number][disabled],
.form-item input[type=number][readonly],
.form-item input[type=password]:disabled,
.form-item input[type=password]:read-only,
.form-item input[type=password][disabled],
.form-item input[type=password][readonly],
.form-item input[type=tel]:disabled,
.form-item input[type=tel]:read-only,
.form-item input[type=tel][disabled],
.form-item input[type=tel][readonly],
.form-item input[type=text]:disabled,
.form-item input[type=text]:read-only,
.form-item input[type=text][disabled],
.form-item input[type=text][readonly],
.form-item input[type=time]:disabled,
.form-item input[type=time]:read-only,
.form-item input[type=time][disabled],
.form-item input[type=time][readonly],
.form-item input[type=url]:disabled,
.form-item input[type=url]:read-only,
.form-item input[type=url][disabled],
.form-item input[type=url][readonly],
.form-item input[type=week]:disabled,
.form-item input[type=week]:read-only,
.form-item input[type=week][disabled],
.form-item input[type=week][readonly],
.form-item textarea:disabled,
.form-item textarea:read-only,
.form-item textarea[disabled],
.form-item textarea[readonly] {
  background-color: transparent;
  border-color: var(--color-fn-inactive-on-light-bg);
  color: var(--color-font-on-light-bg);
  pointer-events: none
}

.form-item .input-styled:disabled:hover,
.form-item .input-styled:read-only:hover,
.form-item .input-styled[disabled]:hover,
.form-item .input-styled[readonly]:hover,
.form-item input[type=date]:disabled:hover,
.form-item input[type=date]:read-only:hover,
.form-item input[type=date][disabled]:hover,
.form-item input[type=date][readonly]:hover,
.form-item input[type=datetime-local]:disabled:hover,
.form-item input[type=datetime-local]:read-only:hover,
.form-item input[type=datetime-local][disabled]:hover,
.form-item input[type=datetime-local][readonly]:hover,
.form-item input[type=email]:disabled:hover,
.form-item input[type=email]:read-only:hover,
.form-item input[type=email][disabled]:hover,
.form-item input[type=email][readonly]:hover,
.form-item input[type=month]:disabled:hover,
.form-item input[type=month]:read-only:hover,
.form-item input[type=month][disabled]:hover,
.form-item input[type=month][readonly]:hover,
.form-item input[type=number]:disabled:hover,
.form-item input[type=number]:read-only:hover,
.form-item input[type=number][disabled]:hover,
.form-item input[type=number][readonly]:hover,
.form-item input[type=password]:disabled:hover,
.form-item input[type=password]:read-only:hover,
.form-item input[type=password][disabled]:hover,
.form-item input[type=password][readonly]:hover,
.form-item input[type=tel]:disabled:hover,
.form-item input[type=tel]:read-only:hover,
.form-item input[type=tel][disabled]:hover,
.form-item input[type=tel][readonly]:hover,
.form-item input[type=text]:disabled:hover,
.form-item input[type=text]:read-only:hover,
.form-item input[type=text][disabled]:hover,
.form-item input[type=text][readonly]:hover,
.form-item input[type=time]:disabled:hover,
.form-item input[type=time]:read-only:hover,
.form-item input[type=time][disabled]:hover,
.form-item input[type=time][readonly]:hover,
.form-item input[type=url]:disabled:hover,
.form-item input[type=url]:read-only:hover,
.form-item input[type=url][disabled]:hover,
.form-item input[type=url][readonly]:hover,
.form-item input[type=week]:disabled:hover,
.form-item input[type=week]:read-only:hover,
.form-item input[type=week][disabled]:hover,
.form-item input[type=week][readonly]:hover,
.form-item textarea:disabled:hover,
.form-item textarea:read-only:hover,
.form-item textarea[disabled]:hover,
.form-item textarea[readonly]:hover {
  outline: none
}

.form-item .input-styled:disabled::placeholder,
.form-item .input-styled:read-only::placeholder,
.form-item .input-styled[disabled]::placeholder,
.form-item .input-styled[readonly]::placeholder,
.form-item input[type=date]:disabled::placeholder,
.form-item input[type=date]:read-only::placeholder,
.form-item input[type=date][disabled]::placeholder,
.form-item input[type=date][readonly]::placeholder,
.form-item input[type=datetime-local]:disabled::placeholder,
.form-item input[type=datetime-local]:read-only::placeholder,
.form-item input[type=datetime-local][disabled]::placeholder,
.form-item input[type=datetime-local][readonly]::placeholder,
.form-item input[type=email]:disabled::placeholder,
.form-item input[type=email]:read-only::placeholder,
.form-item input[type=email][disabled]::placeholder,
.form-item input[type=email][readonly]::placeholder,
.form-item input[type=month]:disabled::placeholder,
.form-item input[type=month]:read-only::placeholder,
.form-item input[type=month][disabled]::placeholder,
.form-item input[type=month][readonly]::placeholder,
.form-item input[type=number]:disabled::placeholder,
.form-item input[type=number]:read-only::placeholder,
.form-item input[type=number][disabled]::placeholder,
.form-item input[type=number][readonly]::placeholder,
.form-item input[type=password]:disabled::placeholder,
.form-item input[type=password]:read-only::placeholder,
.form-item input[type=password][disabled]::placeholder,
.form-item input[type=password][readonly]::placeholder,
.form-item input[type=tel]:disabled::placeholder,
.form-item input[type=tel]:read-only::placeholder,
.form-item input[type=tel][disabled]::placeholder,
.form-item input[type=tel][readonly]::placeholder,
.form-item input[type=text]:disabled::placeholder,
.form-item input[type=text]:read-only::placeholder,
.form-item input[type=text][disabled]::placeholder,
.form-item input[type=text][readonly]::placeholder,
.form-item input[type=time]:disabled::placeholder,
.form-item input[type=time]:read-only::placeholder,
.form-item input[type=time][disabled]::placeholder,
.form-item input[type=time][readonly]::placeholder,
.form-item input[type=url]:disabled::placeholder,
.form-item input[type=url]:read-only::placeholder,
.form-item input[type=url][disabled]::placeholder,
.form-item input[type=url][readonly]::placeholder,
.form-item input[type=week]:disabled::placeholder,
.form-item input[type=week]:read-only::placeholder,
.form-item input[type=week][disabled]::placeholder,
.form-item input[type=week][readonly]::placeholder,
.form-item textarea:disabled::placeholder,
.form-item textarea:read-only::placeholder,
.form-item textarea[disabled]::placeholder,
.form-item textarea[readonly]::placeholder {
  color: var(--color-font-on-light-bg)
}

.form-item ul.form-item-group {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--space-small) var(--space-medium)
}

@media only print and (width >=0px) {
  .form-item ul.form-item-group.form-item-group--inline {
    flex-flow: row wrap
  }
}

@media only screen and (min-width:600px) {
  .form-item ul.form-item-group.form-item-group--inline {
    flex-flow: row wrap
  }
}

fieldset {
  min-width: 0
}

.error-message {
  color: var(--color-error);
  display: none;
  margin-bottom: 0
}

.error-message .icon {
  margin-right: .5rem
}

input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
  height: 4.3rem;
  margin-bottom: 0;
  padding: 1rem 1.5rem;
  width: 100%
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0
}

input[type=date],
input[type=number] {
  appearance: textfield
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-inner-spin-button {
  appearance: none;
  display: none
}

textarea {
  height: 18rem;
  margin-bottom: 0;
  padding: 1rem 1.5rem;
  vertical-align: top;
  width: 100%
}

.form-item--select .select-wrapper:before,
.select-container__wrapper:after {
  color: var(--color-fn);
  content: var(--icon-arrow-down);
  display: block;
  font-family: KfW-Icon-Font;
  font-size: 2.4rem;
  line-height: 2.4rem;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%)
}

.error .form-item--select .select-wrapper:before,
.error .select-container__wrapper:after,
.form-item--select .error .select-wrapper:before,
.form-item--select.error .select-wrapper:before {
  color: var(--color-error)
}

.form-item--select.error .select-container {
  outline: var(--color-error) solid 2px !important
}

.form-item--select.error .select-container:focus {
  border: 0
}

[data-whatinput=keyboard] .form-item--select.error .select-container:focus-visible {
  border-color: var(--color-error) !important;
  border-width: 2px !important;
  outline-color: var(--color-error) !important;
  outline-style: dashed !important;
  padding: calc(1rem - 2px) calc(1.5rem - 2px) !important
}

.form-item--select.error .select-container .selected-text {
  color: var(--color-error)
}

.form-item--select.error .select-container .select-options {
  border: 0;
  left: 0;
  outline: 2px solid var(--color-error);
  width: 100%
}

.form-item--select .select-wrapper {
  background-color: var(--color-background);
  display: block;
  position: relative
}

.form-item--select .select-wrapper.disabled:before {
  color: var(--color-fn-inactive-on-light-bg)
}

.form-item--select .select-wrapper.disabled option,
.form-item--select .select-wrapper.disabled select {
  color: var(--color-fn-inactive-on-light-bg);
  outline: 1px solid var(--color-fn-inactive-on-light-bg)
}

.form-item--select .select-wrapper.disabled select {
  cursor: not-allowed
}

.form-item--select .select-wrapper.disabled select:hover {
  outline: 1px solid var(--color-fn-inactive-on-light-bg)
}

.form-item--select .select-wrapper select {
  appearance: none;
  background-color: transparent;
  display: block;
  margin-bottom: 0;
  position: relative
}

.form-item--select .select-wrapper select:hover {
  border-color: var(--kfw-color-grey-300);
  color: var(--color-fn-active)
}

@media only print and (width >=0px) {
  .form-item--select .select-wrapper {
    height: 0;
    position: absolute;
    visibility: hidden;
    width: auto
  }
}

@media only screen and (min-width:840px) {
  .form-item--select .select-wrapper {
    height: 0;
    position: absolute;
    visibility: hidden;
    width: auto
  }
}

.select-container {
  background-color: var(--color-background);
  color: var(--color-fn);
  display: none;
  margin-bottom: 0;
  outline: 1px solid var(--color-fn-border);
  padding: 1rem 1.5rem;
  position: relative;
  width: 100%
}

.select-container::placeholder {
  color: var(--color-font-on-light-bg)
}

.select-container:focus-visible:not(.disabled) {
  border-color: var(--color-fn-active)
}

[data-whatinput=keyboard] .select-container:focus-visible:not(.disabled):focus-visible {
  border: 1px solid var(--color-fn-active);
  border-radius: 4px;
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px;
  padding: calc(1rem - 1px) calc(1.5rem - 1px)
}

.select-container:focus:not(.disabled, .active),
.select-container:hover:not(.disabled, .active) {
  outline: 2px solid var(--color-fn-active)
}

.select-container:focus:not(.disabled, .active) .selected-text,
.select-container:hover:not(.disabled, .active) .selected-text {
  color: var(--color-fn-active)
}

.select-container__wrapper {
  position: relative
}

.select-container.active {
  border-radius: 4px 4px 0 0;
  outline-color: var(--color-fn-active);
  z-index: 1
}

.select-container.active,
.select-container.active .selected-text {
  color: var(--color-fn-active)
}

.select-container.active .icon--arrow-up {
  display: inline-block
}

.select-container.active .icon--arrow-down {
  display: none
}

.select-container.disabled {
  outline-color: var(--color-fn-inactive-on-light-bg)
}

.select-container.disabled,
.select-container.disabled .selected-text {
  color: var(--color-fn-inactive-on-light-bg);
  cursor: not-allowed
}

.select-container .icon--arrow-down {
  display: inline-block
}

.select-container .icon--arrow-up {
  display: none
}

.select-container ul {
  cursor: auto;
  margin: 0;
  max-height: 50vh;
  overflow-y: auto;
  padding: 0;
  text-align: left
}

.select-container ul:focus-within {
  color: var(--color-fn-active)
}

.select-container ul li {
  list-style-type: none
}

.select-container ul li:last-child a {
  margin-bottom: 0
}

.select-container ul li a {
  color: var(--color-fn);
  display: flex;
  margin-bottom: 1.3rem;
  position: relative
}

.select-container ul li a:hover:not(.disabled) {
  color: var(--color-fn-active)
}

.select-container ul li a:hover:not(.disabled) .select-option-value {
  text-decoration: underline
}

.select-container ul li a:focus-visible {
  border-color: var(--color-fn-active);
  outline: none
}

[data-whatinput=keyboard] .select-container ul li a:focus-visible:focus-visible .select-option-value {
  border-radius: 4px;
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px
}

.select-container ul li a.active {
  color: var(--color-fn-active)
}

.select-container ul li a.active .icon {
  color: var(--color-fn-active);
  line-height: 1.4;
  margin-right: .5rem;
  vertical-align: middle
}

.select-container ul li a.disabled {
  color: var(--color-fn-inactive-on-light-bg)
}

.select-container ul li a .icon {
  color: transparent;
  display: inline-block;
  font-size: 1.8rem;
  line-height: 1.8rem;
  margin-right: .5rem
}

.select-container .selected-text {
  color: var(--color-fn);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin: 0
}

.select-container .selected-text .label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.select-container .selected-text .icon {
  font-size: 2.4rem;
  line-height: 2.4rem;
  margin-left: 1rem
}

.select-container .select-options {
  background-color: var(--color-background);
  border: 1px solid var(--color-fn-border);
  bottom: 0;
  left: -1px;
  min-height: 0;
  opacity: 0;
  padding: 1.5rem;
  position: absolute;
  right: 0;
  transform: translateY(100%);
  visibility: hidden;
  width: calc(100% + 2px)
}

.select-container .select-options.active {
  border-color: var(--color-fn-active);
  color: var(--color-fn-active);
  min-height: 50px;
  opacity: 1;
  visibility: visible
}

.select-container .select-options .icon--checked,
.select-container .select-options .select-option-value {
  pointer-events: none
}

@media only print and (width >=0px) {
  .select-container {
    display: block
  }
}

@media only screen and (min-width:840px) {
  .select-container {
    display: block
  }
}

.error-message {
  margin-top: .5rem
}

.form-item--select--native .select-wrapper {
  display: block;
  height: auto;
  position: relative;
  visibility: visible;
  width: auto
}

.form-item--select--native .select-wrapper select:focus:not(:disabled),
.form-item--select--native .select-wrapper select:hover:not(:disabled) {
  outline: 2px solid var(--color-fn-active)
}

.form-item--select--native .select-wrapper select:focus:not(:disabled) .selected-text,
.form-item--select--native .select-wrapper select:hover:not(:disabled) .selected-text {
  color: var(--color-fn-active)
}

.form-item--select--native .select-wrapper select:disabled {
  outline-color: var(--color-fn-inactive-on-light-bg)
}

.form-item--select--native .select-wrapper select:disabled,
.form-item--select--native .select-wrapper select:disabled .selected-text {
  color: var(--color-fn-inactive-on-light-bg);
  cursor: not-allowed
}

.form-item--select--native .select-wrapper select:focus-visible:not(:disabled) {
  border-color: var(--color-fn-active)
}

[data-whatinput=keyboard] .form-item--select--native .select-wrapper select:focus-visible:not(:disabled):focus-visible {
  border: 1px solid var(--color-fn-active);
  border-radius: 4px;
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px;
  padding: calc(1rem - 1px) calc(1.5rem - 1px)
}

.form-item-radio {
  align-items: flex-start;
  display: flex;
  margin-bottom: 0
}

.form-item-radio,
.form-item-radio+.form-item-group.subgroup {
  --radio-button-size: 2.8rem;
  --col-gap: 1.5rem
}

.form-item-radio+.form-item-group.subgroup {
  margin-top: var(--space-small);
  padding-left: calc(var(--radio-button-size) + var(--col-gap))
}

.form-item-radio+.form-item-group.subgroup.hidden {
  display: none
}

.form-item-radio label {
  padding-left: var(--col-gap);
  width: 100%
}

.form-item-radio label>span {
  line-height: var(--radio-button-size)
}

.form-item-radio label .tooltip:not(.inline) {
  margin-left: 1rem
}

.form-item-radio input[type=radio] {
  --color: var(--color-fn-active);
  align-items: center;
  appearance: none;
  background-color: var(--color-background);
  border: var(--border-width, 1px) solid var(--border-color, var(--color-fn-border));
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: var(--radio-button-size);
  justify-content: center;
  margin: 0;
  position: relative;
  width: var(--radio-button-size)
}

.form-item-radio input[type=radio]:focus-visible {
  outline: 0
}

html:not([data-whatinput=mouse]) .form-item-radio input[type=radio]:focus-visible {
  --border-color: var(--color-fn-active);
  border-radius: 50%;
  outline: 2px dashed var(--border-color);
  outline-offset: 2px
}

.form-item-radio input[type=radio]:hover:not(:disabled) {
  --border-color: var(--color-fn-active);
  --border-width: 2px
}

.error .form-item-radio input[type=radio]:hover:not(:disabled) {
  --border-color: var(--color-error);
  --border-width: 1px
}

.form-item-radio input[type=radio]:checked:before {
  color: var(--color, var(--color-fn-active));
  content: var(--icon-kreis-gefuellt);
  font-family: KfW-Icon-Font;
  line-height: 1;
  position: absolute
}

.form-item-radio input[type=radio]:disabled {
  --border-color: var(--color-fn-inactive-on-light-bg);
  --border-width: 1px;
  --color: var(--color-font-on-light-bg);
  background-color: var(--kfw-color-grey-100)
}

.error .form-item-radio input[type=radio] {
  --border-color: var(--color-error);
  --border-width: 2px
}

.form-item-radio input[type=radio]:not(:disabled),
.form-item-radio input[type=radio]:not(:disabled)~label {
  cursor: pointer
}

.form-item-checkbox {
  align-items: flex-start;
  display: flex;
  margin-bottom: 0
}

.form-item-checkbox:has(.form-item-group.subgroup) {
  flex-wrap: wrap
}

.form-item-checkbox,
.form-item-checkbox+.form-item-group.subgroup {
  --checkbox-size: 2.8rem;
  --col-gap: 1.5rem
}

.form-item-checkbox.hover>input[type=checkbox]:not(:disabled) {
  --border-color: var(--color-fn-active);
  --border-width: 2px
}

.error .form-item-checkbox.hover>input[type=checkbox]:not(:disabled) {
  --border-color: var(--color-error);
  --border-width: 1px
}

.form-item-checkbox>label {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-left: 1.5rem
}

.form-item-checkbox>label span:first-child {
  line-height: 2.8rem
}

.form-item-checkbox>label span:first-child:not(:last-child) {
  font-weight: 500
}

.form-item-checkbox>label span:first-child .tooltip {
  top: -.2rem
}

.form-item-checkbox>input[type=checkbox] {
  --color: var(--color-fn-active);
  align-items: center;
  appearance: none;
  background-color: var(--color-background);
  border: var(--border-width, 1px) solid var(--border-color, var(--color-fn-border));
  border-radius: 4px;
  display: flex;
  flex-shrink: 0;
  height: 2.8rem;
  justify-content: center;
  margin: 0;
  position: relative;
  width: 2.8rem
}

.form-item-checkbox>input[type=checkbox]:focus-visible {
  --border-color: var(--color-fn-active);
  border-radius: 4px;
  outline: 2px dashed var(--border-color);
  outline-offset: 2px
}

.form-item-checkbox>input[type=checkbox]:checked:before {
  color: var(--color, var(--color-fn-active));
  content: var(--icon-checked);
  font-family: KfW-Icon-Font;
  font-size: 2.4rem;
  margin-top: .5rem
}

.form-item-checkbox>input[type=checkbox]:disabled {
  --border-color: var(--color-fn-inactive-on-light-bg);
  --border-width: 1px;
  --color: var(--color-font-on-light-bg);
  background-color: var(--kfw-color-grey-100)
}

.error .form-item-checkbox>input[type=checkbox] {
  --border-color: var(--color-error);
  --border-width: 2px
}

.form-item-checkbox>input[type=checkbox]:not(:disabled),
.form-item-checkbox>input[type=checkbox]:not(:disabled)~label {
  cursor: pointer
}

.form-item-checkbox>input[type=checkbox]:not(:disabled):hover {
  --border-color: var(--color-fn-active);
  --border-width: 2px
}

.error .form-item-checkbox>input[type=checkbox]:not(:disabled):hover {
  --border-color: var(--color-error);
  --border-width: 1px
}

.form-item-checkbox>label:hover~input[type=checkbox]:not(:disabled) {
  --border-color: var(--color-fn-active);
  --border-width: 2px
}

.error .form-item-checkbox>label:hover~input[type=checkbox]:not(:disabled) {
  --border-color: var(--color-error);
  --border-width: 1px
}

.form-item-checkbox input:not(:checked)+label+.form-item-group.subgroup {
  display: none
}

.form-item-checkbox .form-item-group.subgroup {
  flex-basis: 100%;
  margin-top: var(--space-small);
  padding-left: calc(var(--checkbox-size) + var(--col-gap))
}

.form-item-searchfield {
  align-items: center;
  background: var(--color-background);
  display: inline-flex;
  height: var(--searchfield-height);
  margin-bottom: 0;
  position: relative;
  width: 100%
}

.form-item-searchfield.focus {
  outline: none
}

[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item-searchfield.focus:focus-within {
  border-radius: 4px;
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px
}

.form-item-searchfield.focus.type-searchfield {
  border-color: var(--color-fn-active);
  color: var(--color-font-on-light-bg)
}

[data-whatinput=keyboard]:not([data-whatintent=mouse]) .form-item-searchfield.focus.type-searchbar:focus-within:after {
  background-color: var(--color-fn-active);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.form-item-searchfield.visible-reset-btn .search-reset {
  visibility: visible
}

.form-item-searchfield.type-searchfield {
  border: 1px solid var(--color-fn-border);
  border-collapse: separate;
  border-radius: 4px;
  padding: 0 1.5rem
}

.form-item-searchfield.type-searchfield.hover {
  border-color: var(--color-fn-active);
  color: var(--color-fn-active);
  outline: 1px solid var(--color-fn-active)
}

.form-item-searchfield.type-searchbar {
  border-bottom: 1px solid var(--color-fn);
  border-collapse: separate;
  height: auto;
  padding: 0 .6rem
}

.form-item-searchfield.type-searchbar:hover {
  border-bottom-color: var(--color-fn-active);
  border-bottom-width: 1px;
  color: var(--color-fn-active)
}

.form-item-searchfield.type-searchbar:hover:after {
  background-color: var(--color-fn-active);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.form-item-searchfield.type-searchbar input[type=search] {
  margin-bottom: 0;
  padding-bottom: .6rem;
  padding-top: .6rem
}

.form-item-searchfield>input[type=search] {
  background-color: transparent;
  color: var(--color-fn);
  line-height: 1;
  margin-bottom: 1px;
  min-width: 150px;
  outline: none;
  overflow: hidden;
  padding: 1rem 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.form-item-searchfield>input[type=search]::placeholder {
  color: var(--color-fn)
}

.form-item-searchfield>input[type=search]:focus-visible {
  color: inherit;
  outline: none
}

.form-item-searchfield>input[type=search]::-webkit-search-cancel-button,
.form-item-searchfield>input[type=search]::-webkit-search-decoration {
  appearance: none
}

.form-item-searchfield .search-btn {
  align-items: center;
  display: flex;
  height: 3.6rem;
  justify-content: center;
  padding: 1.4rem;
  width: 3.6rem
}

.form-item-searchfield .search-btn:hover .icon {
  border-radius: 4px;
  color: var(--color-fn-active);
  outline: 2px solid var(--color-fn-active);
  outline-offset: 2px
}

.form-item-searchfield .search-btn:focus-visible {
  outline: none
}

.form-item-searchfield .search-btn:focus-visible .icon {
  border-radius: 4px;
  color: var(--color-fn-active);
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px
}

.form-item-searchfield .search-btn--close {
  right: 5.7rem
}

.form-item-searchfield .icon {
  align-items: center;
  color: var(--color-fn);
  display: flex;
  font-size: 2.4rem;
  height: 2.4rem;
  justify-content: center;
  width: 2.4rem
}

.disabled .form-item-searchfield {
  border-color: var(--color-fn-inactive-on-light-bg);
  color: var(--color-fn-inactive-on-light-bg)
}

.disabled .form-item-searchfield:hover {
  border-color: var(--color-fn-inactive-on-light-bg);
  outline: none
}

.disabled .form-item-searchfield input[type=search] {
  background: transparent
}

.disabled .form-item-searchfield input[type=search]::placeholder {
  color: var(--color-fn-inactive-on-light-bg)
}

.disabled .form-item-searchfield .search-btn:hover .icon {
  outline: none
}

.disabled .form-item-searchfield .search-btn .icon {
  color: var(--color-fn-inactive-on-light-bg)
}

.search-container-mobile {
  --c-overflow: var(--gutter);
  --col: 4;
  --searchfield-height: 4.3rem;
  --searchfield-padding-y: 20px;
  --searchfield-c-height: calc(var(--searchfield-height) + var(--searchfield-padding-y));
  display: none;
  position: fixed;
  right: 0;
  top: 5.9rem;
  z-index: 91
}

.search-container-mobile-wrapper {
  --c-padding-y: var(--searchfield-padding-y);
  grid-column: calc(var(--columns) - var(--col) + 1)/span var(--col)
}

.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.search-container-mobile-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-container-mobile-wrapper.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.search-container-mobile-wrapper.bg-dark .button--primary,
.search-container-mobile-wrapper.bg-dark .button--primary-positive,
.search-container-mobile-wrapper.bg-dark .button--secondary,
.search-container-mobile-wrapper.bg-dark .button--secondary-positive,
.search-container-mobile-wrapper.bg-dark .button--tertiary,
.search-container-mobile-wrapper.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.search-container-mobile-wrapper.bg-dark .button--primary,
.search-container-mobile-wrapper.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.search-container-mobile-wrapper.bg-dark .button--secondary,
.search-container-mobile-wrapper.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.search-container-mobile-wrapper.bg-dark .button--tertiary,
.search-container-mobile-wrapper.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.search-container-mobile-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-container-mobile-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-container-mobile-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-container-mobile-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-container-mobile-wrapper.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.search-container-mobile-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-container-mobile-wrapper.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-container-mobile-wrapper.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-container-mobile-wrapper.bg-dark,
:where(main)>.search-container-mobile-wrapper.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-container-mobile-wrapper.bg-dark+*>*,
:where(main)>.search-container-mobile-wrapper.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .search-container-mobile-wrapper.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .search-container-mobile-wrapper.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.search-container-mobile-wrapper.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.search-container-mobile-wrapper.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-container-mobile-wrapper.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-container-mobile-wrapper.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-container-mobile-wrapper.bg-dark.product-header,
  .search-container-mobile-wrapper.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-container-mobile-wrapper.bg-dark.product-header,
  .search-container-mobile-wrapper.bg-dark.product-header[class*=bg-],
  .search-container-mobile-wrapper.bg-dark[class*=bg-],
  .search-container-mobile-wrapper.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-container-mobile-wrapper.bg-dark.product-header .hintbox-icon img,
  .search-container-mobile-wrapper.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-container-mobile-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-container-mobile-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-container-mobile-wrapper.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-container-mobile-wrapper.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.search-container-mobile-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-],
.search-container-mobile-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-container-mobile-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-container-mobile-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-container-mobile-wrapper.bg-dark .hintbox,
.search-container-mobile-wrapper.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-container-mobile-wrapper.bg-dark,
.overlay-content .main-column>.search-container-mobile-wrapper.bg-dark .search-container-mobile-wrapper.bg-dark,
.overlay-content body>.search-container-mobile-wrapper.bg-dark,
.overlay-content>.search-container-mobile-wrapper.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-container-mobile-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.search-container-mobile-wrapper.bg-dark .search-container-mobile-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content body>.search-container-mobile-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content>.search-container-mobile-wrapper.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-container-mobile-wrapper.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.search-container-mobile-wrapper.bg-dark-accent .button--primary,
.search-container-mobile-wrapper.bg-dark-accent .button--primary-positive,
.search-container-mobile-wrapper.bg-dark-accent .button--secondary,
.search-container-mobile-wrapper.bg-dark-accent .button--secondary-positive,
.search-container-mobile-wrapper.bg-dark-accent .button--tertiary,
.search-container-mobile-wrapper.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.search-container-mobile-wrapper.bg-dark-accent .button--primary,
.search-container-mobile-wrapper.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.search-container-mobile-wrapper.bg-dark-accent .button--secondary,
.search-container-mobile-wrapper.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.search-container-mobile-wrapper.bg-dark-accent .button--tertiary,
.search-container-mobile-wrapper.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.search-container-mobile-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-container-mobile-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-container-mobile-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-container-mobile-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-container-mobile-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.search-container-mobile-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-container-mobile-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-container-mobile-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-container-mobile-wrapper.bg-dark-accent,
:where(main)>.search-container-mobile-wrapper.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-container-mobile-wrapper.bg-dark-accent+*>*,
:where(main)>.search-container-mobile-wrapper.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .search-container-mobile-wrapper.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .search-container-mobile-wrapper.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.search-container-mobile-wrapper.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.search-container-mobile-wrapper.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-container-mobile-wrapper.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-container-mobile-wrapper.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-container-mobile-wrapper.bg-dark-accent.product-header,
  .search-container-mobile-wrapper.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-container-mobile-wrapper.bg-dark-accent.product-header,
  .search-container-mobile-wrapper.bg-dark-accent.product-header[class*=bg-],
  .search-container-mobile-wrapper.bg-dark-accent[class*=bg-],
  .search-container-mobile-wrapper.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-container-mobile-wrapper.bg-dark-accent.product-header .hintbox-icon img,
  .search-container-mobile-wrapper.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-container-mobile-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-container-mobile-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-container-mobile-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-container-mobile-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.search-container-mobile-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.search-container-mobile-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-container-mobile-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-container-mobile-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-container-mobile-wrapper.bg-dark-accent .hintbox,
.search-container-mobile-wrapper.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-container-mobile-wrapper.bg-dark-accent,
.overlay-content .main-column>.search-container-mobile-wrapper.bg-dark-accent .search-container-mobile-wrapper.bg-dark-accent,
.overlay-content body>.search-container-mobile-wrapper.bg-dark-accent,
.overlay-content>.search-container-mobile-wrapper.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-container-mobile-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.search-container-mobile-wrapper.bg-dark-accent .search-container-mobile-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.search-container-mobile-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.search-container-mobile-wrapper.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-container-mobile-wrapper.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.search-container-mobile-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-container-mobile-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-container-mobile-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-container-mobile-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-container-mobile-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.search-container-mobile-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-container-mobile-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-container-mobile-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-container-mobile-wrapper.bg-light-accent,
:where(main)>.search-container-mobile-wrapper.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-container-mobile-wrapper.bg-light-accent+*>*,
:where(main)>.search-container-mobile-wrapper.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .search-container-mobile-wrapper.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .search-container-mobile-wrapper.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.search-container-mobile-wrapper.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.search-container-mobile-wrapper.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-container-mobile-wrapper.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-container-mobile-wrapper.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-container-mobile-wrapper.bg-light-accent.product-header,
  .search-container-mobile-wrapper.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-container-mobile-wrapper.bg-light-accent.product-header,
  .search-container-mobile-wrapper.bg-light-accent.product-header[class*=bg-],
  .search-container-mobile-wrapper.bg-light-accent[class*=bg-],
  .search-container-mobile-wrapper.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-container-mobile-wrapper.bg-light-accent.product-header .hintbox-icon img,
  .search-container-mobile-wrapper.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-container-mobile-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-container-mobile-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-container-mobile-wrapper.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-container-mobile-wrapper.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.search-container-mobile-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.search-container-mobile-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-container-mobile-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-container-mobile-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-container-mobile-wrapper.bg-light-accent .hintbox,
.search-container-mobile-wrapper.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-container-mobile-wrapper.bg-light-accent,
.overlay-content .main-column>.search-container-mobile-wrapper.bg-light-accent .search-container-mobile-wrapper.bg-light-accent,
.overlay-content body>.search-container-mobile-wrapper.bg-light-accent,
.overlay-content>.search-container-mobile-wrapper.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-container-mobile-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.search-container-mobile-wrapper.bg-light-accent .search-container-mobile-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.search-container-mobile-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.search-container-mobile-wrapper.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-container-mobile-wrapper.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.search-container-mobile-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-container-mobile-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-container-mobile-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-container-mobile-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-container-mobile-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.search-container-mobile-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-container-mobile-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-container-mobile-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-container-mobile-wrapper.bg-light-accent-secondary,
:where(main)>.search-container-mobile-wrapper.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-container-mobile-wrapper.bg-light-accent-secondary+*>*,
:where(main)>.search-container-mobile-wrapper.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .search-container-mobile-wrapper.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .search-container-mobile-wrapper.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.search-container-mobile-wrapper.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.search-container-mobile-wrapper.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-container-mobile-wrapper.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-container-mobile-wrapper.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-container-mobile-wrapper.bg-light-accent-secondary.product-header,
  .search-container-mobile-wrapper.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-container-mobile-wrapper.bg-light-accent-secondary.product-header,
  .search-container-mobile-wrapper.bg-light-accent-secondary.product-header[class*=bg-],
  .search-container-mobile-wrapper.bg-light-accent-secondary[class*=bg-],
  .search-container-mobile-wrapper.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-container-mobile-wrapper.bg-light-accent-secondary.product-header .hintbox-icon img,
  .search-container-mobile-wrapper.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-container-mobile-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-container-mobile-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-container-mobile-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-container-mobile-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.search-container-mobile-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.search-container-mobile-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-container-mobile-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-container-mobile-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-container-mobile-wrapper.bg-light-accent-secondary .hintbox,
.search-container-mobile-wrapper.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-container-mobile-wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.search-container-mobile-wrapper.bg-light-accent-secondary .search-container-mobile-wrapper.bg-light-accent-secondary,
.overlay-content body>.search-container-mobile-wrapper.bg-light-accent-secondary,
.overlay-content>.search-container-mobile-wrapper.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-container-mobile-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.search-container-mobile-wrapper.bg-light-accent-secondary .search-container-mobile-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.search-container-mobile-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.search-container-mobile-wrapper.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-container-mobile-wrapper.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.search-container-mobile-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-container-mobile-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-container-mobile-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-container-mobile-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-container-mobile-wrapper.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.search-container-mobile-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-container-mobile-wrapper.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-container-mobile-wrapper.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-container-mobile-wrapper.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-container-mobile-wrapper.bg-light,
:where(main)>.search-container-mobile-wrapper.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-container-mobile-wrapper.bg-light+*>*,
:where(main)>.search-container-mobile-wrapper.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .search-container-mobile-wrapper.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .search-container-mobile-wrapper.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.search-container-mobile-wrapper.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.search-container-mobile-wrapper.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-container-mobile-wrapper.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-container-mobile-wrapper.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-container-mobile-wrapper.bg-light.product-header,
  .search-container-mobile-wrapper.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-container-mobile-wrapper.bg-light.product-header,
  .search-container-mobile-wrapper.bg-light.product-header[class*=bg-],
  .search-container-mobile-wrapper.bg-light[class*=bg-],
  .search-container-mobile-wrapper.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-container-mobile-wrapper.bg-light.product-header .hintbox-icon img,
  .search-container-mobile-wrapper.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-container-mobile-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-container-mobile-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-container-mobile-wrapper.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-container-mobile-wrapper.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.search-container-mobile-wrapper.bg-light .details--s9>.details .main-column[class*=bg-],
.search-container-mobile-wrapper.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-container-mobile-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-container-mobile-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-container-mobile-wrapper.bg-light .hintbox,
.search-container-mobile-wrapper.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-container-mobile-wrapper.bg-light,
.overlay-content .main-column>.search-container-mobile-wrapper.bg-light .search-container-mobile-wrapper.bg-light,
.overlay-content body>.search-container-mobile-wrapper.bg-light,
.overlay-content>.search-container-mobile-wrapper.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-container-mobile-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.search-container-mobile-wrapper.bg-light .search-container-mobile-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content body>.search-container-mobile-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content>.search-container-mobile-wrapper.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-container-mobile-wrapper {
  background: var(--color-background-light-accent-2);
  margin-left: calc(-1*var(--c-overflow));
  margin-right: calc(-1*var(--c-overflow));
  padding-inline: var(--c-overflow);
  position: relative
}

@media only print and (width >=0px) {
  .search-container-mobile {
    --col: 8
  }
}

@media only screen and (min-width:600px) {
  .search-container-mobile {
    --col: 8
  }
}

@media only print and (width >=0px) {
  .search-container-mobile {
    --col: 6;
    --c-overflow: 30px;
    --searchfield-c-height: calc(var(--searchfield-height) + var(--searchfield-padding-y) * 2)
  }
}

@media only screen and (min-width:840px) {
  .search-container-mobile {
    --col: 6;
    --c-overflow: 30px;
    --searchfield-c-height: calc(var(--searchfield-height) + var(--searchfield-padding-y) * 2)
  }
}

@media only print and (width >=0px) {
  .search-container-mobile {
    --col: 4;
    right: auto;
    top: 4.7rem
  }
}

@media only screen and (min-width:1280px) {
  .search-container-mobile {
    --col: 4;
    right: auto;
    top: 4.7rem
  }
}

@media only print and (width >=0px) {
  .search-filter-form-wrapper-content .search-field-container {
    position: relative
  }
}

@media only screen and (min-width:600px) {
  .search-filter-form-wrapper-content .search-field-container {
    position: relative
  }
}

.darkener-search {
  background: rgba(0, 0, 0, .2);
  content: "";
  display: none;
  height: 100%;
  left: 0;
  min-height: calc(100vh - (var(--header-mobile) + 1px));
  position: fixed;
  top: calc(var(--header-mobile) + 1px);
  width: 100%;
  z-index: 80
}

@media only print and (width >=0px) {
  .header-container.sticky .darkener-search {
    top: calc(var(--header-height) + 3px)
  }
}

@media only screen and (min-width:1280px) {
  .header-container.sticky .darkener-search {
    top: calc(var(--header-height) + 3px)
  }
}

@media only print and (width >=0px) {
  .darkener-search {
    top: var(--header-height)
  }
}

@media only screen and (min-width:1280px) {
  .darkener-search {
    top: var(--header-height)
  }
}

.header-container .header-search-btn.visible+.search-container-mobile {
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
  left: var(--gutter);
  right: var(--gutter)
}

.file-upload-label,
.form-item--date label {
  margin-bottom: .8rem
}

.file-upload-wrapper {
  align-items: center;
  background: var(--color-background-light-accent-1);
  border: 1px solid var(--color-background-light-accent-1);
  display: flex;
  flex-direction: column;
  padding: 2rem 2rem 3rem
}

.file-upload-wrapper.dragover,
.file-upload-wrapper.mwf-upload-dragover {
  background: var(--color-background);
  border-color: var(--color-fn-border);
  border-style: dashed
}

.file-upload-icon {
  color: var(--color-fn);
  font-size: 3.6rem;
  height: 3.6rem;
  margin-bottom: 2rem;
  text-align: center
}

.file-upload-paragraph {
  margin-bottom: 3rem;
  text-align: center
}

.file-upload-button {
  display: flex;
  justify-content: center
}

.file-upload-button input[type=file] {
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0
}

.file-upload-button input[type=file]+label * {
  pointer-events: none
}

.file-upload-table-container {
  margin-top: var(--space-medium)
}

.file-upload-table-container table.uploads {
  border-bottom: 2px solid var(--color-line-7);
  border-top: 0;
  min-height: 10px;
  min-width: 500px;
  width: 100%
}

.file-upload-table-container table.uploads tr {
  --name: calc(100% - var(--size) - var(--action));
  --size: 30%;
  --action: 15%;
  border-top: 1px solid var(--color-line-10);
  display: grid;
  grid-template-columns: var(--name) var(--size) var(--action);
  width: 100%
}

.file-upload-table-container table.uploads tr:not(:last-of-type) {
  border-bottom: 0
}

.file-upload-table-container table.uploads tr td,
.file-upload-table-container table.uploads tr th {
  margin-bottom: 0
}

.file-upload-table-container table.uploads tr td.error {
  grid-column: 1/span 3;
  margin-top: unset;
  padding-bottom: 0
}

.file-upload-table-container table.uploads tr td.filename {
  word-wrap: break-word
}

@media only screen and (max-width:calc(600px - 1px)) {
  .file-upload-table-container table.uploads tr td.delete {
    text-align: center
  }

  .file-upload-table-container table.uploads tr td.delete .link {
    gap: 0;
    justify-content: center
  }

  .file-upload-table-container table.uploads tr td.delete .link .link-labeling {
    display: none
  }
}

@media only print and (width >=0px) {
  .file-upload-table-container table.uploads tr {
    --size: 25%;
    --action: 25%
  }
}

@media only screen and (min-width:600px) {
  .file-upload-table-container table.uploads tr {
    --size: 25%;
    --action: 25%
  }
}

@media only print and (width >=0px) {
  .file-upload-table-container table.uploads tr {
    --action: 20%
  }
}

@media only screen and (min-width:960px) {
  .file-upload-table-container table.uploads tr {
    --action: 20%
  }
}

.file-upload .form-item.upload-limit.upload-limit {
  margin-top: 0;
  padding: 10px
}

.file-upload .form-item.upload-limit.upload-limit--single {
  color: var(--color-error);
  font-size: 1.4rem;
  line-height: 1.4
}

.file-upload .form-item.upload-limit.upload-limit--single:before {
  content: "";
  font-family: KfW-Icon-Font;
  margin-right: .5rem
}

.custom-form {
  --cols: 1;
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(var(--cols), minmax(0, 1fr))
}

.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.custom-form:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.custom-form.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.custom-form.bg-dark .button--primary,
.custom-form.bg-dark .button--primary-positive,
.custom-form.bg-dark .button--secondary,
.custom-form.bg-dark .button--secondary-positive,
.custom-form.bg-dark .button--tertiary,
.custom-form.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.custom-form.bg-dark .button--primary,
.custom-form.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.custom-form.bg-dark .button--secondary,
.custom-form.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.custom-form.bg-dark .button--tertiary,
.custom-form.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.custom-form.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.custom-form.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.custom-form.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.custom-form.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.custom-form.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.custom-form.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.custom-form.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.custom-form.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.custom-form.bg-dark,
:where(main)>.custom-form.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.custom-form.bg-dark+*>*,
:where(main)>.custom-form.bg-dark>* {
  --margin-top: initial
}

.custom-form.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .custom-form.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .custom-form.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .custom-form.bg-dark.product-header,
  .custom-form.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .custom-form.bg-dark.product-header,
  .custom-form.bg-dark.product-header[class*=bg-],
  .custom-form.bg-dark[class*=bg-],
  .custom-form.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .custom-form.bg-dark.product-header .hintbox-icon img,
  .custom-form.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.custom-form.bg-dark .details--s9>.details .main-column[class*=bg-],
.custom-form.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .custom-form.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .custom-form.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .custom-form.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .custom-form.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .custom-form.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .custom-form.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.custom-form.bg-dark .hintbox,
.custom-form.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.custom-form.bg-dark,
.overlay-content .main-column>.custom-form.bg-dark .custom-form.bg-dark,
.overlay-content body>.custom-form.bg-dark,
.overlay-content>.custom-form.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.custom-form.bg-dark .custom-form.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.custom-form.bg-dark .product-label.product-label--overflow,
.overlay-content body>.custom-form.bg-dark .product-label.product-label--overflow,
.overlay-content>.custom-form.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.custom-form.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.custom-form.bg-dark-accent .button--primary,
.custom-form.bg-dark-accent .button--primary-positive,
.custom-form.bg-dark-accent .button--secondary,
.custom-form.bg-dark-accent .button--secondary-positive,
.custom-form.bg-dark-accent .button--tertiary,
.custom-form.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.custom-form.bg-dark-accent .button--primary,
.custom-form.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.custom-form.bg-dark-accent .button--secondary,
.custom-form.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.custom-form.bg-dark-accent .button--tertiary,
.custom-form.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.custom-form.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.custom-form.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.custom-form.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.custom-form.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.custom-form.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.custom-form.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.custom-form.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.custom-form.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.custom-form.bg-dark-accent,
:where(main)>.custom-form.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.custom-form.bg-dark-accent+*>*,
:where(main)>.custom-form.bg-dark-accent>* {
  --margin-top: initial
}

.custom-form.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .custom-form.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .custom-form.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .custom-form.bg-dark-accent.product-header,
  .custom-form.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .custom-form.bg-dark-accent.product-header,
  .custom-form.bg-dark-accent.product-header[class*=bg-],
  .custom-form.bg-dark-accent[class*=bg-],
  .custom-form.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .custom-form.bg-dark-accent.product-header .hintbox-icon img,
  .custom-form.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.custom-form.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.custom-form.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .custom-form.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .custom-form.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .custom-form.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .custom-form.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .custom-form.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .custom-form.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.custom-form.bg-dark-accent .hintbox,
.custom-form.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.custom-form.bg-dark-accent,
.overlay-content .main-column>.custom-form.bg-dark-accent .custom-form.bg-dark-accent,
.overlay-content body>.custom-form.bg-dark-accent,
.overlay-content>.custom-form.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.custom-form.bg-dark-accent .custom-form.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.custom-form.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.custom-form.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.custom-form.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.custom-form.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.custom-form.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.custom-form.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.custom-form.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.custom-form.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.custom-form.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.custom-form.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.custom-form.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.custom-form.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.custom-form.bg-light-accent,
:where(main)>.custom-form.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.custom-form.bg-light-accent+*>*,
:where(main)>.custom-form.bg-light-accent>* {
  --margin-top: initial
}

.custom-form.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .custom-form.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .custom-form.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .custom-form.bg-light-accent.product-header,
  .custom-form.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .custom-form.bg-light-accent.product-header,
  .custom-form.bg-light-accent.product-header[class*=bg-],
  .custom-form.bg-light-accent[class*=bg-],
  .custom-form.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .custom-form.bg-light-accent.product-header .hintbox-icon img,
  .custom-form.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.custom-form.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.custom-form.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .custom-form.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .custom-form.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .custom-form.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .custom-form.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .custom-form.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .custom-form.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.custom-form.bg-light-accent .hintbox,
.custom-form.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.custom-form.bg-light-accent,
.overlay-content .main-column>.custom-form.bg-light-accent .custom-form.bg-light-accent,
.overlay-content body>.custom-form.bg-light-accent,
.overlay-content>.custom-form.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.custom-form.bg-light-accent .custom-form.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.custom-form.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.custom-form.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.custom-form.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.custom-form.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.custom-form.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.custom-form.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.custom-form.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.custom-form.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.custom-form.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.custom-form.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.custom-form.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.custom-form.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.custom-form.bg-light-accent-secondary,
:where(main)>.custom-form.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.custom-form.bg-light-accent-secondary+*>*,
:where(main)>.custom-form.bg-light-accent-secondary>* {
  --margin-top: initial
}

.custom-form.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .custom-form.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .custom-form.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .custom-form.bg-light-accent-secondary.product-header,
  .custom-form.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .custom-form.bg-light-accent-secondary.product-header,
  .custom-form.bg-light-accent-secondary.product-header[class*=bg-],
  .custom-form.bg-light-accent-secondary[class*=bg-],
  .custom-form.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .custom-form.bg-light-accent-secondary.product-header .hintbox-icon img,
  .custom-form.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.custom-form.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.custom-form.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .custom-form.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .custom-form.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .custom-form.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .custom-form.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .custom-form.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .custom-form.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.custom-form.bg-light-accent-secondary .hintbox,
.custom-form.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.custom-form.bg-light-accent-secondary,
.overlay-content .main-column>.custom-form.bg-light-accent-secondary .custom-form.bg-light-accent-secondary,
.overlay-content body>.custom-form.bg-light-accent-secondary,
.overlay-content>.custom-form.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.custom-form.bg-light-accent-secondary .custom-form.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.custom-form.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.custom-form.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.custom-form.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.custom-form.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.custom-form.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.custom-form.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.custom-form.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.custom-form.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.custom-form.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.custom-form.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.custom-form.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.custom-form.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.custom-form.bg-light,
:where(main)>.custom-form.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.custom-form.bg-light+*>*,
:where(main)>.custom-form.bg-light>* {
  --margin-top: initial
}

.custom-form.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .custom-form.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .custom-form.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .custom-form.bg-light.product-header,
  .custom-form.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .custom-form.bg-light.product-header,
  .custom-form.bg-light.product-header[class*=bg-],
  .custom-form.bg-light[class*=bg-],
  .custom-form.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .custom-form.bg-light.product-header .hintbox-icon img,
  .custom-form.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.custom-form.bg-light .details--s9>.details .main-column[class*=bg-],
.custom-form.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .custom-form.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .custom-form.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .custom-form.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .custom-form.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .custom-form.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .custom-form.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.custom-form.bg-light .hintbox,
.custom-form.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.custom-form.bg-light,
.overlay-content .main-column>.custom-form.bg-light .custom-form.bg-light,
.overlay-content body>.custom-form.bg-light,
.overlay-content>.custom-form.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.custom-form.bg-light .custom-form.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.custom-form.bg-light .product-label.product-label--overflow,
.overlay-content body>.custom-form.bg-light .product-label.product-label--overflow,
.overlay-content>.custom-form.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.custom-form {
  row-gap: 0
}

.custom-form-section-headline+.custom-form-section-text {
  margin-top: var(--space-x-small)
}

.custom-form-section-text+* .form-item {
  margin-top: var(--space-large)
}

.custom-form-section+.custom-form-section {
  margin-top: var(--space-big)
}

.custom-form-section+.custom-form-row {
  margin-top: var(--space-large)
}

.custom-form-row {
  align-items: flex-start;
  display: grid;
  gap: 0 var(--space-small);
  grid-template-columns: minmax(0, 1fr)
}

.custom-form-row:not(.custom-form-row--text) .form-item {
  margin-top: var(--space-medium)
}

.custom-form-row:first-child .form-item:first-child {
  margin-top: unset
}

.custom-form-row:not(:empty)+.custom-form-row--text.subheadline,
.custom-form-row:not(:first-child)>.custom-form-row--text.subheadline {
  margin-top: var(--space-big)
}

.custom-form-row+.custom-form-row>.custom-form-row--text,
.custom-form-row--text:not(:first-child),
.custom-form-row:not(.custom-form-row--text)+.custom-form-row--text,
.custom-form-row>.form-item+.custom-form-row--text,
.form-item+.custom-form-row--text {
  margin-top: var(--space-large)
}

.custom-form-row--text.subheadline+.custom-form-row--text,
.custom-form-row--text:not(:first-child)+.custom-form-row--text,
.custom-form-row>.custom-form-row--text+.custom-form-row--text {
  margin-top: var(--space-x-small)
}

.custom-form-row+.custom-form-row--text.hint {
  margin-top: var(--space-medium)
}

.custom-form-row--text.hint+:not(:first-child) .form-item {
  margin-top: var(--space-large)
}

.custom-form-row--2-5,
.custom-form-row--3-3,
.custom-form-row--5-2 {
  --form-columns: 2;
  --form-columns-gap-width: calc(var(--gap) * (var(--form-columns) - 1));
  --form-columns-width: calc(var(--col-width) * var(--form-columns) + var(--form-columns-gap-width));
  --col-width: calc((var(--max-container-width) - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
}

@media only print and (width >=0px) {

  .custom-form-row--2-5,
  .custom-form-row--3-3,
  .custom-form-row--5-2 {
    --columns: 12
  }
}

@media only screen and (min-width:600px) {

  .custom-form-row--2-5,
  .custom-form-row--3-3,
  .custom-form-row--5-2 {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .custom-form-row--5-2 {
    grid-template-columns: auto minmax(0, var(--form-columns-width))
  }
}

@media only screen and (min-width:840px) {
  .custom-form-row--5-2 {
    grid-template-columns: auto minmax(0, var(--form-columns-width))
  }
}

@media only print and (width >=0px) {
  .custom-form-row--2-5 {
    grid-template-columns: minmax(0, var(--form-columns-width)) auto
  }
}

@media only screen and (min-width:840px) {
  .custom-form-row--2-5 {
    grid-template-columns: minmax(0, var(--form-columns-width)) auto
  }
}

.custom-form-row--3-3 {
  --form-columns: 3
}

@media only print and (width >=0px) {
  .custom-form-row--3-3 {
    grid-template-columns: repeat(var(--cols-per-row, 2), minmax(0, var(--form-columns-width)))
  }
}

@media only screen and (min-width:600px) {
  .custom-form-row--3-3 {
    grid-template-columns: repeat(var(--cols-per-row, 2), minmax(0, var(--form-columns-width)))
  }
}

@media only print and (width >=0px) {
  .custom-form-row--3-3 {
    --cols-per-row: 3
  }
}

@media only screen and (min-width:840px) {
  .custom-form-row--3-3 {
    --cols-per-row: 3
  }
}

.custom-form-actions {
  align-items: flex-start;
  border-top: 1px solid var(--color-line-8);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--space-large);
  padding-top: var(--space-medium)
}

.custom-form-message {
  --c-padding-y-bg: 2rem;
  --margin-top: var(--space-small);
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.custom-form-message:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.custom-form-message:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.custom-form-message:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.custom-form-message:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.custom-form-message:where(.hintbox, .programtile-container),
.two-column-container-content>.custom-form-message:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.custom-form-message:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.custom-form-message:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.custom-form-message,
:where(main)>.custom-form-message+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.custom-form-message+*>*,
:where(main)>.custom-form-message>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .custom-form-message {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .custom-form-message {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.custom-form-message {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.custom-form-message:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .custom-form-message {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .custom-form-message:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .custom-form-message.product-header,
  .custom-form-message[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .custom-form-message.product-header,
  .custom-form-message.product-header[class*=bg-],
  .custom-form-message[class*=bg-],
  .custom-form-message[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .custom-form-message.product-header .hintbox-icon img,
  .custom-form-message[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.custom-form-message .details--s9>.details .main-column[class*=bg-],
.custom-form-message .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .custom-form-message:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .custom-form-message:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .custom-form-message:not(.hintbox)[class*=bg-],
.page-s9 .main-column .custom-form-message:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .custom-form-message:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .custom-form-message:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.custom-form-message .hintbox,
.custom-form-message.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.custom-form-message,
.overlay-content .main-column>.custom-form-message .custom-form-message,
.overlay-content body>.custom-form-message,
.overlay-content>.custom-form-message {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.custom-form-message .custom-form-message .product-label.product-label--overflow,
.overlay-content .main-column>.custom-form-message .product-label.product-label--overflow,
.overlay-content body>.custom-form-message .product-label.product-label--overflow,
.overlay-content>.custom-form-message .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.custom-form-message.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.custom-form-message.bg-dark .button--primary,
.custom-form-message.bg-dark .button--primary-positive,
.custom-form-message.bg-dark .button--secondary,
.custom-form-message.bg-dark .button--secondary-positive,
.custom-form-message.bg-dark .button--tertiary,
.custom-form-message.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.custom-form-message.bg-dark .button--primary,
.custom-form-message.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.custom-form-message.bg-dark .button--secondary,
.custom-form-message.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.custom-form-message.bg-dark .button--tertiary,
.custom-form-message.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.custom-form-message.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.custom-form-message.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.custom-form-message.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.custom-form-message.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.custom-form-message.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.custom-form-message.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.custom-form-message.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.custom-form-message.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.custom-form-message.bg-dark,
:where(main)>.custom-form-message.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.custom-form-message.bg-dark+*>*,
:where(main)>.custom-form-message.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .custom-form-message.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .custom-form-message.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.custom-form-message.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.custom-form-message.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .custom-form-message.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .custom-form-message.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .custom-form-message.bg-dark.product-header,
  .custom-form-message.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .custom-form-message.bg-dark.product-header,
  .custom-form-message.bg-dark.product-header[class*=bg-],
  .custom-form-message.bg-dark[class*=bg-],
  .custom-form-message.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .custom-form-message.bg-dark.product-header .hintbox-icon img,
  .custom-form-message.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.custom-form-message.bg-dark .details--s9>.details .main-column[class*=bg-],
.custom-form-message.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .custom-form-message.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .custom-form-message.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .custom-form-message.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .custom-form-message.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .custom-form-message.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .custom-form-message.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.custom-form-message.bg-dark .hintbox,
.custom-form-message.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.custom-form-message.bg-dark,
.overlay-content .main-column>.custom-form-message.bg-dark .custom-form-message.bg-dark,
.overlay-content body>.custom-form-message.bg-dark,
.overlay-content>.custom-form-message.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.custom-form-message.bg-dark .custom-form-message.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.custom-form-message.bg-dark .product-label.product-label--overflow,
.overlay-content body>.custom-form-message.bg-dark .product-label.product-label--overflow,
.overlay-content>.custom-form-message.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.custom-form-message.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.custom-form-message.bg-dark-accent .button--primary,
.custom-form-message.bg-dark-accent .button--primary-positive,
.custom-form-message.bg-dark-accent .button--secondary,
.custom-form-message.bg-dark-accent .button--secondary-positive,
.custom-form-message.bg-dark-accent .button--tertiary,
.custom-form-message.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.custom-form-message.bg-dark-accent .button--primary,
.custom-form-message.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.custom-form-message.bg-dark-accent .button--secondary,
.custom-form-message.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.custom-form-message.bg-dark-accent .button--tertiary,
.custom-form-message.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.custom-form-message.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.custom-form-message.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.custom-form-message.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.custom-form-message.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.custom-form-message.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.custom-form-message.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.custom-form-message.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.custom-form-message.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.custom-form-message.bg-dark-accent,
:where(main)>.custom-form-message.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.custom-form-message.bg-dark-accent+*>*,
:where(main)>.custom-form-message.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .custom-form-message.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .custom-form-message.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.custom-form-message.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.custom-form-message.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .custom-form-message.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .custom-form-message.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .custom-form-message.bg-dark-accent.product-header,
  .custom-form-message.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .custom-form-message.bg-dark-accent.product-header,
  .custom-form-message.bg-dark-accent.product-header[class*=bg-],
  .custom-form-message.bg-dark-accent[class*=bg-],
  .custom-form-message.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .custom-form-message.bg-dark-accent.product-header .hintbox-icon img,
  .custom-form-message.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.custom-form-message.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.custom-form-message.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .custom-form-message.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .custom-form-message.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .custom-form-message.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .custom-form-message.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .custom-form-message.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .custom-form-message.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.custom-form-message.bg-dark-accent .hintbox,
.custom-form-message.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.custom-form-message.bg-dark-accent,
.overlay-content .main-column>.custom-form-message.bg-dark-accent .custom-form-message.bg-dark-accent,
.overlay-content body>.custom-form-message.bg-dark-accent,
.overlay-content>.custom-form-message.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.custom-form-message.bg-dark-accent .custom-form-message.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.custom-form-message.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.custom-form-message.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.custom-form-message.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.custom-form-message.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.custom-form-message.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.custom-form-message.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.custom-form-message.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.custom-form-message.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.custom-form-message.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.custom-form-message.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.custom-form-message.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.custom-form-message.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.custom-form-message.bg-light-accent,
:where(main)>.custom-form-message.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.custom-form-message.bg-light-accent+*>*,
:where(main)>.custom-form-message.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .custom-form-message.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .custom-form-message.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.custom-form-message.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.custom-form-message.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .custom-form-message.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .custom-form-message.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .custom-form-message.bg-light-accent.product-header,
  .custom-form-message.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .custom-form-message.bg-light-accent.product-header,
  .custom-form-message.bg-light-accent.product-header[class*=bg-],
  .custom-form-message.bg-light-accent[class*=bg-],
  .custom-form-message.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .custom-form-message.bg-light-accent.product-header .hintbox-icon img,
  .custom-form-message.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.custom-form-message.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.custom-form-message.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .custom-form-message.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .custom-form-message.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .custom-form-message.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .custom-form-message.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .custom-form-message.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .custom-form-message.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.custom-form-message.bg-light-accent .hintbox,
.custom-form-message.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.custom-form-message.bg-light-accent,
.overlay-content .main-column>.custom-form-message.bg-light-accent .custom-form-message.bg-light-accent,
.overlay-content body>.custom-form-message.bg-light-accent,
.overlay-content>.custom-form-message.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.custom-form-message.bg-light-accent .custom-form-message.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.custom-form-message.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.custom-form-message.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.custom-form-message.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.custom-form-message.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.custom-form-message.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.custom-form-message.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.custom-form-message.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.custom-form-message.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.custom-form-message.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.custom-form-message.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.custom-form-message.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.custom-form-message.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.custom-form-message.bg-light-accent-secondary,
:where(main)>.custom-form-message.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.custom-form-message.bg-light-accent-secondary+*>*,
:where(main)>.custom-form-message.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .custom-form-message.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .custom-form-message.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.custom-form-message.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.custom-form-message.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .custom-form-message.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .custom-form-message.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .custom-form-message.bg-light-accent-secondary.product-header,
  .custom-form-message.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .custom-form-message.bg-light-accent-secondary.product-header,
  .custom-form-message.bg-light-accent-secondary.product-header[class*=bg-],
  .custom-form-message.bg-light-accent-secondary[class*=bg-],
  .custom-form-message.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .custom-form-message.bg-light-accent-secondary.product-header .hintbox-icon img,
  .custom-form-message.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.custom-form-message.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.custom-form-message.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .custom-form-message.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .custom-form-message.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .custom-form-message.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .custom-form-message.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .custom-form-message.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .custom-form-message.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.custom-form-message.bg-light-accent-secondary .hintbox,
.custom-form-message.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.custom-form-message.bg-light-accent-secondary,
.overlay-content .main-column>.custom-form-message.bg-light-accent-secondary .custom-form-message.bg-light-accent-secondary,
.overlay-content body>.custom-form-message.bg-light-accent-secondary,
.overlay-content>.custom-form-message.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.custom-form-message.bg-light-accent-secondary .custom-form-message.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.custom-form-message.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.custom-form-message.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.custom-form-message.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.custom-form-message.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.custom-form-message.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.custom-form-message.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.custom-form-message.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.custom-form-message.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.custom-form-message.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.custom-form-message.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.custom-form-message.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.custom-form-message.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.custom-form-message.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.custom-form-message.bg-light,
:where(main)>.custom-form-message.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.custom-form-message.bg-light+*>*,
:where(main)>.custom-form-message.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .custom-form-message.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .custom-form-message.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.custom-form-message.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.custom-form-message.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .custom-form-message.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .custom-form-message.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .custom-form-message.bg-light.product-header,
  .custom-form-message.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .custom-form-message.bg-light.product-header,
  .custom-form-message.bg-light.product-header[class*=bg-],
  .custom-form-message.bg-light[class*=bg-],
  .custom-form-message.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .custom-form-message.bg-light.product-header .hintbox-icon img,
  .custom-form-message.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.custom-form-message.bg-light .details--s9>.details .main-column[class*=bg-],
.custom-form-message.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .custom-form-message.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .custom-form-message.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .custom-form-message.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .custom-form-message.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .custom-form-message.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .custom-form-message.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.custom-form-message.bg-light .hintbox,
.custom-form-message.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.custom-form-message.bg-light,
.overlay-content .main-column>.custom-form-message.bg-light .custom-form-message.bg-light,
.overlay-content body>.custom-form-message.bg-light,
.overlay-content>.custom-form-message.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.custom-form-message.bg-light .custom-form-message.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.custom-form-message.bg-light .product-label.product-label--overflow,
.overlay-content body>.custom-form-message.bg-light .product-label.product-label--overflow,
.overlay-content>.custom-form-message.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.custom-form-message {
  display: flex;
  flex-direction: column;
  gap: 1.4rem
}

.custom-form-message .icon {
  align-items: center;
  display: flex;
  font-size: 2.8rem;
  height: 2.8rem;
  width: 2.8rem
}

.custom-form-message .icon--checked {
  color: var(--kfw-color-green-700)
}

.custom-form-message .icon--danger {
  color: var(--color-error)
}

@media only print and (width >=0px) {
  .custom-form-message {
    --c-overflow: 0px;
    --c-padding-x: 0px;
    flex-direction: row;
    padding-left: 20px;
    padding-right: 25px;
    width: fit-content
  }
}

@media only screen and (min-width:600px) {
  .custom-form-message {
    --c-overflow: 0px;
    --c-padding-x: 0px;
    flex-direction: row;
    padding-left: 20px;
    padding-right: 25px;
    width: fit-content
  }
}

@media only print and (width >=0px) {
  .page-s3>.main-column .custom-form {
    --cols: 12
  }
}

@media only screen and (min-width:600px) {
  .page-s3>.main-column .custom-form {
    --cols: 12
  }
}

@media only print and (width >=0px) {
  .page-s3>.main-column .custom-form {
    --cols: 8
  }
}

@media only screen and (min-width:960px) {
  .page-s3>.main-column .custom-form {
    --cols: 8
  }
}

@media only print and (width >=0px) {
  .page-s3>.main-column .custom-form {
    --cols: 9
  }
}

@media only screen and (min-width:1280px) {
  .page-s3>.main-column .custom-form {
    --cols: 9
  }
}

@media only print and (width >=0px) {
  .custom-form {
    --cols: 10
  }

  .custom-form-section,
  .custom-form>.custom-form-row {
    grid-column: auto/span 9
  }

  .custom-form-actions {
    grid-column: auto/span var(--cols)
  }
}

@media only screen and (min-width:600px) {
  .custom-form {
    --cols: 10
  }

  .custom-form-section,
  .custom-form>.custom-form-row {
    grid-column: auto/span 9
  }

  .custom-form-actions {
    grid-column: auto/span var(--cols)
  }
}

@media only print and (width >=0px) {

  .custom-form-section,
  .custom-form>.custom-form-row {
    grid-column: auto/span 7
  }
}

@media only screen and (min-width:840px) {

  .custom-form-section,
  .custom-form>.custom-form-row {
    grid-column: auto/span 7
  }
}

.slider.visible .slider-arrow,
.slider:focus-within .slider-arrow,
.slider:hover .slider-arrow {
  opacity: 1;
  transition: opacity .8s
}

.slider.js-initialized {
  display: block;
  margin: -.4rem -.4rem 0;
  overflow: hidden;
  overflow: clip;
  padding: .4rem .4rem 0;
  position: relative
}

.slider.js-initialized.swiper-autoheight .swiper-wrapper {
  align-items: flex-start
}

.slider.js-initialized .swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%
}

.slider.js-initialized .swiper-wrapper-space-large~.slider-pagination {
  margin-top: var(--space-large)
}

.slider.js-initialized .swiper-wrapper-space-medium~.slider-pagination {
  margin-top: var(--space-medium)
}

.slider.js-initialized .swiper-wrapper-space-small~.slider-pagination {
  margin-top: var(--space-small)
}

.slider.js-initialized .swiper-wrapper .swiper-slide {
  display: block;
  flex-shrink: 0;
  height: auto;
  position: relative;
  transition-property: transform
}

.slider.js-initialized .swiper-wrapper .swiper-slide--blank {
  height: 0;
  pointer-events: none
}

.slider.js-initialized .slider-arrow,
.slider.js-initialized .slider-pagination:where(:not(.hidden)) {
  display: block
}

.slider .slider-arrow {
  display: none;
  opacity: 0;
  position: absolute;
  top: var(--slider-navigation-center, calc(50% - 1.8rem));
  transition: opacity .8s 3s;
  z-index: 1
}

.slider .slider-arrow--prev {
  left: 1rem
}

@media only print and (width >=0px) {
  .slider .slider-arrow--prev {
    left: 1.5rem
  }
}

@media only screen and (min-width:840px) {
  .slider .slider-arrow--prev {
    left: 1.5rem
  }
}

.slider .slider-arrow--next {
  right: 1rem
}

@media only print and (width >=0px) {
  .slider .slider-arrow--next {
    right: 1.5rem
  }
}

@media only screen and (min-width:840px) {
  .slider .slider-arrow--next {
    right: 1.5rem
  }
}

.slider .slider-arrow .nav-icon-btn {
  margin-top: 0
}

.slider .slider-pagination {
  bottom: calc(var(--slider-pagination-bottom, 0px) + 1rem);
  display: none;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1
}

.slider .slider-pagination--below {
  bottom: auto;
  position: relative;
  z-index: auto
}

.slider .slider-pagination.swiper-pagination-custom {
  margin-top: calc(var(--space-small) - 2px);
  padding: 2px 0
}

.slider .slider-pagination .slider-bullets-bullet {
  outline: none
}

@media only print and (width >=0px) {
  .slider .slider-pagination {
    bottom: calc(var(--slider-pagination-bottom, 0px) + 1.5rem)
  }
}

@media only screen and (min-width:840px) {
  .slider .slider-pagination {
    bottom: calc(var(--slider-pagination-bottom, 0px) + 1.5rem)
  }
}

.product-label {
  --gap: 0.5rem;
  --py: 1px;
  --pl: 20px;
  --pr: 10px;
  align-items: center;
  color: var(--color-font-on-dark-bg);
  display: flex;
  gap: var(--gap);
  margin-bottom: 0;
  padding: var(--py) var(--pr) var(--py) var(--pl);
  width: fit-content
}

.product-label-number {
  font-weight: 500
}

.product-label--credit {
  background-color: var(--color-product-credit)
}

.product-label--benefit {
  background-color: var(--color-product-benefit)
}

.product-label--credit-benefit {
  background-color: var(--color-product-credit-benefit)
}

.product-label--cooperation {
  background-color: var(--color-product-cooperation)
}

.product-label.product-label--overflow {
  --pl: var(--c-padding-x);
  margin-left: calc(-1*var(--pl));
  margin-top: calc(-1*var(--c-padding-t))
}

@media only print and (width >=0px) {
  .product-label.product-label--overflow {
    --pl: var(--c-overflow)
  }
}

@media only screen and (min-width:840px) {
  .product-label.product-label--overflow {
    --pl: var(--c-overflow)
  }
}

@media only print and (width >=0px) {
  .product-label--a {
    --py: 3px;
    --pl: 40px;
    --pr: 20px
  }
}

@media only screen and (min-width:840px) {
  .product-label--a {
    --py: 3px;
    --pl: 40px;
    --pr: 20px
  }
}

@media only print and (width >=0px) {
  .product-label--a {
    --py: 4px;
    font-size: 2.2rem
  }
}

@media only screen and (min-width:1280px) {
  .product-label--a {
    --py: 4px;
    font-size: 2.2rem
  }
}

.product-label--c {
  --py: 3px;
  --gap: 0.3rem
}

.product-label--d {
  --pl: 10px
}

.product-label--d .product-label-number {
  font-weight: 400
}

.social-media-sharing-content-buttons-container ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem var(--space-medium);
  list-style: none;
  margin-bottom: var(--space-large);
  margin-top: var(--space-small);
  padding: 0
}

.social-media-sharing-content-buttons-container ul li {
  display: inline-flex
}

@media only print and (width >=0px) {
  .social-media-sharing-content-buttons-container ul {
    margin-top: var(--space-large)
  }
}

@media only screen and (min-width:960px) {
  .social-media-sharing-content-buttons-container ul {
    margin-top: var(--space-large)
  }
}

.social-media-sharing-content-buttons-container .shariff-button.facebook {
  background: transparent url(../images/src/components/base/overlay/share-overlay/images/social_media_iconsb6fb188d5cfc22d6462b.png) 0 0 no-repeat;
  background-position-x: -7px;
  background-position-y: -314px;
  background-size: 66px auto;
  display: inline-block;
  height: 37px;
  width: 37px
}

.social-media-sharing-content-buttons-container .shariff-button.facebook.visited {
  background-position-y: -365px
}

.social-media-sharing-content-buttons-container .shariff-button.twitter {
  background: transparent url(../images/src/components/base/overlay/share-overlay/images/social_media_iconsb6fb188d5cfc22d6462b.png) 0 0 no-repeat;
  background-position-x: -7px;
  background-position-y: -722px;
  background-size: 66px auto;
  display: inline-block;
  height: 37px;
  width: 37px
}

.social-media-sharing-content-buttons-container .shariff-button.twitter.visited {
  background-position-y: -773px
}

.social-media-sharing-content-buttons-container .shariff-button.xing {
  background: transparent url(../images/src/components/base/overlay/share-overlay/images/social_media_iconsb6fb188d5cfc22d6462b.png) 0 0 no-repeat;
  background-position-x: -7px;
  background-position-y: -824px;
  background-size: 66px auto;
  display: inline-block;
  height: 37px;
  width: 37px
}

.social-media-sharing-content-buttons-container .shariff-button.xing.visited {
  background-position-y: -210px
}

.social-media-sharing-content-buttons-container .shariff-button.linkedin {
  background: transparent url(../images/src/components/base/overlay/share-overlay/images/social_media_iconsb6fb188d5cfc22d6462b.png) 0 0 no-repeat;
  background-position-x: -7px;
  background-position-y: -518px;
  background-size: 66px auto;
  display: inline-block;
  height: 37px;
  width: 37px
}

.social-media-sharing-content-buttons-container .shariff-button.linkedin.visited {
  background-position-y: -57px
}

.social-media-sharing-content-buttons-container .shariff-button.mail {
  background: transparent url(../images/src/components/base/overlay/share-overlay/images/social_media_iconsb6fb188d5cfc22d6462b.png) 0 0 no-repeat;
  background-position-x: -7px;
  background-position-y: -620px;
  background-size: 66px auto;
  display: inline-block;
  height: 37px;
  width: 37px
}

.social-media-sharing-content-buttons-container .shariff-button.mail.visited {
  background-position-y: -671px
}

.social-media-sharing-content-buttons-container .shariff-button a {
  --border-color: var(--color-fn-active);
  cursor: pointer;
  display: block;
  height: 100%;
  width: 100%
}

.social-media-sharing-content-buttons-container .shariff-button a:hover {
  border-radius: 4px;
  outline: 2px solid var(--border-color);
  outline-offset: 2px
}

.social-media-sharing-content-buttons-container .shariff-button a:focus-visible {
  border-radius: 4px;
  outline: 2px dashed var(--border-color);
  outline-offset: 2px
}

.social-media-sharing-content-buttons-container .shariff-button .share_text {
  display: none
}

.copy-link-success {
  align-items: baseline;
  color: var(--kfw-color-green-700);
  display: inline-flex
}

.copy-link-success>.icon {
  padding-left: 1.5rem;
  padding-right: .4rem
}

.overlays.overlays--image-zoom {
  --overlay-padding: 5px;
  --overlay-margin: 50px;
  padding-bottom: var(--overlay-margin)
}

@media only screen and (max-width:calc(960px - 1px)) {
  .overlays.overlays--image-zoom .wrapper {
    --c-overflow: 0px
  }
}

@media only screen and (max-width:calc(840px - 1px)) {
  .overlays.overlays--image-zoom .wrapper.wrapper {
    padding-left: 0;
    padding-right: 0
  }
}

@media only print and (width >=0px) {
  .overlays.overlays--image-zoom .wrapper {
    --padding-x: var(--overlay-margin);
    --max-container-width: 100vw
  }
}

@media only screen and (min-width:1280px) {
  .overlays.overlays--image-zoom .wrapper {
    --padding-x: var(--overlay-margin);
    --max-container-width: 100vw
  }
}

.overlays.overlays--image-zoom .overlays--image-zoom {
  margin-bottom: unset
}

@media only screen and (max-width:calc(960px - 1px)) {
  .overlays.overlays--image-zoom .overlays--image-zoom .overlay-inner {
    --c-overflow: 0px
  }
}

@media only screen and (max-width:calc(840px - 1px)) {
  .overlays.overlays--image-zoom .overlays--image-zoom .overlay-inner.overlay-inner {
    max-width: 100vw;
    min-height: 100vh
  }
}

@media only print and (width >=0px) {
  .overlays.overlays--image-zoom .overlays--image-zoom .overlay-inner {
    --padding-x: 0px
  }
}

@media only screen and (min-width:1280px) {
  .overlays.overlays--image-zoom .overlays--image-zoom .overlay-inner {
    --padding-x: 0px
  }
}

.overlays.overlays--image-zoom .overlays--image-zoom .overlay-header {
  display: flex;
  gap: var(--overlay-padding);
  justify-content: flex-end;
  padding: 0 0 var(--overlay-padding) 0
}

.overlays.overlays--image-zoom .overlays--image-zoom .overlay-header button {
  align-items: center;
  display: inline-flex;
  margin-left: 0;
  margin-top: 0
}

@media only print and (width >=0px) {
  .overlays.overlays--image-zoom .overlays--image-zoom .overlay-header {
    padding-right: var(--overlay-padding);
    padding-top: var(--overlay-padding)
  }
}

@media only screen and (min-width:840px) {
  .overlays.overlays--image-zoom .overlays--image-zoom .overlay-header {
    padding-right: var(--overlay-padding);
    padding-top: var(--overlay-padding)
  }
}

.overlays.overlays--image-zoom .overlays--image-zoom .overlay-content {
  padding: var(--overlay-padding) 0 0 0
}

.overlays.overlays--image-zoom .overlays--image-zoom .overlay-content .image-zoom-img.zoomed {
  cursor: grab
}

.overlays.overlays--image-zoom .overlays--image-zoom .overlay-content .image-zoom-img.zoomed.grabbing {
  cursor: grabbing
}

.overlays.overlays--image-zoom .overlays--image-zoom .overlay-content .image-zoom-img.zoomed .zoomist-wrapper {
  overflow: auto
}

.overlays.overlays--image-zoom .overlays--image-zoom .overlay-content .image-zoom-img .zoomist-wrapper.tabbable:focus-visible {
  border-radius: 4px;
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px
}

.overlays.overlays--image-zoom .overlays--image-zoom .overlay-content .image-zoom-img .zoomist-image {
  left: 0 !important;
  top: 0 !important;
  transform: none !important
}

@media only print and (width >=0px) {
  .overlays.overlays--image-zoom .overlays--image-zoom .overlay-content {
    padding-bottom: var(--overlay-padding);
    padding-left: var(--overlay-padding);
    padding-right: var(--overlay-padding)
  }
}

@media only screen and (min-width:840px) {
  .overlays.overlays--image-zoom .overlays--image-zoom .overlay-content {
    padding-bottom: var(--overlay-padding);
    padding-left: var(--overlay-padding);
    padding-right: var(--overlay-padding)
  }
}

.overlays.overlays--image-zoom .overlays--image-zoom .overlay-footer {
  display: none
}

@media only screen and (max-width:calc(840px - 1px)) {
  .overlays.overlays--image-zoom {
    padding-bottom: 0;
    padding-top: 0
  }
}

.media-player-overlay {
  display: flex
}

.media-player-overlay figure {
  aspect-ratio: 16/9;
  width: 100%
}

.search-loader-container {
  display: none
}

.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.search-loader-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-loader-container.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.search-loader-container.bg-dark .button--primary,
.search-loader-container.bg-dark .button--primary-positive,
.search-loader-container.bg-dark .button--secondary,
.search-loader-container.bg-dark .button--secondary-positive,
.search-loader-container.bg-dark .button--tertiary,
.search-loader-container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.search-loader-container.bg-dark .button--primary,
.search-loader-container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.search-loader-container.bg-dark .button--secondary,
.search-loader-container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.search-loader-container.bg-dark .button--tertiary,
.search-loader-container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.search-loader-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-loader-container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-loader-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-loader-container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-loader-container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.search-loader-container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-loader-container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-loader-container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-loader-container.bg-dark,
:where(main)>.search-loader-container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-loader-container.bg-dark+*>*,
:where(main)>.search-loader-container.bg-dark>* {
  --margin-top: initial
}

.search-loader-container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-loader-container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-loader-container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-loader-container.bg-dark.product-header,
  .search-loader-container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-loader-container.bg-dark.product-header,
  .search-loader-container.bg-dark.product-header[class*=bg-],
  .search-loader-container.bg-dark[class*=bg-],
  .search-loader-container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-loader-container.bg-dark.product-header .hintbox-icon img,
  .search-loader-container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-loader-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-loader-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-loader-container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-loader-container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.search-loader-container.bg-dark .details--s9>.details .main-column[class*=bg-],
.search-loader-container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-loader-container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-loader-container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-loader-container.bg-dark .hintbox,
.search-loader-container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-loader-container.bg-dark,
.overlay-content .main-column>.search-loader-container.bg-dark .search-loader-container.bg-dark,
.overlay-content body>.search-loader-container.bg-dark,
.overlay-content>.search-loader-container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-loader-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.search-loader-container.bg-dark .search-loader-container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.search-loader-container.bg-dark .product-label.product-label--overflow,
.overlay-content>.search-loader-container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-loader-container.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.search-loader-container.bg-dark-accent .button--primary,
.search-loader-container.bg-dark-accent .button--primary-positive,
.search-loader-container.bg-dark-accent .button--secondary,
.search-loader-container.bg-dark-accent .button--secondary-positive,
.search-loader-container.bg-dark-accent .button--tertiary,
.search-loader-container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.search-loader-container.bg-dark-accent .button--primary,
.search-loader-container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.search-loader-container.bg-dark-accent .button--secondary,
.search-loader-container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.search-loader-container.bg-dark-accent .button--tertiary,
.search-loader-container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.search-loader-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-loader-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-loader-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-loader-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-loader-container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.search-loader-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-loader-container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-loader-container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-loader-container.bg-dark-accent,
:where(main)>.search-loader-container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-loader-container.bg-dark-accent+*>*,
:where(main)>.search-loader-container.bg-dark-accent>* {
  --margin-top: initial
}

.search-loader-container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-loader-container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-loader-container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-loader-container.bg-dark-accent.product-header,
  .search-loader-container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-loader-container.bg-dark-accent.product-header,
  .search-loader-container.bg-dark-accent.product-header[class*=bg-],
  .search-loader-container.bg-dark-accent[class*=bg-],
  .search-loader-container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-loader-container.bg-dark-accent.product-header .hintbox-icon img,
  .search-loader-container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-loader-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-loader-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-loader-container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-loader-container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.search-loader-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.search-loader-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-loader-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-loader-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-loader-container.bg-dark-accent .hintbox,
.search-loader-container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-loader-container.bg-dark-accent,
.overlay-content .main-column>.search-loader-container.bg-dark-accent .search-loader-container.bg-dark-accent,
.overlay-content body>.search-loader-container.bg-dark-accent,
.overlay-content>.search-loader-container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-loader-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.search-loader-container.bg-dark-accent .search-loader-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.search-loader-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.search-loader-container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-loader-container.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.search-loader-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-loader-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-loader-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-loader-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-loader-container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.search-loader-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-loader-container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-loader-container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-loader-container.bg-light-accent,
:where(main)>.search-loader-container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-loader-container.bg-light-accent+*>*,
:where(main)>.search-loader-container.bg-light-accent>* {
  --margin-top: initial
}

.search-loader-container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-loader-container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-loader-container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-loader-container.bg-light-accent.product-header,
  .search-loader-container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-loader-container.bg-light-accent.product-header,
  .search-loader-container.bg-light-accent.product-header[class*=bg-],
  .search-loader-container.bg-light-accent[class*=bg-],
  .search-loader-container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-loader-container.bg-light-accent.product-header .hintbox-icon img,
  .search-loader-container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-loader-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-loader-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-loader-container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-loader-container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.search-loader-container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.search-loader-container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-loader-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-loader-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-loader-container.bg-light-accent .hintbox,
.search-loader-container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-loader-container.bg-light-accent,
.overlay-content .main-column>.search-loader-container.bg-light-accent .search-loader-container.bg-light-accent,
.overlay-content body>.search-loader-container.bg-light-accent,
.overlay-content>.search-loader-container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-loader-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.search-loader-container.bg-light-accent .search-loader-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.search-loader-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.search-loader-container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-loader-container.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.search-loader-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-loader-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-loader-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-loader-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-loader-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.search-loader-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-loader-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-loader-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-loader-container.bg-light-accent-secondary,
:where(main)>.search-loader-container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-loader-container.bg-light-accent-secondary+*>*,
:where(main)>.search-loader-container.bg-light-accent-secondary>* {
  --margin-top: initial
}

.search-loader-container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-loader-container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-loader-container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-loader-container.bg-light-accent-secondary.product-header,
  .search-loader-container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-loader-container.bg-light-accent-secondary.product-header,
  .search-loader-container.bg-light-accent-secondary.product-header[class*=bg-],
  .search-loader-container.bg-light-accent-secondary[class*=bg-],
  .search-loader-container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-loader-container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .search-loader-container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-loader-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-loader-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-loader-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-loader-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.search-loader-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.search-loader-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-loader-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-loader-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-loader-container.bg-light-accent-secondary .hintbox,
.search-loader-container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-loader-container.bg-light-accent-secondary,
.overlay-content .main-column>.search-loader-container.bg-light-accent-secondary .search-loader-container.bg-light-accent-secondary,
.overlay-content body>.search-loader-container.bg-light-accent-secondary,
.overlay-content>.search-loader-container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-loader-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.search-loader-container.bg-light-accent-secondary .search-loader-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.search-loader-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.search-loader-container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-loader-container.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.search-loader-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-loader-container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-loader-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-loader-container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-loader-container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.search-loader-container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-loader-container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-loader-container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-loader-container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-loader-container.bg-light,
:where(main)>.search-loader-container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-loader-container.bg-light+*>*,
:where(main)>.search-loader-container.bg-light>* {
  --margin-top: initial
}

.search-loader-container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-loader-container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-loader-container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-loader-container.bg-light.product-header,
  .search-loader-container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-loader-container.bg-light.product-header,
  .search-loader-container.bg-light.product-header[class*=bg-],
  .search-loader-container.bg-light[class*=bg-],
  .search-loader-container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-loader-container.bg-light.product-header .hintbox-icon img,
  .search-loader-container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-loader-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-loader-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-loader-container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-loader-container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.search-loader-container.bg-light .details--s9>.details .main-column[class*=bg-],
.search-loader-container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-loader-container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-loader-container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-loader-container.bg-light .hintbox,
.search-loader-container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-loader-container.bg-light,
.overlay-content .main-column>.search-loader-container.bg-light .search-loader-container.bg-light,
.overlay-content body>.search-loader-container.bg-light,
.overlay-content>.search-loader-container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-loader-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.search-loader-container.bg-light .search-loader-container.bg-light .product-label.product-label--overflow,
.overlay-content body>.search-loader-container.bg-light .product-label.product-label--overflow,
.overlay-content>.search-loader-container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-loader-container.show {
  display: block
}

.search-loader-container>.search-loader-svg {
  align-items: center;
  background: transparent url(../images/src/components/base/loader/images/loading-animation56ab4e0be9b8e8002314.svg) 0 0 no-repeat;
  color: var(--color-font-on-light-bg);
  display: flex;
  flex-direction: column;
  height: 42px;
  margin: var(--space-medium) auto;
  width: 42px
}

.timeout {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-small);
  padding: 0
}

.timeout.webforms {
  --c-padding-y-bg: 10px;
  --c-padding-b-addition: 1px;
  --margin-top: var(--space-large);
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.timeout.webforms:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.timeout.webforms:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.timeout.webforms:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.timeout.webforms:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.timeout.webforms:where(.hintbox, .programtile-container),
.two-column-container-content>.timeout.webforms:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.timeout.webforms:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.timeout.webforms:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.timeout.webforms,
:where(main)>.timeout.webforms+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.timeout.webforms+*>*,
:where(main)>.timeout.webforms>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .timeout.webforms {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .timeout.webforms {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.timeout.webforms {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.timeout.webforms:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .timeout.webforms {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .timeout.webforms:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .timeout.webforms.product-header,
  .timeout.webforms[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .timeout.webforms.product-header,
  .timeout.webforms.product-header[class*=bg-],
  .timeout.webforms[class*=bg-],
  .timeout.webforms[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .timeout.webforms.product-header .hintbox-icon img,
  .timeout.webforms[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .timeout.webforms:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .timeout.webforms:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .timeout.webforms:not(.hintbox)[class*=bg-],
.page-s9 .main-column .timeout.webforms:not(.hintbox)[class*=bg-][class*=bg-],
.timeout.webforms .details--s9>.details .main-column[class*=bg-],
.timeout.webforms .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .timeout.webforms:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .timeout.webforms:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.timeout.webforms .hintbox,
.timeout.webforms.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.timeout.webforms,
.overlay-content .main-column>.timeout.webforms .timeout.webforms,
.overlay-content body>.timeout.webforms,
.overlay-content>.timeout.webforms {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.timeout.webforms .product-label.product-label--overflow,
.overlay-content .main-column>.timeout.webforms .timeout.webforms .product-label.product-label--overflow,
.overlay-content body>.timeout.webforms .product-label.product-label--overflow,
.overlay-content>.timeout.webforms .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.timeout.webforms.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.timeout.webforms.bg-dark .button--primary,
.timeout.webforms.bg-dark .button--primary-positive,
.timeout.webforms.bg-dark .button--secondary,
.timeout.webforms.bg-dark .button--secondary-positive,
.timeout.webforms.bg-dark .button--tertiary,
.timeout.webforms.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.timeout.webforms.bg-dark .button--primary,
.timeout.webforms.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.timeout.webforms.bg-dark .button--secondary,
.timeout.webforms.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.timeout.webforms.bg-dark .button--tertiary,
.timeout.webforms.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.timeout.webforms.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.timeout.webforms.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.timeout.webforms.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.timeout.webforms.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.timeout.webforms.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.timeout.webforms.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.timeout.webforms.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.timeout.webforms.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.timeout.webforms.bg-dark,
:where(main)>.timeout.webforms.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.timeout.webforms.bg-dark+*>*,
:where(main)>.timeout.webforms.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .timeout.webforms.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .timeout.webforms.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.timeout.webforms.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.timeout.webforms.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .timeout.webforms.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .timeout.webforms.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .timeout.webforms.bg-dark.product-header,
  .timeout.webforms.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .timeout.webforms.bg-dark.product-header,
  .timeout.webforms.bg-dark.product-header[class*=bg-],
  .timeout.webforms.bg-dark[class*=bg-],
  .timeout.webforms.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .timeout.webforms.bg-dark.product-header .hintbox-icon img,
  .timeout.webforms.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .timeout.webforms.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .timeout.webforms.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .timeout.webforms.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .timeout.webforms.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.timeout.webforms.bg-dark .details--s9>.details .main-column[class*=bg-],
.timeout.webforms.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .timeout.webforms.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .timeout.webforms.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.timeout.webforms.bg-dark .hintbox,
.timeout.webforms.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.timeout.webforms.bg-dark,
.overlay-content .main-column>.timeout.webforms.bg-dark .timeout.webforms.bg-dark,
.overlay-content body>.timeout.webforms.bg-dark,
.overlay-content>.timeout.webforms.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.timeout.webforms.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.timeout.webforms.bg-dark .timeout.webforms.bg-dark .product-label.product-label--overflow,
.overlay-content body>.timeout.webforms.bg-dark .product-label.product-label--overflow,
.overlay-content>.timeout.webforms.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.timeout.webforms.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.timeout.webforms.bg-dark-accent .button--primary,
.timeout.webforms.bg-dark-accent .button--primary-positive,
.timeout.webforms.bg-dark-accent .button--secondary,
.timeout.webforms.bg-dark-accent .button--secondary-positive,
.timeout.webforms.bg-dark-accent .button--tertiary,
.timeout.webforms.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.timeout.webforms.bg-dark-accent .button--primary,
.timeout.webforms.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.timeout.webforms.bg-dark-accent .button--secondary,
.timeout.webforms.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.timeout.webforms.bg-dark-accent .button--tertiary,
.timeout.webforms.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.timeout.webforms.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.timeout.webforms.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.timeout.webforms.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.timeout.webforms.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.timeout.webforms.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.timeout.webforms.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.timeout.webforms.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.timeout.webforms.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.timeout.webforms.bg-dark-accent,
:where(main)>.timeout.webforms.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.timeout.webforms.bg-dark-accent+*>*,
:where(main)>.timeout.webforms.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .timeout.webforms.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .timeout.webforms.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.timeout.webforms.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.timeout.webforms.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .timeout.webforms.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .timeout.webforms.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .timeout.webforms.bg-dark-accent.product-header,
  .timeout.webforms.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .timeout.webforms.bg-dark-accent.product-header,
  .timeout.webforms.bg-dark-accent.product-header[class*=bg-],
  .timeout.webforms.bg-dark-accent[class*=bg-],
  .timeout.webforms.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .timeout.webforms.bg-dark-accent.product-header .hintbox-icon img,
  .timeout.webforms.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .timeout.webforms.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .timeout.webforms.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .timeout.webforms.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .timeout.webforms.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.timeout.webforms.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.timeout.webforms.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .timeout.webforms.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .timeout.webforms.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.timeout.webforms.bg-dark-accent .hintbox,
.timeout.webforms.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.timeout.webforms.bg-dark-accent,
.overlay-content .main-column>.timeout.webforms.bg-dark-accent .timeout.webforms.bg-dark-accent,
.overlay-content body>.timeout.webforms.bg-dark-accent,
.overlay-content>.timeout.webforms.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.timeout.webforms.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.timeout.webforms.bg-dark-accent .timeout.webforms.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.timeout.webforms.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.timeout.webforms.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.timeout.webforms.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.timeout.webforms.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.timeout.webforms.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.timeout.webforms.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.timeout.webforms.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.timeout.webforms.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.timeout.webforms.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.timeout.webforms.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.timeout.webforms.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.timeout.webforms.bg-light-accent,
:where(main)>.timeout.webforms.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.timeout.webforms.bg-light-accent+*>*,
:where(main)>.timeout.webforms.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .timeout.webforms.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .timeout.webforms.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.timeout.webforms.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.timeout.webforms.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .timeout.webforms.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .timeout.webforms.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .timeout.webforms.bg-light-accent.product-header,
  .timeout.webforms.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .timeout.webforms.bg-light-accent.product-header,
  .timeout.webforms.bg-light-accent.product-header[class*=bg-],
  .timeout.webforms.bg-light-accent[class*=bg-],
  .timeout.webforms.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .timeout.webforms.bg-light-accent.product-header .hintbox-icon img,
  .timeout.webforms.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .timeout.webforms.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .timeout.webforms.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .timeout.webforms.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .timeout.webforms.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.timeout.webforms.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.timeout.webforms.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .timeout.webforms.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .timeout.webforms.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.timeout.webforms.bg-light-accent .hintbox,
.timeout.webforms.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.timeout.webforms.bg-light-accent,
.overlay-content .main-column>.timeout.webforms.bg-light-accent .timeout.webforms.bg-light-accent,
.overlay-content body>.timeout.webforms.bg-light-accent,
.overlay-content>.timeout.webforms.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.timeout.webforms.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.timeout.webforms.bg-light-accent .timeout.webforms.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.timeout.webforms.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.timeout.webforms.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.timeout.webforms.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.timeout.webforms.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.timeout.webforms.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.timeout.webforms.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.timeout.webforms.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.timeout.webforms.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.timeout.webforms.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.timeout.webforms.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.timeout.webforms.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.timeout.webforms.bg-light-accent-secondary,
:where(main)>.timeout.webforms.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.timeout.webforms.bg-light-accent-secondary+*>*,
:where(main)>.timeout.webforms.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .timeout.webforms.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .timeout.webforms.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.timeout.webforms.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.timeout.webforms.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .timeout.webforms.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .timeout.webforms.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .timeout.webforms.bg-light-accent-secondary.product-header,
  .timeout.webforms.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .timeout.webforms.bg-light-accent-secondary.product-header,
  .timeout.webforms.bg-light-accent-secondary.product-header[class*=bg-],
  .timeout.webforms.bg-light-accent-secondary[class*=bg-],
  .timeout.webforms.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .timeout.webforms.bg-light-accent-secondary.product-header .hintbox-icon img,
  .timeout.webforms.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .timeout.webforms.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .timeout.webforms.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .timeout.webforms.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .timeout.webforms.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.timeout.webforms.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.timeout.webforms.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .timeout.webforms.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .timeout.webforms.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.timeout.webforms.bg-light-accent-secondary .hintbox,
.timeout.webforms.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.timeout.webforms.bg-light-accent-secondary,
.overlay-content .main-column>.timeout.webforms.bg-light-accent-secondary .timeout.webforms.bg-light-accent-secondary,
.overlay-content body>.timeout.webforms.bg-light-accent-secondary,
.overlay-content>.timeout.webforms.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.timeout.webforms.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.timeout.webforms.bg-light-accent-secondary .timeout.webforms.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.timeout.webforms.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.timeout.webforms.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.timeout.webforms.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.timeout.webforms.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.timeout.webforms.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.timeout.webforms.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.timeout.webforms.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.timeout.webforms.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.timeout.webforms.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.timeout.webforms.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.timeout.webforms.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.timeout.webforms.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.timeout.webforms.bg-light,
:where(main)>.timeout.webforms.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.timeout.webforms.bg-light+*>*,
:where(main)>.timeout.webforms.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .timeout.webforms.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .timeout.webforms.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.timeout.webforms.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.timeout.webforms.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .timeout.webforms.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .timeout.webforms.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .timeout.webforms.bg-light.product-header,
  .timeout.webforms.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .timeout.webforms.bg-light.product-header,
  .timeout.webforms.bg-light.product-header[class*=bg-],
  .timeout.webforms.bg-light[class*=bg-],
  .timeout.webforms.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .timeout.webforms.bg-light.product-header .hintbox-icon img,
  .timeout.webforms.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .timeout.webforms.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .timeout.webforms.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .timeout.webforms.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .timeout.webforms.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.timeout.webforms.bg-light .details--s9>.details .main-column[class*=bg-],
.timeout.webforms.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .timeout.webforms.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .timeout.webforms.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.timeout.webforms.bg-light .hintbox,
.timeout.webforms.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.timeout.webforms.bg-light,
.overlay-content .main-column>.timeout.webforms.bg-light .timeout.webforms.bg-light,
.overlay-content body>.timeout.webforms.bg-light,
.overlay-content>.timeout.webforms.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.timeout.webforms.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.timeout.webforms.bg-light .timeout.webforms.bg-light .product-label.product-label--overflow,
.overlay-content body>.timeout.webforms.bg-light .product-label.product-label--overflow,
.overlay-content>.timeout.webforms.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.timeout.webforms {
  gap: var(--space-small)
}

@media only print and (width >=0px) {
  .timeout.webforms {
    --c-overflow: 0px
  }
}

@media only screen and (min-width:840px) {
  .timeout.webforms {
    --c-overflow: 0px
  }
}

.timeout .message {
  align-items: flex-start;
  display: flex
}

.timeout .message.warning .icon {
  color: var(--color-error)
}

.timeout .message.ended .icon {
  color: var(--kfw-color-grey-300)
}

.timeout .message .icon {
  color: var(--color-warning);
  font-size: 2.4rem;
  margin-right: .5rem;
  margin-top: .1rem
}

.timeout .message .text {
  position: relative;
  top: .6rem
}

@media only screen and (max-width:calc(840px - 1px)) {
  .timeout .message {
    width: 100%
  }
}

.timeout .link {
  align-items: center
}

.timeout .link .icon {
  font-size: 2.4rem
}

@media only screen and (max-width:calc(600px - 1px)) {
  .timeout {
    padding-bottom: 10px
  }
}

.play-button {
  --size: clamp(3.6rem, 10%, 8rem);
  --border-width: 2px;
  --border-style: solid;
  --border-color: var(--kfw-color-white);
  --border-color-hover: var(--color-fn-active);
  --play-button-icon: var(--play-button-pos);
  --play-button-icon-inverted: var(--play-button-neg);
  aspect-ratio: 1;
  position: relative;
  width: var(--size)
}

.play-button:after {
  border-radius: 50%;
  box-shadow: inset 0 0 -1px var(--size) var(--bc-hover, var(--border-color-hover));
  content: var(--play-button-icon);
  display: block;
  height: 100%;
  inset: 0;
  outline: var(--border-width, 2px) var(--border-style, solid) var(--bc, var(--border-color));
  outline-offset: calc(var(--border-width)*-1);
  position: absolute;
  width: 100%
}

.play-button.inverted {
  --border-color: var(--color-fn-active);
  --border-color-hover: var(--kfw-color-white);
  --play-button-icon: var(--play-button-neg);
  --play-button-icon-inverted: var(--play-button-pos)
}

.play-button.interactive:focus-visible,
.play-button.interactive:hover {
  --bc: var(--border-color-hover);
  --bc-hover: var(--border-color);
  --play-button-icon: var(--play-button-icon-inverted);
  border: 0;
  outline: none
}

.play-button.interactive:focus-visible {
  --border-style: dashed
}

.play-button-wrapper {
  align-items: center;
  background-color: transparent;
  display: flex;
  inset: 0;
  justify-content: center;
  position: absolute
}

.slide-presenter-container {
  position: relative
}

.score-label {
  align-items: flex-start;
  display: grid;
  gap: var(--space-x-small);
  grid-template-columns: 7.8rem 1fr
}

.score-label-container {
  display: flex;
  flex-direction: column;
  gap: var(--space-x-small)
}

.score-label-item {
  align-items: center;
  background-color: var(--score-bg, var(--kfw-color-grey-400));
  border-radius: 4px;
  color: var(--score-color, var(--color-font-on-dark-bg));
  display: grid;
  font-weight: 500;
  grid-template-columns: 2rem 1fr auto;
  height: 2.9rem;
  padding: 3px 5px 3px 3px
}

.score-label-item-icon {
  align-items: center;
  display: flex;
  grid-column: 1
}

.score-label-item-value {
  grid-column: 2;
  text-align: right
}

.score-label-item-suffix {
  grid-column: 3
}

.score-label-item.sufficiency-low {
  --score-bg: var(--kfw-color-red-400)
}

.score-label-item.sufficiency-middle {
  --score-bg: var(--kfw-color-yellow-500);
  --score-color: var(--color-font-on-light-bg)
}

.score-label-item.sufficiency-high {
  --score-bg: var(--kfw-color-green-700)
}

.score-label-text {
  margin-top: .4rem;
  max-width: 43.8rem;
  min-width: 19.3rem
}

.progress-bar {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  width: 100%
}

.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.progress-bar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.progress-bar.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.progress-bar.bg-dark .button--primary,
.progress-bar.bg-dark .button--primary-positive,
.progress-bar.bg-dark .button--secondary,
.progress-bar.bg-dark .button--secondary-positive,
.progress-bar.bg-dark .button--tertiary,
.progress-bar.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.progress-bar.bg-dark .button--primary,
.progress-bar.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.progress-bar.bg-dark .button--secondary,
.progress-bar.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.progress-bar.bg-dark .button--tertiary,
.progress-bar.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.progress-bar.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.progress-bar.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.progress-bar.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.progress-bar.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.progress-bar.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.progress-bar.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.progress-bar.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.progress-bar.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.progress-bar.bg-dark,
:where(main)>.progress-bar.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.progress-bar.bg-dark+*>*,
:where(main)>.progress-bar.bg-dark>* {
  --margin-top: initial
}

.progress-bar.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .progress-bar.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .progress-bar.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .progress-bar.bg-dark.product-header,
  .progress-bar.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .progress-bar.bg-dark.product-header,
  .progress-bar.bg-dark.product-header[class*=bg-],
  .progress-bar.bg-dark[class*=bg-],
  .progress-bar.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .progress-bar.bg-dark.product-header .hintbox-icon img,
  .progress-bar.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .progress-bar.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .progress-bar.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .progress-bar.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .progress-bar.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.progress-bar.bg-dark .details--s9>.details .main-column[class*=bg-],
.progress-bar.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .progress-bar.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .progress-bar.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.progress-bar.bg-dark .hintbox,
.progress-bar.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.progress-bar.bg-dark,
.overlay-content .main-column>.progress-bar.bg-dark .progress-bar.bg-dark,
.overlay-content body>.progress-bar.bg-dark,
.overlay-content>.progress-bar.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.progress-bar.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.progress-bar.bg-dark .progress-bar.bg-dark .product-label.product-label--overflow,
.overlay-content body>.progress-bar.bg-dark .product-label.product-label--overflow,
.overlay-content>.progress-bar.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.progress-bar.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.progress-bar.bg-dark-accent .button--primary,
.progress-bar.bg-dark-accent .button--primary-positive,
.progress-bar.bg-dark-accent .button--secondary,
.progress-bar.bg-dark-accent .button--secondary-positive,
.progress-bar.bg-dark-accent .button--tertiary,
.progress-bar.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.progress-bar.bg-dark-accent .button--primary,
.progress-bar.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.progress-bar.bg-dark-accent .button--secondary,
.progress-bar.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.progress-bar.bg-dark-accent .button--tertiary,
.progress-bar.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.progress-bar.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.progress-bar.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.progress-bar.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.progress-bar.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.progress-bar.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.progress-bar.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.progress-bar.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.progress-bar.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.progress-bar.bg-dark-accent,
:where(main)>.progress-bar.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.progress-bar.bg-dark-accent+*>*,
:where(main)>.progress-bar.bg-dark-accent>* {
  --margin-top: initial
}

.progress-bar.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .progress-bar.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .progress-bar.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .progress-bar.bg-dark-accent.product-header,
  .progress-bar.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .progress-bar.bg-dark-accent.product-header,
  .progress-bar.bg-dark-accent.product-header[class*=bg-],
  .progress-bar.bg-dark-accent[class*=bg-],
  .progress-bar.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .progress-bar.bg-dark-accent.product-header .hintbox-icon img,
  .progress-bar.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .progress-bar.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .progress-bar.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .progress-bar.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .progress-bar.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.progress-bar.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.progress-bar.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .progress-bar.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .progress-bar.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.progress-bar.bg-dark-accent .hintbox,
.progress-bar.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.progress-bar.bg-dark-accent,
.overlay-content .main-column>.progress-bar.bg-dark-accent .progress-bar.bg-dark-accent,
.overlay-content body>.progress-bar.bg-dark-accent,
.overlay-content>.progress-bar.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.progress-bar.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.progress-bar.bg-dark-accent .progress-bar.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.progress-bar.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.progress-bar.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.progress-bar.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.progress-bar.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.progress-bar.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.progress-bar.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.progress-bar.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.progress-bar.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.progress-bar.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.progress-bar.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.progress-bar.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.progress-bar.bg-light-accent,
:where(main)>.progress-bar.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.progress-bar.bg-light-accent+*>*,
:where(main)>.progress-bar.bg-light-accent>* {
  --margin-top: initial
}

.progress-bar.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .progress-bar.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .progress-bar.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .progress-bar.bg-light-accent.product-header,
  .progress-bar.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .progress-bar.bg-light-accent.product-header,
  .progress-bar.bg-light-accent.product-header[class*=bg-],
  .progress-bar.bg-light-accent[class*=bg-],
  .progress-bar.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .progress-bar.bg-light-accent.product-header .hintbox-icon img,
  .progress-bar.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .progress-bar.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .progress-bar.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .progress-bar.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .progress-bar.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.progress-bar.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.progress-bar.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .progress-bar.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .progress-bar.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.progress-bar.bg-light-accent .hintbox,
.progress-bar.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.progress-bar.bg-light-accent,
.overlay-content .main-column>.progress-bar.bg-light-accent .progress-bar.bg-light-accent,
.overlay-content body>.progress-bar.bg-light-accent,
.overlay-content>.progress-bar.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.progress-bar.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.progress-bar.bg-light-accent .progress-bar.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.progress-bar.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.progress-bar.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.progress-bar.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.progress-bar.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.progress-bar.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.progress-bar.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.progress-bar.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.progress-bar.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.progress-bar.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.progress-bar.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.progress-bar.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.progress-bar.bg-light-accent-secondary,
:where(main)>.progress-bar.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.progress-bar.bg-light-accent-secondary+*>*,
:where(main)>.progress-bar.bg-light-accent-secondary>* {
  --margin-top: initial
}

.progress-bar.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .progress-bar.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .progress-bar.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .progress-bar.bg-light-accent-secondary.product-header,
  .progress-bar.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .progress-bar.bg-light-accent-secondary.product-header,
  .progress-bar.bg-light-accent-secondary.product-header[class*=bg-],
  .progress-bar.bg-light-accent-secondary[class*=bg-],
  .progress-bar.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .progress-bar.bg-light-accent-secondary.product-header .hintbox-icon img,
  .progress-bar.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .progress-bar.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .progress-bar.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .progress-bar.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .progress-bar.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.progress-bar.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.progress-bar.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .progress-bar.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .progress-bar.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.progress-bar.bg-light-accent-secondary .hintbox,
.progress-bar.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.progress-bar.bg-light-accent-secondary,
.overlay-content .main-column>.progress-bar.bg-light-accent-secondary .progress-bar.bg-light-accent-secondary,
.overlay-content body>.progress-bar.bg-light-accent-secondary,
.overlay-content>.progress-bar.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.progress-bar.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.progress-bar.bg-light-accent-secondary .progress-bar.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.progress-bar.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.progress-bar.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.progress-bar.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.progress-bar.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.progress-bar.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.progress-bar.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.progress-bar.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.progress-bar.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.progress-bar.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.progress-bar.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.progress-bar.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-bar.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.progress-bar.bg-light,
:where(main)>.progress-bar.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.progress-bar.bg-light+*>*,
:where(main)>.progress-bar.bg-light>* {
  --margin-top: initial
}

.progress-bar.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .progress-bar.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .progress-bar.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .progress-bar.bg-light.product-header,
  .progress-bar.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .progress-bar.bg-light.product-header,
  .progress-bar.bg-light.product-header[class*=bg-],
  .progress-bar.bg-light[class*=bg-],
  .progress-bar.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .progress-bar.bg-light.product-header .hintbox-icon img,
  .progress-bar.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .progress-bar.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .progress-bar.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .progress-bar.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .progress-bar.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.progress-bar.bg-light .details--s9>.details .main-column[class*=bg-],
.progress-bar.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .progress-bar.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .progress-bar.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.progress-bar.bg-light .hintbox,
.progress-bar.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.progress-bar.bg-light,
.overlay-content .main-column>.progress-bar.bg-light .progress-bar.bg-light,
.overlay-content body>.progress-bar.bg-light,
.overlay-content>.progress-bar.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.progress-bar.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.progress-bar.bg-light .progress-bar.bg-light .product-label.product-label--overflow,
.overlay-content body>.progress-bar.bg-light .product-label.product-label--overflow,
.overlay-content>.progress-bar.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.progress-bar-label {
  font-weight: 500;
  margin: 0
}

.progress-bar-bar {
  background-color: var(--color-background);
  border: 1px solid var(--kfw-color-green-700);
  border-radius: 2px;
  height: 1.6rem;
  overflow: hidden;
  width: 100%
}

.progress-bar-bar:before {
  background-color: var(--kfw-color-green-700);
  content: "";
  display: block;
  height: 100%;
  transition: width .2s ease-in-out;
  width: var(--progress-bar-progress, 0)
}

.result-chart {
  width: 100%
}

.result-chart-wrapper {
  display: flex;
  justify-content: center;
  width: 100%
}

.result-chart-wrapper path:focus {
  outline: none
}

.result-chart-legend {
  display: flex;
  flex-direction: column;
  gap: var(--space-x-small);
  margin-top: var(--space-medium)
}

.result-chart-legend-item {
  align-items: center;
  display: flex;
  gap: var(--space-x-small)
}

.result-chart-legend-item-icon {
  border-radius: 50%;
  height: 1.8rem;
  width: 1.8rem
}

.result-chart-legend-item-label {
  font-weight: 500
}

.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.text-image:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.text-image.bg-dark .button--primary,
.text-image.bg-dark .button--primary-positive,
.text-image.bg-dark .button--secondary,
.text-image.bg-dark .button--secondary-positive,
.text-image.bg-dark .button--tertiary,
.text-image.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.text-image.bg-dark .button--primary,
.text-image.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.text-image.bg-dark .button--secondary,
.text-image.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.text-image.bg-dark .button--tertiary,
.text-image.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.text-image.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image.bg-dark,
:where(main)>.text-image.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image.bg-dark+*>*,
:where(main)>.text-image.bg-dark>* {
  --margin-top: initial
}

.text-image.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image.bg-dark.product-header,
  .text-image.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image.bg-dark.product-header,
  .text-image.bg-dark.product-header[class*=bg-],
  .text-image.bg-dark[class*=bg-],
  .text-image.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image.bg-dark.product-header .hintbox-icon img,
  .text-image.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.text-image.bg-dark .details--s9>.details .main-column[class*=bg-],
.text-image.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image.bg-dark .hintbox,
.text-image.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image.bg-dark,
.overlay-content .main-column>.text-image.bg-dark .text-image.bg-dark,
.overlay-content body>.text-image.bg-dark,
.overlay-content>.text-image.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.text-image.bg-dark .text-image.bg-dark .product-label.product-label--overflow,
.overlay-content body>.text-image.bg-dark .product-label.product-label--overflow,
.overlay-content>.text-image.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.text-image.bg-dark-accent .button--primary,
.text-image.bg-dark-accent .button--primary-positive,
.text-image.bg-dark-accent .button--secondary,
.text-image.bg-dark-accent .button--secondary-positive,
.text-image.bg-dark-accent .button--tertiary,
.text-image.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.text-image.bg-dark-accent .button--primary,
.text-image.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.text-image.bg-dark-accent .button--secondary,
.text-image.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.text-image.bg-dark-accent .button--tertiary,
.text-image.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.text-image.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image.bg-dark-accent,
:where(main)>.text-image.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image.bg-dark-accent+*>*,
:where(main)>.text-image.bg-dark-accent>* {
  --margin-top: initial
}

.text-image.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image.bg-dark-accent.product-header,
  .text-image.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image.bg-dark-accent.product-header,
  .text-image.bg-dark-accent.product-header[class*=bg-],
  .text-image.bg-dark-accent[class*=bg-],
  .text-image.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image.bg-dark-accent.product-header .hintbox-icon img,
  .text-image.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.text-image.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.text-image.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image.bg-dark-accent .hintbox,
.text-image.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image.bg-dark-accent,
.overlay-content .main-column>.text-image.bg-dark-accent .text-image.bg-dark-accent,
.overlay-content body>.text-image.bg-dark-accent,
.overlay-content>.text-image.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.text-image.bg-dark-accent .text-image.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.text-image.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.text-image.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.text-image.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image.bg-light-accent,
:where(main)>.text-image.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image.bg-light-accent+*>*,
:where(main)>.text-image.bg-light-accent>* {
  --margin-top: initial
}

.text-image.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image.bg-light-accent.product-header,
  .text-image.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image.bg-light-accent.product-header,
  .text-image.bg-light-accent.product-header[class*=bg-],
  .text-image.bg-light-accent[class*=bg-],
  .text-image.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image.bg-light-accent.product-header .hintbox-icon img,
  .text-image.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.text-image.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.text-image.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image.bg-light-accent .hintbox,
.text-image.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image.bg-light-accent,
.overlay-content .main-column>.text-image.bg-light-accent .text-image.bg-light-accent,
.overlay-content body>.text-image.bg-light-accent,
.overlay-content>.text-image.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.text-image.bg-light-accent .text-image.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.text-image.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.text-image.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.text-image.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image.bg-light-accent-secondary,
:where(main)>.text-image.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image.bg-light-accent-secondary+*>*,
:where(main)>.text-image.bg-light-accent-secondary>* {
  --margin-top: initial
}

.text-image.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image.bg-light-accent-secondary.product-header,
  .text-image.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image.bg-light-accent-secondary.product-header,
  .text-image.bg-light-accent-secondary.product-header[class*=bg-],
  .text-image.bg-light-accent-secondary[class*=bg-],
  .text-image.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image.bg-light-accent-secondary.product-header .hintbox-icon img,
  .text-image.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.text-image.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.text-image.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image.bg-light-accent-secondary .hintbox,
.text-image.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image.bg-light-accent-secondary,
.overlay-content .main-column>.text-image.bg-light-accent-secondary .text-image.bg-light-accent-secondary,
.overlay-content body>.text-image.bg-light-accent-secondary,
.overlay-content>.text-image.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.text-image.bg-light-accent-secondary .text-image.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.text-image.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.text-image.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.text-image.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image.bg-light,
:where(main)>.text-image.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image.bg-light+*>*,
:where(main)>.text-image.bg-light>* {
  --margin-top: initial
}

.text-image.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image.bg-light.product-header,
  .text-image.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image.bg-light.product-header,
  .text-image.bg-light.product-header[class*=bg-],
  .text-image.bg-light[class*=bg-],
  .text-image.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image.bg-light.product-header .hintbox-icon img,
  .text-image.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.text-image.bg-light .details--s9>.details .main-column[class*=bg-],
.text-image.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image.bg-light .hintbox,
.text-image.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image.bg-light,
.overlay-content .main-column>.text-image.bg-light .text-image.bg-light,
.overlay-content body>.text-image.bg-light,
.overlay-content>.text-image.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.text-image.bg-light .text-image.bg-light .product-label.product-label--overflow,
.overlay-content body>.text-image.bg-light .product-label.product-label--overflow,
.overlay-content>.text-image.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image:not(.ratio-medium, .ratio-small) .text-image-media-container {
  width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
  --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
}

@media only print and (width >=0px) {
  .text-image:not(.ratio-medium, .ratio-small) .text-image-media-container {
    --columns: 12
  }
}

@media only screen and (min-width:600px) {
  .text-image:not(.ratio-medium, .ratio-small) .text-image-media-container {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .text-image:not(.ratio-medium, .ratio-small) .text-image-media-container {
    --col: 8
  }
}

@media only screen and (min-width:840px) {
  .text-image:not(.ratio-medium, .ratio-small) .text-image-media-container {
    --col: 8
  }
}

.text-image-media {
  --ratio: 16/9
}

.text-image-media img {
  aspect-ratio: var(--ratio)
}

.text-image.ratio-medium .text-image-image .text-image-media {
  --ratio: 16/6.5
}

.text-image.ratio-small .text-image-image .text-image-media {
  --ratio: 4/1
}

.text-image-headline+.text-image-content {
  margin-top: 1rem
}

.text-image-content {
  display: flex;
  flex-direction: column;
  width: 100%
}

.text-image-content .text-image-media-container {
  margin-top: 2rem
}

.text-image-content .text-image-media-container .image-caption-link {
  margin-bottom: 0
}

.text-image-content .text-image-text {
  order: -1
}

.text-image-content .text-image-text p {
  margin-bottom: 0
}

.text-image-content .text-image-text p+blockquote,
.text-image-content .text-image-text p+p {
  margin-top: var(--space-small)
}

.text-image-content .text-image-text p+ol,
.text-image-content .text-image-text p+ul {
  margin-top: var(--space-x-small)
}

.text-image-content .text-image-text ol,
.text-image-content .text-image-text ul {
  margin-bottom: var(--space-small)
}

.text-image-content .text-image-text ol:last-child,
.text-image-content .text-image-text ul:last-child {
  margin-bottom: 0
}

.text-image-content .text-image-text ol.list-space-small,
.text-image-content .text-image-text ul.list-space-small {
  margin-bottom: var(--space-x-small)
}

.text-image-content .text-image-text ol+h1,
.text-image-content .text-image-text ol+h2,
.text-image-content .text-image-text ol+h3,
.text-image-content .text-image-text ol+h4,
.text-image-content .text-image-text ol+h5,
.text-image-content .text-image-text ul+h1,
.text-image-content .text-image-text ul+h2,
.text-image-content .text-image-text ul+h3,
.text-image-content .text-image-text ul+h4,
.text-image-content .text-image-text ul+h5 {
  margin-top: var(--space-large)
}

.text-image-content .text-image-text .table-inline,
.text-image-content .text-image-text .table-l,
.text-image-content .text-image-text .table-m,
.text-image-content .text-image-text .table-s {
  margin: 3rem 0 0
}

.text-image-content .text-image-text .table-inline:first-child,
.text-image-content .text-image-text .table-l:first-child,
.text-image-content .text-image-text .table-m:first-child,
.text-image-content .text-image-text .table-s:first-child {
  margin-top: 0
}

.text-image-content .text-image-text .table-inline.last-child,
.text-image-content .text-image-text .table-inline:nth-last-child(2),
.text-image-content .text-image-text .table-l.last-child,
.text-image-content .text-image-text .table-l:nth-last-child(2),
.text-image-content .text-image-text .table-m.last-child,
.text-image-content .text-image-text .table-m:nth-last-child(2),
.text-image-content .text-image-text .table-s.last-child,
.text-image-content .text-image-text .table-s:nth-last-child(2) {
  margin-bottom: 0
}

.text-image-content .text-image-text .table-inline:not(:last-child),
.text-image-content .text-image-text .table-l:not(:last-child),
.text-image-content .text-image-text .table-m:not(:last-child),
.text-image-content .text-image-text .table-s:not(:last-child) {
  margin-bottom: 3rem
}

.text-image-content .text-image-text .table-inline+h2,
.text-image-content .text-image-text .table-inline+h3,
.text-image-content .text-image-text .table-inline+h4,
.text-image-content .text-image-text .table-inline+h5,
.text-image-content .text-image-text .table-l+h2,
.text-image-content .text-image-text .table-l+h3,
.text-image-content .text-image-text .table-l+h4,
.text-image-content .text-image-text .table-l+h5,
.text-image-content .text-image-text .table-m+h2,
.text-image-content .text-image-text .table-m+h3,
.text-image-content .text-image-text .table-m+h4,
.text-image-content .text-image-text .table-m+h5,
.text-image-content .text-image-text .table-s+h2,
.text-image-content .text-image-text .table-s+h3,
.text-image-content .text-image-text .table-s+h4,
.text-image-content .text-image-text .table-s+h5 {
  margin-top: 4rem
}

@media only print and (width >=0px) {
  .text-image.text-image-inline:not(.ratio-medium, .ratio-small).is-small .text-image-media-container {
    --col: 4
  }
}

@media only screen and (min-width:840px) {
  .text-image.text-image-inline:not(.ratio-medium, .ratio-small).is-small .text-image-media-container {
    --col: 4
  }
}

@media only print and (width >=0px) {
  .text-image.text-image-inline:not(.ratio-medium, .ratio-small) .text-image-content {
    display: inline-block
  }
}

@media only screen and (min-width:840px) {
  .text-image.text-image-inline:not(.ratio-medium, .ratio-small) .text-image-content {
    display: inline-block
  }
}

@media only print and (width >=0px) {
  .text-image.text-image-inline:not(.ratio-medium, .ratio-small) .text-image-media-container {
    --col: 6;
    flex-shrink: 0;
    float: right;
    margin-bottom: 2rem;
    margin-left: var(--gap);
    margin-top: 0;
    position: relative;
    z-index: 1
  }

  .text-image.text-image-inline:not(.ratio-medium, .ratio-small) .text-image-media-container:after {
    clear: both;
    content: ""
  }
}

@media only screen and (min-width:840px) {
  .text-image.text-image-inline:not(.ratio-medium, .ratio-small) .text-image-media-container {
    --col: 6;
    flex-shrink: 0;
    float: right;
    margin-bottom: 2rem;
    margin-left: var(--gap);
    margin-top: 0;
    position: relative;
    z-index: 1
  }

  .text-image.text-image-inline:not(.ratio-medium, .ratio-small) .text-image-media-container:after {
    clear: both;
    content: ""
  }
}

.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.text-image[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image[class*=bg-].bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.text-image[class*=bg-].bg-dark .button--primary,
.text-image[class*=bg-].bg-dark .button--primary-positive,
.text-image[class*=bg-].bg-dark .button--secondary,
.text-image[class*=bg-].bg-dark .button--secondary-positive,
.text-image[class*=bg-].bg-dark .button--tertiary,
.text-image[class*=bg-].bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.text-image[class*=bg-].bg-dark .button--primary,
.text-image[class*=bg-].bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.text-image[class*=bg-].bg-dark .button--secondary,
.text-image[class*=bg-].bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.text-image[class*=bg-].bg-dark .button--tertiary,
.text-image[class*=bg-].bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-].bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-].bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image[class*=bg-].bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image[class*=bg-].bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image[class*=bg-].bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image[class*=bg-].bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image[class*=bg-].bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image[class*=bg-].bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image[class*=bg-].bg-dark,
:where(main)>.text-image[class*=bg-].bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image[class*=bg-].bg-dark+*>*,
:where(main)>.text-image[class*=bg-].bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .text-image[class*=bg-].bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .text-image[class*=bg-].bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.text-image[class*=bg-].bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.text-image[class*=bg-].bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image[class*=bg-].bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image[class*=bg-].bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image[class*=bg-].bg-dark.product-header,
  .text-image[class*=bg-].bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image[class*=bg-].bg-dark.product-header,
  .text-image[class*=bg-].bg-dark.product-header[class*=bg-],
  .text-image[class*=bg-].bg-dark[class*=bg-],
  .text-image[class*=bg-].bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image[class*=bg-].bg-dark.product-header .hintbox-icon img,
  .text-image[class*=bg-].bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image[class*=bg-].bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image[class*=bg-].bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image[class*=bg-].bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image[class*=bg-].bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.text-image[class*=bg-].bg-dark .details--s9>.details .main-column[class*=bg-],
.text-image[class*=bg-].bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-].bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-].bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image[class*=bg-].bg-dark .hintbox,
.text-image[class*=bg-].bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image[class*=bg-].bg-dark,
.overlay-content .main-column>.text-image[class*=bg-].bg-dark .text-image[class*=bg-].bg-dark,
.overlay-content body>.text-image[class*=bg-].bg-dark,
.overlay-content>.text-image[class*=bg-].bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image[class*=bg-].bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.text-image[class*=bg-].bg-dark .text-image[class*=bg-].bg-dark .product-label.product-label--overflow,
.overlay-content body>.text-image[class*=bg-].bg-dark .product-label.product-label--overflow,
.overlay-content>.text-image[class*=bg-].bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image[class*=bg-].bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.text-image[class*=bg-].bg-dark-accent .button--primary,
.text-image[class*=bg-].bg-dark-accent .button--primary-positive,
.text-image[class*=bg-].bg-dark-accent .button--secondary,
.text-image[class*=bg-].bg-dark-accent .button--secondary-positive,
.text-image[class*=bg-].bg-dark-accent .button--tertiary,
.text-image[class*=bg-].bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.text-image[class*=bg-].bg-dark-accent .button--primary,
.text-image[class*=bg-].bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.text-image[class*=bg-].bg-dark-accent .button--secondary,
.text-image[class*=bg-].bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.text-image[class*=bg-].bg-dark-accent .button--tertiary,
.text-image[class*=bg-].bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image[class*=bg-].bg-dark-accent,
:where(main)>.text-image[class*=bg-].bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image[class*=bg-].bg-dark-accent+*>*,
:where(main)>.text-image[class*=bg-].bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .text-image[class*=bg-].bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .text-image[class*=bg-].bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.text-image[class*=bg-].bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.text-image[class*=bg-].bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image[class*=bg-].bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image[class*=bg-].bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image[class*=bg-].bg-dark-accent.product-header,
  .text-image[class*=bg-].bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image[class*=bg-].bg-dark-accent.product-header,
  .text-image[class*=bg-].bg-dark-accent.product-header[class*=bg-],
  .text-image[class*=bg-].bg-dark-accent[class*=bg-],
  .text-image[class*=bg-].bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image[class*=bg-].bg-dark-accent.product-header .hintbox-icon img,
  .text-image[class*=bg-].bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image[class*=bg-].bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image[class*=bg-].bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image[class*=bg-].bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image[class*=bg-].bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.text-image[class*=bg-].bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.text-image[class*=bg-].bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-].bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-].bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image[class*=bg-].bg-dark-accent .hintbox,
.text-image[class*=bg-].bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image[class*=bg-].bg-dark-accent,
.overlay-content .main-column>.text-image[class*=bg-].bg-dark-accent .text-image[class*=bg-].bg-dark-accent,
.overlay-content body>.text-image[class*=bg-].bg-dark-accent,
.overlay-content>.text-image[class*=bg-].bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image[class*=bg-].bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.text-image[class*=bg-].bg-dark-accent .text-image[class*=bg-].bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.text-image[class*=bg-].bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.text-image[class*=bg-].bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image[class*=bg-].bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image[class*=bg-].bg-light-accent,
:where(main)>.text-image[class*=bg-].bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image[class*=bg-].bg-light-accent+*>*,
:where(main)>.text-image[class*=bg-].bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .text-image[class*=bg-].bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .text-image[class*=bg-].bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.text-image[class*=bg-].bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.text-image[class*=bg-].bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image[class*=bg-].bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image[class*=bg-].bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image[class*=bg-].bg-light-accent.product-header,
  .text-image[class*=bg-].bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image[class*=bg-].bg-light-accent.product-header,
  .text-image[class*=bg-].bg-light-accent.product-header[class*=bg-],
  .text-image[class*=bg-].bg-light-accent[class*=bg-],
  .text-image[class*=bg-].bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image[class*=bg-].bg-light-accent.product-header .hintbox-icon img,
  .text-image[class*=bg-].bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image[class*=bg-].bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image[class*=bg-].bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image[class*=bg-].bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image[class*=bg-].bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.text-image[class*=bg-].bg-light-accent .details--s9>.details .main-column[class*=bg-],
.text-image[class*=bg-].bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-].bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-].bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image[class*=bg-].bg-light-accent .hintbox,
.text-image[class*=bg-].bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image[class*=bg-].bg-light-accent,
.overlay-content .main-column>.text-image[class*=bg-].bg-light-accent .text-image[class*=bg-].bg-light-accent,
.overlay-content body>.text-image[class*=bg-].bg-light-accent,
.overlay-content>.text-image[class*=bg-].bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image[class*=bg-].bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.text-image[class*=bg-].bg-light-accent .text-image[class*=bg-].bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.text-image[class*=bg-].bg-light-accent .product-label.product-label--overflow,
.overlay-content>.text-image[class*=bg-].bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image[class*=bg-].bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image[class*=bg-].bg-light-accent-secondary,
:where(main)>.text-image[class*=bg-].bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image[class*=bg-].bg-light-accent-secondary+*>*,
:where(main)>.text-image[class*=bg-].bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .text-image[class*=bg-].bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .text-image[class*=bg-].bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.text-image[class*=bg-].bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.text-image[class*=bg-].bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image[class*=bg-].bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image[class*=bg-].bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image[class*=bg-].bg-light-accent-secondary.product-header,
  .text-image[class*=bg-].bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image[class*=bg-].bg-light-accent-secondary.product-header,
  .text-image[class*=bg-].bg-light-accent-secondary.product-header[class*=bg-],
  .text-image[class*=bg-].bg-light-accent-secondary[class*=bg-],
  .text-image[class*=bg-].bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image[class*=bg-].bg-light-accent-secondary.product-header .hintbox-icon img,
  .text-image[class*=bg-].bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image[class*=bg-].bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image[class*=bg-].bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image[class*=bg-].bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image[class*=bg-].bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.text-image[class*=bg-].bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.text-image[class*=bg-].bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-].bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-].bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image[class*=bg-].bg-light-accent-secondary .hintbox,
.text-image[class*=bg-].bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image[class*=bg-].bg-light-accent-secondary,
.overlay-content .main-column>.text-image[class*=bg-].bg-light-accent-secondary .text-image[class*=bg-].bg-light-accent-secondary,
.overlay-content body>.text-image[class*=bg-].bg-light-accent-secondary,
.overlay-content>.text-image[class*=bg-].bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image[class*=bg-].bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.text-image[class*=bg-].bg-light-accent-secondary .text-image[class*=bg-].bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.text-image[class*=bg-].bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.text-image[class*=bg-].bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image[class*=bg-].bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-].bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-].bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image[class*=bg-].bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image[class*=bg-].bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image[class*=bg-].bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image[class*=bg-].bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image[class*=bg-].bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image[class*=bg-].bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-].bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image[class*=bg-].bg-light,
:where(main)>.text-image[class*=bg-].bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image[class*=bg-].bg-light+*>*,
:where(main)>.text-image[class*=bg-].bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .text-image[class*=bg-].bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .text-image[class*=bg-].bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.text-image[class*=bg-].bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.text-image[class*=bg-].bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image[class*=bg-].bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image[class*=bg-].bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image[class*=bg-].bg-light.product-header,
  .text-image[class*=bg-].bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image[class*=bg-].bg-light.product-header,
  .text-image[class*=bg-].bg-light.product-header[class*=bg-],
  .text-image[class*=bg-].bg-light[class*=bg-],
  .text-image[class*=bg-].bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image[class*=bg-].bg-light.product-header .hintbox-icon img,
  .text-image[class*=bg-].bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image[class*=bg-].bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image[class*=bg-].bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image[class*=bg-].bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image[class*=bg-].bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.text-image[class*=bg-].bg-light .details--s9>.details .main-column[class*=bg-],
.text-image[class*=bg-].bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-].bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-].bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image[class*=bg-].bg-light .hintbox,
.text-image[class*=bg-].bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image[class*=bg-].bg-light,
.overlay-content .main-column>.text-image[class*=bg-].bg-light .text-image[class*=bg-].bg-light,
.overlay-content body>.text-image[class*=bg-].bg-light,
.overlay-content>.text-image[class*=bg-].bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image[class*=bg-].bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.text-image[class*=bg-].bg-light .text-image[class*=bg-].bg-light .product-label.product-label--overflow,
.overlay-content body>.text-image[class*=bg-].bg-light .product-label.product-label--overflow,
.overlay-content>.text-image[class*=bg-].bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: 0;
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.text-image[class*=bg-] .text-image-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image[class*=bg-] .text-image-wrapper.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.text-image[class*=bg-] .text-image-wrapper.bg-dark .button--primary,
.text-image[class*=bg-] .text-image-wrapper.bg-dark .button--primary-positive,
.text-image[class*=bg-] .text-image-wrapper.bg-dark .button--secondary,
.text-image[class*=bg-] .text-image-wrapper.bg-dark .button--secondary-positive,
.text-image[class*=bg-] .text-image-wrapper.bg-dark .button--tertiary,
.text-image[class*=bg-] .text-image-wrapper.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.text-image[class*=bg-] .text-image-wrapper.bg-dark .button--primary,
.text-image[class*=bg-] .text-image-wrapper.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.text-image[class*=bg-] .text-image-wrapper.bg-dark .button--secondary,
.text-image[class*=bg-] .text-image-wrapper.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.text-image[class*=bg-] .text-image-wrapper.bg-dark .button--tertiary,
.text-image[class*=bg-] .text-image-wrapper.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image[class*=bg-] .text-image-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image[class*=bg-] .text-image-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image[class*=bg-] .text-image-wrapper.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image[class*=bg-] .text-image-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-dark,
:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-dark+*>*,
:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-dark>* {
  --margin-top: initial
}

.text-image[class*=bg-] .text-image-wrapper.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image[class*=bg-] .text-image-wrapper.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-dark.product-header,
  .text-image[class*=bg-] .text-image-wrapper.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-dark.product-header,
  .text-image[class*=bg-] .text-image-wrapper.bg-dark.product-header[class*=bg-],
  .text-image[class*=bg-] .text-image-wrapper.bg-dark[class*=bg-],
  .text-image[class*=bg-] .text-image-wrapper.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-dark.product-header .hintbox-icon img,
  .text-image[class*=bg-] .text-image-wrapper.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.text-image[class*=bg-] .text-image-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-],
.text-image[class*=bg-] .text-image-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-] .text-image-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-] .text-image-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image[class*=bg-] .text-image-wrapper.bg-dark .hintbox,
.text-image[class*=bg-] .text-image-wrapper.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark,
.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark .text-image[class*=bg-] .text-image-wrapper.bg-dark,
.overlay-content body>.text-image[class*=bg-] .text-image-wrapper.bg-dark,
.overlay-content>.text-image[class*=bg-] .text-image-wrapper.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark .text-image[class*=bg-] .text-image-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content body>.text-image[class*=bg-] .text-image-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content>.text-image[class*=bg-] .text-image-wrapper.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .button--primary,
.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .button--primary-positive,
.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .button--secondary,
.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .button--secondary-positive,
.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .button--tertiary,
.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .button--primary,
.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .button--secondary,
.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .button--tertiary,
.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent,
:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent+*>*,
:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent>* {
  --margin-top: initial
}

.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent.product-header,
  .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent.product-header,
  .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent.product-header[class*=bg-],
  .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent[class*=bg-],
  .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent.product-header .hintbox-icon img,
  .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .hintbox,
.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent,
.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent,
.overlay-content body>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent,
.overlay-content>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.text-image[class*=bg-] .text-image-wrapper.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image[class*=bg-] .text-image-wrapper.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent,
:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent+*>*,
:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent>* {
  --margin-top: initial
}

.text-image[class*=bg-] .text-image-wrapper.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent.product-header,
  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent.product-header,
  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent.product-header[class*=bg-],
  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent[class*=bg-],
  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent.product-header .hintbox-icon img,
  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.text-image[class*=bg-] .text-image-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.text-image[class*=bg-] .text-image-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-] .text-image-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-] .text-image-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image[class*=bg-] .text-image-wrapper.bg-light-accent .hintbox,
.text-image[class*=bg-] .text-image-wrapper.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent,
.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent .text-image[class*=bg-] .text-image-wrapper.bg-light-accent,
.overlay-content body>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent,
.overlay-content>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent .text-image[class*=bg-] .text-image-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary,
:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary+*>*,
:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary>* {
  --margin-top: initial
}

.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary.product-header,
  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary.product-header,
  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary.product-header[class*=bg-],
  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary[class*=bg-],
  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary.product-header .hintbox-icon img,
  .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary .hintbox,
.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary,
.overlay-content body>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary,
.overlay-content>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary .text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.text-image[class*=bg-] .text-image-wrapper.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.text-image[class*=bg-] .text-image-wrapper.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.text-image[class*=bg-] .text-image-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.text-image[class*=bg-] .text-image-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.text-image[class*=bg-] .text-image-wrapper.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.text-image[class*=bg-] .text-image-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.text-image[class*=bg-] .text-image-wrapper.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-light,
:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-light+*>*,
:where(main)>.text-image[class*=bg-] .text-image-wrapper.bg-light>* {
  --margin-top: initial
}

.text-image[class*=bg-] .text-image-wrapper.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .text-image[class*=bg-] .text-image-wrapper.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-light.product-header,
  .text-image[class*=bg-] .text-image-wrapper.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-light.product-header,
  .text-image[class*=bg-] .text-image-wrapper.bg-light.product-header[class*=bg-],
  .text-image[class*=bg-] .text-image-wrapper.bg-light[class*=bg-],
  .text-image[class*=bg-] .text-image-wrapper.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .text-image[class*=bg-] .text-image-wrapper.bg-light.product-header .hintbox-icon img,
  .text-image[class*=bg-] .text-image-wrapper.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .text-image[class*=bg-] .text-image-wrapper.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.text-image[class*=bg-] .text-image-wrapper.bg-light .details--s9>.details .main-column[class*=bg-],
.text-image[class*=bg-] .text-image-wrapper.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-] .text-image-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .text-image[class*=bg-] .text-image-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.text-image[class*=bg-] .text-image-wrapper.bg-light .hintbox,
.text-image[class*=bg-] .text-image-wrapper.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light,
.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light .text-image[class*=bg-] .text-image-wrapper.bg-light,
.overlay-content body>.text-image[class*=bg-] .text-image-wrapper.bg-light,
.overlay-content>.text-image[class*=bg-] .text-image-wrapper.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.text-image[class*=bg-] .text-image-wrapper.bg-light .text-image[class*=bg-] .text-image-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content body>.text-image[class*=bg-] .text-image-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content>.text-image[class*=bg-] .text-image-wrapper.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.banner .text-image[class*=bg-],
.banner .text-image[class*=bg-][class*=bg-],
.details .text-image[class*=bg-],
.details .text-image[class*=bg-][class*=bg-],
.page-s13 .text-image[class*=bg-],
.page-s13 .text-image[class*=bg-][class*=bg-],
.page-s3 .text-image[class*=bg-],
.page-s3 .text-image[class*=bg-][class*=bg-],
.structure .text-image[class*=bg-],
.structure .text-image[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: inherit;
  --link-color: inherit;
  --link-color-hover: inherit;
  --link-decoration: inherit;
  --button-color: inherit;
  --button-color-hover: inherit;
  --button-bg: inherit;
  --button-bg-hover: inherit;
  --button-color-disabled: inherit;
  --button-bg-disabled: inherit;
  --button-border-color: inherit;
  --button-border-color-hover: inherit;
  --button-border-color-disabled: inherit;
  --button-border-color-focus: inherit;
  --headline-color: inherit
}

.page-s14 .text-image .text-image-content {
  flex-direction: column-reverse
}

@media only print and (width >=0px) {
  .page-s14 .text-image .text-image-content {
    align-items: flex-start;
    flex-direction: row;
    gap: var(--gap)
  }
}

@media only screen and (min-width:840px) {
  .page-s14 .text-image .text-image-content {
    align-items: flex-start;
    flex-direction: row;
    gap: var(--gap)
  }
}

.page-s14 .text-image .text-image-media-container {
  margin-bottom: 2rem;
  margin-top: 0
}

@media only print and (width >=0px) {
  .page-s14 .text-image .text-image-media-container {
    --col: 6;
    flex-shrink: 0;
    margin-bottom: 0;
    position: relative;
    z-index: 1
  }

  .page-s14 .text-image .text-image-media-container:after {
    clear: both;
    content: ""
  }
}

@media only screen and (min-width:840px) {
  .page-s14 .text-image .text-image-media-container {
    --col: 6;
    flex-shrink: 0;
    margin-bottom: 0;
    position: relative;
    z-index: 1
  }

  .page-s14 .text-image .text-image-media-container:after {
    clear: both;
    content: ""
  }
}

.hintbox {
  position: relative
}

.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.hintbox:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.hintbox.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.hintbox.bg-dark .button--primary,
.hintbox.bg-dark .button--primary-positive,
.hintbox.bg-dark .button--secondary,
.hintbox.bg-dark .button--secondary-positive,
.hintbox.bg-dark .button--tertiary,
.hintbox.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.hintbox.bg-dark .button--primary,
.hintbox.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.hintbox.bg-dark .button--secondary,
.hintbox.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.hintbox.bg-dark .button--tertiary,
.hintbox.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.hintbox.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.hintbox.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.hintbox.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.hintbox.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.hintbox.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.hintbox.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.hintbox.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.hintbox.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.hintbox.bg-dark,
:where(main)>.hintbox.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.hintbox.bg-dark+*>*,
:where(main)>.hintbox.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .hintbox.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .hintbox.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.hintbox.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.hintbox.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .hintbox.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .hintbox.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .hintbox.bg-dark.product-header,
  .hintbox.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .hintbox.bg-dark.product-header,
  .hintbox.bg-dark.product-header[class*=bg-],
  .hintbox.bg-dark[class*=bg-],
  .hintbox.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .hintbox.bg-dark.product-header .hintbox-icon img,
  .hintbox.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.hintbox.bg-dark .details--s9>.details .main-column[class*=bg-],
.hintbox.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .hintbox.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .hintbox.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .hintbox.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .hintbox.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .hintbox.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .hintbox.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.hintbox.bg-dark .hintbox,
.hintbox.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.hintbox.bg-dark,
.overlay-content .main-column>.hintbox.bg-dark .hintbox.bg-dark,
.overlay-content body>.hintbox.bg-dark,
.overlay-content>.hintbox.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.hintbox.bg-dark .hintbox.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.hintbox.bg-dark .product-label.product-label--overflow,
.overlay-content body>.hintbox.bg-dark .product-label.product-label--overflow,
.overlay-content>.hintbox.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.hintbox.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.hintbox.bg-dark-accent .button--primary,
.hintbox.bg-dark-accent .button--primary-positive,
.hintbox.bg-dark-accent .button--secondary,
.hintbox.bg-dark-accent .button--secondary-positive,
.hintbox.bg-dark-accent .button--tertiary,
.hintbox.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.hintbox.bg-dark-accent .button--primary,
.hintbox.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.hintbox.bg-dark-accent .button--secondary,
.hintbox.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.hintbox.bg-dark-accent .button--tertiary,
.hintbox.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.hintbox.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.hintbox.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.hintbox.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.hintbox.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.hintbox.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.hintbox.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.hintbox.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.hintbox.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.hintbox.bg-dark-accent,
:where(main)>.hintbox.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.hintbox.bg-dark-accent+*>*,
:where(main)>.hintbox.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .hintbox.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .hintbox.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.hintbox.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.hintbox.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .hintbox.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .hintbox.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .hintbox.bg-dark-accent.product-header,
  .hintbox.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .hintbox.bg-dark-accent.product-header,
  .hintbox.bg-dark-accent.product-header[class*=bg-],
  .hintbox.bg-dark-accent[class*=bg-],
  .hintbox.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .hintbox.bg-dark-accent.product-header .hintbox-icon img,
  .hintbox.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.hintbox.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.hintbox.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .hintbox.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .hintbox.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .hintbox.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .hintbox.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .hintbox.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .hintbox.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.hintbox.bg-dark-accent .hintbox,
.hintbox.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.hintbox.bg-dark-accent,
.overlay-content .main-column>.hintbox.bg-dark-accent .hintbox.bg-dark-accent,
.overlay-content body>.hintbox.bg-dark-accent,
.overlay-content>.hintbox.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.hintbox.bg-dark-accent .hintbox.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.hintbox.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.hintbox.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.hintbox.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.hintbox.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.hintbox.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.hintbox.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.hintbox.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.hintbox.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.hintbox.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.hintbox.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.hintbox.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.hintbox.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.hintbox.bg-light-accent,
:where(main)>.hintbox.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.hintbox.bg-light-accent+*>*,
:where(main)>.hintbox.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .hintbox.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .hintbox.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.hintbox.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.hintbox.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .hintbox.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .hintbox.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .hintbox.bg-light-accent.product-header,
  .hintbox.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .hintbox.bg-light-accent.product-header,
  .hintbox.bg-light-accent.product-header[class*=bg-],
  .hintbox.bg-light-accent[class*=bg-],
  .hintbox.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .hintbox.bg-light-accent.product-header .hintbox-icon img,
  .hintbox.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.hintbox.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.hintbox.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .hintbox.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .hintbox.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .hintbox.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .hintbox.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .hintbox.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .hintbox.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.hintbox.bg-light-accent .hintbox,
.hintbox.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.hintbox.bg-light-accent,
.overlay-content .main-column>.hintbox.bg-light-accent .hintbox.bg-light-accent,
.overlay-content body>.hintbox.bg-light-accent,
.overlay-content>.hintbox.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.hintbox.bg-light-accent .hintbox.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.hintbox.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.hintbox.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.hintbox.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.hintbox.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.hintbox.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.hintbox.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.hintbox.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.hintbox.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.hintbox.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.hintbox.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.hintbox.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.hintbox.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.hintbox.bg-light-accent-secondary,
:where(main)>.hintbox.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.hintbox.bg-light-accent-secondary+*>*,
:where(main)>.hintbox.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .hintbox.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .hintbox.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.hintbox.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.hintbox.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .hintbox.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .hintbox.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .hintbox.bg-light-accent-secondary.product-header,
  .hintbox.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .hintbox.bg-light-accent-secondary.product-header,
  .hintbox.bg-light-accent-secondary.product-header[class*=bg-],
  .hintbox.bg-light-accent-secondary[class*=bg-],
  .hintbox.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .hintbox.bg-light-accent-secondary.product-header .hintbox-icon img,
  .hintbox.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.hintbox.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.hintbox.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .hintbox.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .hintbox.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .hintbox.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .hintbox.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .hintbox.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .hintbox.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.hintbox.bg-light-accent-secondary .hintbox,
.hintbox.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.hintbox.bg-light-accent-secondary,
.overlay-content .main-column>.hintbox.bg-light-accent-secondary .hintbox.bg-light-accent-secondary,
.overlay-content body>.hintbox.bg-light-accent-secondary,
.overlay-content>.hintbox.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.hintbox.bg-light-accent-secondary .hintbox.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.hintbox.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.hintbox.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.hintbox.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.hintbox.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.hintbox.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.hintbox.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.hintbox.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.hintbox.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.hintbox.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.hintbox.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.hintbox.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.hintbox.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.hintbox.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.hintbox.bg-light,
:where(main)>.hintbox.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.hintbox.bg-light+*>*,
:where(main)>.hintbox.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .hintbox.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .hintbox.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.hintbox.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.hintbox.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .hintbox.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .hintbox.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .hintbox.bg-light.product-header,
  .hintbox.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .hintbox.bg-light.product-header,
  .hintbox.bg-light.product-header[class*=bg-],
  .hintbox.bg-light[class*=bg-],
  .hintbox.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .hintbox.bg-light.product-header .hintbox-icon img,
  .hintbox.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.hintbox.bg-light .details--s9>.details .main-column[class*=bg-],
.hintbox.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .hintbox.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .hintbox.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .hintbox.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .hintbox.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .hintbox.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .hintbox.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.hintbox.bg-light .hintbox,
.hintbox.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.hintbox.bg-light,
.overlay-content .main-column>.hintbox.bg-light .hintbox.bg-light,
.overlay-content body>.hintbox.bg-light,
.overlay-content>.hintbox.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.hintbox.bg-light .hintbox.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.hintbox.bg-light .product-label.product-label--overflow,
.overlay-content body>.hintbox.bg-light .product-label.product-label--overflow,
.overlay-content>.hintbox.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.hintbox.compact {
  --overflow: false
}

.hintbox-wrapper {
  display: block;
  max-width: 100%
}

@media only print and (width >=0px) {
  .hintbox-wrapper {
    display: flex;
    gap: 2rem
  }
}

@media only screen and (min-width:600px) {
  .hintbox-wrapper {
    display: flex;
    gap: 2rem
  }
}

.hintbox-text .hl-2,
.hintbox-text .hl-3,
.hintbox-text .hl-4,
.hintbox-text .hl-5 {
  hyphens: auto;
  margin-top: var(--space-large);
  overflow-wrap: break-word;
  word-wrap: break-word
}

.hintbox-text .hl-2:first-child,
.hintbox-text .hl-3:first-child,
.hintbox-text .hl-4:first-child,
.hintbox-text .hl-5:first-child {
  margin-top: 0
}

.hintbox-content,
.hintbox-text {
  max-width: 100%;
  min-width: 0
}

.hintbox-content p,
.hintbox-text p {
  margin-bottom: 0
}

.hintbox-content p+blockquote,
.hintbox-content p+p,
.hintbox-text p+blockquote,
.hintbox-text p+p {
  margin-top: var(--space-small)
}

.hintbox-content p+ol,
.hintbox-content p+ul,
.hintbox-text p+ol,
.hintbox-text p+ul {
  margin-top: var(--space-x-small)
}

.hintbox-content ol,
.hintbox-content ul,
.hintbox-text ol,
.hintbox-text ul {
  margin-bottom: var(--space-small)
}

.hintbox-content ol:last-child,
.hintbox-content ul:last-child,
.hintbox-text ol:last-child,
.hintbox-text ul:last-child {
  margin-bottom: 0
}

.hintbox-content ol.list-space-small,
.hintbox-content ul.list-space-small,
.hintbox-text ol.list-space-small,
.hintbox-text ul.list-space-small {
  margin-bottom: var(--space-x-small)
}

.hintbox-icon {
  margin-bottom: 1.4rem
}

.hintbox-icon img {
  max-height: 3.5rem;
  max-width: 3.5rem;
  width: 3.5rem
}

.bg-dark .hintbox-icon img,
.bg-dark-accent .hintbox-icon img {
  filter: brightness(0) invert(1)
}

@media only print and (width >=0px) {
  .hintbox-icon img {
    max-height: 4rem;
    max-width: 4rem;
    width: 4rem
  }
}

@media only screen and (min-width:600px) {
  .hintbox-icon img {
    max-height: 4rem;
    max-width: 4rem;
    width: 4rem
  }
}

@media only print and (width >=0px) {
  .hintbox-icon {
    margin-bottom: 0
  }
}

@media only screen and (min-width:600px) {
  .hintbox-icon {
    margin-bottom: 0
  }
}

@media only print and (width >=0px) {
  .hintbox.is-small {
    --c-padding-y-bg: 2rem;
    --c-overflow: 0px;
    --margin-top: var(--space-large)
  }
}

@media only screen and (min-width:840px) {
  .hintbox.is-small {
    --c-padding-y-bg: 2rem;
    --c-overflow: 0px;
    --margin-top: var(--space-large)
  }
}

.details .hintbox {
  margin-left: 0;
  margin-right: 0;
  padding: 2rem 2rem 3rem
}

.details .hintbox .hintbox-wrapper {
  margin: 0
}

.three-step-stage-container {
  --c-overflow: var(--stage-overflow)
}

.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.three-step-stage-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-step-stage-container.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.three-step-stage-container.bg-dark .button--primary,
.three-step-stage-container.bg-dark .button--primary-positive,
.three-step-stage-container.bg-dark .button--secondary,
.three-step-stage-container.bg-dark .button--secondary-positive,
.three-step-stage-container.bg-dark .button--tertiary,
.three-step-stage-container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.three-step-stage-container.bg-dark .button--primary,
.three-step-stage-container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.three-step-stage-container.bg-dark .button--secondary,
.three-step-stage-container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.three-step-stage-container.bg-dark .button--tertiary,
.three-step-stage-container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.three-step-stage-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-step-stage-container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-step-stage-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-step-stage-container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-step-stage-container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.three-step-stage-container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-step-stage-container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-step-stage-container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-step-stage-container.bg-dark,
:where(main)>.three-step-stage-container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-step-stage-container.bg-dark+*>*,
:where(main)>.three-step-stage-container.bg-dark>* {
  --margin-top: initial
}

.three-step-stage-container.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.three-step-stage-container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-step-stage-container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-step-stage-container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-step-stage-container.bg-dark.product-header,
  .three-step-stage-container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-step-stage-container.bg-dark.product-header,
  .three-step-stage-container.bg-dark.product-header[class*=bg-],
  .three-step-stage-container.bg-dark[class*=bg-],
  .three-step-stage-container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-step-stage-container.bg-dark.product-header .hintbox-icon img,
  .three-step-stage-container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-step-stage-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-step-stage-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-step-stage-container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-step-stage-container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.three-step-stage-container.bg-dark .details--s9>.details .main-column[class*=bg-],
.three-step-stage-container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-step-stage-container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-step-stage-container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-step-stage-container.bg-dark .hintbox,
.three-step-stage-container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-step-stage-container.bg-dark,
.overlay-content .main-column>.three-step-stage-container.bg-dark .three-step-stage-container.bg-dark,
.overlay-content body>.three-step-stage-container.bg-dark,
.overlay-content>.three-step-stage-container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-step-stage-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.three-step-stage-container.bg-dark .three-step-stage-container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.three-step-stage-container.bg-dark .product-label.product-label--overflow,
.overlay-content>.three-step-stage-container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-step-stage-container.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.three-step-stage-container.bg-dark-accent .button--primary,
.three-step-stage-container.bg-dark-accent .button--primary-positive,
.three-step-stage-container.bg-dark-accent .button--secondary,
.three-step-stage-container.bg-dark-accent .button--secondary-positive,
.three-step-stage-container.bg-dark-accent .button--tertiary,
.three-step-stage-container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.three-step-stage-container.bg-dark-accent .button--primary,
.three-step-stage-container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.three-step-stage-container.bg-dark-accent .button--secondary,
.three-step-stage-container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.three-step-stage-container.bg-dark-accent .button--tertiary,
.three-step-stage-container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.three-step-stage-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-step-stage-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-step-stage-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-step-stage-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-step-stage-container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.three-step-stage-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-step-stage-container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-step-stage-container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-step-stage-container.bg-dark-accent,
:where(main)>.three-step-stage-container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-step-stage-container.bg-dark-accent+*>*,
:where(main)>.three-step-stage-container.bg-dark-accent>* {
  --margin-top: initial
}

.three-step-stage-container.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.three-step-stage-container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-step-stage-container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-step-stage-container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-step-stage-container.bg-dark-accent.product-header,
  .three-step-stage-container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-step-stage-container.bg-dark-accent.product-header,
  .three-step-stage-container.bg-dark-accent.product-header[class*=bg-],
  .three-step-stage-container.bg-dark-accent[class*=bg-],
  .three-step-stage-container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-step-stage-container.bg-dark-accent.product-header .hintbox-icon img,
  .three-step-stage-container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-step-stage-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-step-stage-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-step-stage-container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-step-stage-container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.three-step-stage-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.three-step-stage-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-step-stage-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-step-stage-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-step-stage-container.bg-dark-accent .hintbox,
.three-step-stage-container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-step-stage-container.bg-dark-accent,
.overlay-content .main-column>.three-step-stage-container.bg-dark-accent .three-step-stage-container.bg-dark-accent,
.overlay-content body>.three-step-stage-container.bg-dark-accent,
.overlay-content>.three-step-stage-container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-step-stage-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.three-step-stage-container.bg-dark-accent .three-step-stage-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.three-step-stage-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.three-step-stage-container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-step-stage-container.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.three-step-stage-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-step-stage-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-step-stage-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-step-stage-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-step-stage-container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.three-step-stage-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-step-stage-container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-step-stage-container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-step-stage-container.bg-light-accent,
:where(main)>.three-step-stage-container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-step-stage-container.bg-light-accent+*>*,
:where(main)>.three-step-stage-container.bg-light-accent>* {
  --margin-top: initial
}

.three-step-stage-container.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.three-step-stage-container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-step-stage-container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-step-stage-container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-step-stage-container.bg-light-accent.product-header,
  .three-step-stage-container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-step-stage-container.bg-light-accent.product-header,
  .three-step-stage-container.bg-light-accent.product-header[class*=bg-],
  .three-step-stage-container.bg-light-accent[class*=bg-],
  .three-step-stage-container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-step-stage-container.bg-light-accent.product-header .hintbox-icon img,
  .three-step-stage-container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-step-stage-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-step-stage-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-step-stage-container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-step-stage-container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.three-step-stage-container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.three-step-stage-container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-step-stage-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-step-stage-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-step-stage-container.bg-light-accent .hintbox,
.three-step-stage-container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-step-stage-container.bg-light-accent,
.overlay-content .main-column>.three-step-stage-container.bg-light-accent .three-step-stage-container.bg-light-accent,
.overlay-content body>.three-step-stage-container.bg-light-accent,
.overlay-content>.three-step-stage-container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-step-stage-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.three-step-stage-container.bg-light-accent .three-step-stage-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.three-step-stage-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.three-step-stage-container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-step-stage-container.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.three-step-stage-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-step-stage-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-step-stage-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-step-stage-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-step-stage-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.three-step-stage-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-step-stage-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-step-stage-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-step-stage-container.bg-light-accent-secondary,
:where(main)>.three-step-stage-container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-step-stage-container.bg-light-accent-secondary+*>*,
:where(main)>.three-step-stage-container.bg-light-accent-secondary>* {
  --margin-top: initial
}

.three-step-stage-container.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.three-step-stage-container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-step-stage-container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-step-stage-container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-step-stage-container.bg-light-accent-secondary.product-header,
  .three-step-stage-container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-step-stage-container.bg-light-accent-secondary.product-header,
  .three-step-stage-container.bg-light-accent-secondary.product-header[class*=bg-],
  .three-step-stage-container.bg-light-accent-secondary[class*=bg-],
  .three-step-stage-container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-step-stage-container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .three-step-stage-container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-step-stage-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-step-stage-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-step-stage-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-step-stage-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.three-step-stage-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.three-step-stage-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-step-stage-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-step-stage-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-step-stage-container.bg-light-accent-secondary .hintbox,
.three-step-stage-container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-step-stage-container.bg-light-accent-secondary,
.overlay-content .main-column>.three-step-stage-container.bg-light-accent-secondary .three-step-stage-container.bg-light-accent-secondary,
.overlay-content body>.three-step-stage-container.bg-light-accent-secondary,
.overlay-content>.three-step-stage-container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-step-stage-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.three-step-stage-container.bg-light-accent-secondary .three-step-stage-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.three-step-stage-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.three-step-stage-container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-step-stage-container.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.three-step-stage-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-step-stage-container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-step-stage-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-step-stage-container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-step-stage-container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.three-step-stage-container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-step-stage-container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-step-stage-container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-stage-container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-step-stage-container.bg-light,
:where(main)>.three-step-stage-container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-step-stage-container.bg-light+*>*,
:where(main)>.three-step-stage-container.bg-light>* {
  --margin-top: initial
}

.three-step-stage-container.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.three-step-stage-container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-step-stage-container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-step-stage-container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-step-stage-container.bg-light.product-header,
  .three-step-stage-container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-step-stage-container.bg-light.product-header,
  .three-step-stage-container.bg-light.product-header[class*=bg-],
  .three-step-stage-container.bg-light[class*=bg-],
  .three-step-stage-container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-step-stage-container.bg-light.product-header .hintbox-icon img,
  .three-step-stage-container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-step-stage-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-step-stage-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-step-stage-container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-step-stage-container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.three-step-stage-container.bg-light .details--s9>.details .main-column[class*=bg-],
.three-step-stage-container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-step-stage-container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-step-stage-container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-step-stage-container.bg-light .hintbox,
.three-step-stage-container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-step-stage-container.bg-light,
.overlay-content .main-column>.three-step-stage-container.bg-light .three-step-stage-container.bg-light,
.overlay-content body>.three-step-stage-container.bg-light,
.overlay-content>.three-step-stage-container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-step-stage-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.three-step-stage-container.bg-light .three-step-stage-container.bg-light .product-label.product-label--overflow,
.overlay-content body>.three-step-stage-container.bg-light .product-label.product-label--overflow,
.overlay-content>.three-step-stage-container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-step-entry-slider {
  overflow: hidden;
  position: relative
}

.three-step-entry-slider-wrapper {
  display: flex;
  flex-direction: row;
  height: 100%;
  transform: translateX(calc(-100% * var(--active-index, 0)));
  transition: all .8s
}

.three-step-entry-slider-slide {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-width: 100%;
  z-index: 10
}

.three-step-entry-slider-slide .image {
  aspect-ratio: 5/2;
  height: auto
}

@media only print and (width >=0px) {
  .three-step-entry-slider-slide .image {
    aspect-ratio: 3/1
  }
}

@media only screen and (min-width:600px) {
  .three-step-entry-slider-slide .image {
    aspect-ratio: 3/1
  }
}

.three-step-entry-slider-navigation {
  position: absolute;
  top: -1.8rem
}

.three-step-entry-slider-layer {
  --padding-x: var(--gutter);
  clear: both;
  flex: 1;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.three-step-entry-slider-layer:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-step-entry-slider-layer:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-step-entry-slider-layer:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-step-entry-slider-layer:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-step-entry-slider-layer:where(.hintbox, .programtile-container),
.two-column-container-content>.three-step-entry-slider-layer:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-step-entry-slider-layer:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-step-entry-slider-layer:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-step-entry-slider-layer,
:where(main)>.three-step-entry-slider-layer+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-step-entry-slider-layer+*>*,
:where(main)>.three-step-entry-slider-layer>* {
  --margin-top: initial
}

.three-step-entry-slider-layer:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-step-entry-slider-layer {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-step-entry-slider-layer:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-step-entry-slider-layer.product-header,
  .three-step-entry-slider-layer[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-step-entry-slider-layer.product-header,
  .three-step-entry-slider-layer.product-header[class*=bg-],
  .three-step-entry-slider-layer[class*=bg-],
  .three-step-entry-slider-layer[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-step-entry-slider-layer.product-header .hintbox-icon img,
  .three-step-entry-slider-layer[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-step-entry-slider-layer:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-step-entry-slider-layer:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-step-entry-slider-layer:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-step-entry-slider-layer:not(.hintbox)[class*=bg-][class*=bg-],
.three-step-entry-slider-layer .details--s9>.details .main-column[class*=bg-],
.three-step-entry-slider-layer .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-step-entry-slider-layer:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-step-entry-slider-layer:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-step-entry-slider-layer .hintbox,
.three-step-entry-slider-layer.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-step-entry-slider-layer,
.overlay-content .main-column>.three-step-entry-slider-layer .three-step-entry-slider-layer,
.overlay-content body>.three-step-entry-slider-layer,
.overlay-content>.three-step-entry-slider-layer {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-step-entry-slider-layer .product-label.product-label--overflow,
.overlay-content .main-column>.three-step-entry-slider-layer .three-step-entry-slider-layer .product-label.product-label--overflow,
.overlay-content body>.three-step-entry-slider-layer .product-label.product-label--overflow,
.overlay-content>.three-step-entry-slider-layer .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-step-entry-slider-layer.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.three-step-entry-slider-layer.bg-dark .button--primary,
.three-step-entry-slider-layer.bg-dark .button--primary-positive,
.three-step-entry-slider-layer.bg-dark .button--secondary,
.three-step-entry-slider-layer.bg-dark .button--secondary-positive,
.three-step-entry-slider-layer.bg-dark .button--tertiary,
.three-step-entry-slider-layer.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.three-step-entry-slider-layer.bg-dark .button--primary,
.three-step-entry-slider-layer.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.three-step-entry-slider-layer.bg-dark .button--secondary,
.three-step-entry-slider-layer.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.three-step-entry-slider-layer.bg-dark .button--tertiary,
.three-step-entry-slider-layer.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.three-step-entry-slider-layer.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-step-entry-slider-layer.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-step-entry-slider-layer.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-step-entry-slider-layer.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-step-entry-slider-layer.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.three-step-entry-slider-layer.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-step-entry-slider-layer.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-step-entry-slider-layer.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-step-entry-slider-layer.bg-dark,
:where(main)>.three-step-entry-slider-layer.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-step-entry-slider-layer.bg-dark+*>*,
:where(main)>.three-step-entry-slider-layer.bg-dark>* {
  --margin-top: initial
}

.three-step-entry-slider-layer.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-step-entry-slider-layer.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-step-entry-slider-layer.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-step-entry-slider-layer.bg-dark.product-header,
  .three-step-entry-slider-layer.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-step-entry-slider-layer.bg-dark.product-header,
  .three-step-entry-slider-layer.bg-dark.product-header[class*=bg-],
  .three-step-entry-slider-layer.bg-dark[class*=bg-],
  .three-step-entry-slider-layer.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-step-entry-slider-layer.bg-dark.product-header .hintbox-icon img,
  .three-step-entry-slider-layer.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-step-entry-slider-layer.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-step-entry-slider-layer.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-step-entry-slider-layer.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-step-entry-slider-layer.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.three-step-entry-slider-layer.bg-dark .details--s9>.details .main-column[class*=bg-],
.three-step-entry-slider-layer.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-step-entry-slider-layer.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-step-entry-slider-layer.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-step-entry-slider-layer.bg-dark .hintbox,
.three-step-entry-slider-layer.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-step-entry-slider-layer.bg-dark,
.overlay-content .main-column>.three-step-entry-slider-layer.bg-dark .three-step-entry-slider-layer.bg-dark,
.overlay-content body>.three-step-entry-slider-layer.bg-dark,
.overlay-content>.three-step-entry-slider-layer.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-step-entry-slider-layer.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.three-step-entry-slider-layer.bg-dark .three-step-entry-slider-layer.bg-dark .product-label.product-label--overflow,
.overlay-content body>.three-step-entry-slider-layer.bg-dark .product-label.product-label--overflow,
.overlay-content>.three-step-entry-slider-layer.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-step-entry-slider-layer.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.three-step-entry-slider-layer.bg-dark-accent .button--primary,
.three-step-entry-slider-layer.bg-dark-accent .button--primary-positive,
.three-step-entry-slider-layer.bg-dark-accent .button--secondary,
.three-step-entry-slider-layer.bg-dark-accent .button--secondary-positive,
.three-step-entry-slider-layer.bg-dark-accent .button--tertiary,
.three-step-entry-slider-layer.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.three-step-entry-slider-layer.bg-dark-accent .button--primary,
.three-step-entry-slider-layer.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.three-step-entry-slider-layer.bg-dark-accent .button--secondary,
.three-step-entry-slider-layer.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.three-step-entry-slider-layer.bg-dark-accent .button--tertiary,
.three-step-entry-slider-layer.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.three-step-entry-slider-layer.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-step-entry-slider-layer.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-step-entry-slider-layer.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-step-entry-slider-layer.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-step-entry-slider-layer.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.three-step-entry-slider-layer.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-step-entry-slider-layer.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-step-entry-slider-layer.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-step-entry-slider-layer.bg-dark-accent,
:where(main)>.three-step-entry-slider-layer.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-step-entry-slider-layer.bg-dark-accent+*>*,
:where(main)>.three-step-entry-slider-layer.bg-dark-accent>* {
  --margin-top: initial
}

.three-step-entry-slider-layer.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-step-entry-slider-layer.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-step-entry-slider-layer.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-step-entry-slider-layer.bg-dark-accent.product-header,
  .three-step-entry-slider-layer.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-step-entry-slider-layer.bg-dark-accent.product-header,
  .three-step-entry-slider-layer.bg-dark-accent.product-header[class*=bg-],
  .three-step-entry-slider-layer.bg-dark-accent[class*=bg-],
  .three-step-entry-slider-layer.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-step-entry-slider-layer.bg-dark-accent.product-header .hintbox-icon img,
  .three-step-entry-slider-layer.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-step-entry-slider-layer.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-step-entry-slider-layer.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-step-entry-slider-layer.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-step-entry-slider-layer.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.three-step-entry-slider-layer.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.three-step-entry-slider-layer.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-step-entry-slider-layer.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-step-entry-slider-layer.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-step-entry-slider-layer.bg-dark-accent .hintbox,
.three-step-entry-slider-layer.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-step-entry-slider-layer.bg-dark-accent,
.overlay-content .main-column>.three-step-entry-slider-layer.bg-dark-accent .three-step-entry-slider-layer.bg-dark-accent,
.overlay-content body>.three-step-entry-slider-layer.bg-dark-accent,
.overlay-content>.three-step-entry-slider-layer.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-step-entry-slider-layer.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.three-step-entry-slider-layer.bg-dark-accent .three-step-entry-slider-layer.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.three-step-entry-slider-layer.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.three-step-entry-slider-layer.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-step-entry-slider-layer.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.three-step-entry-slider-layer.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-step-entry-slider-layer.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-step-entry-slider-layer.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-step-entry-slider-layer.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-step-entry-slider-layer.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.three-step-entry-slider-layer.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-step-entry-slider-layer.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-step-entry-slider-layer.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-step-entry-slider-layer.bg-light-accent,
:where(main)>.three-step-entry-slider-layer.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-step-entry-slider-layer.bg-light-accent+*>*,
:where(main)>.three-step-entry-slider-layer.bg-light-accent>* {
  --margin-top: initial
}

.three-step-entry-slider-layer.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-step-entry-slider-layer.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-step-entry-slider-layer.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-step-entry-slider-layer.bg-light-accent.product-header,
  .three-step-entry-slider-layer.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-step-entry-slider-layer.bg-light-accent.product-header,
  .three-step-entry-slider-layer.bg-light-accent.product-header[class*=bg-],
  .three-step-entry-slider-layer.bg-light-accent[class*=bg-],
  .three-step-entry-slider-layer.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-step-entry-slider-layer.bg-light-accent.product-header .hintbox-icon img,
  .three-step-entry-slider-layer.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-step-entry-slider-layer.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-step-entry-slider-layer.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-step-entry-slider-layer.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-step-entry-slider-layer.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.three-step-entry-slider-layer.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.three-step-entry-slider-layer.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-step-entry-slider-layer.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-step-entry-slider-layer.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-step-entry-slider-layer.bg-light-accent .hintbox,
.three-step-entry-slider-layer.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-step-entry-slider-layer.bg-light-accent,
.overlay-content .main-column>.three-step-entry-slider-layer.bg-light-accent .three-step-entry-slider-layer.bg-light-accent,
.overlay-content body>.three-step-entry-slider-layer.bg-light-accent,
.overlay-content>.three-step-entry-slider-layer.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-step-entry-slider-layer.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.three-step-entry-slider-layer.bg-light-accent .three-step-entry-slider-layer.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.three-step-entry-slider-layer.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.three-step-entry-slider-layer.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-step-entry-slider-layer.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.three-step-entry-slider-layer.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-step-entry-slider-layer.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-step-entry-slider-layer.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-step-entry-slider-layer.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-step-entry-slider-layer.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.three-step-entry-slider-layer.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-step-entry-slider-layer.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-step-entry-slider-layer.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-step-entry-slider-layer.bg-light-accent-secondary,
:where(main)>.three-step-entry-slider-layer.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-step-entry-slider-layer.bg-light-accent-secondary+*>*,
:where(main)>.three-step-entry-slider-layer.bg-light-accent-secondary>* {
  --margin-top: initial
}

.three-step-entry-slider-layer.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-step-entry-slider-layer.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-step-entry-slider-layer.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-step-entry-slider-layer.bg-light-accent-secondary.product-header,
  .three-step-entry-slider-layer.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-step-entry-slider-layer.bg-light-accent-secondary.product-header,
  .three-step-entry-slider-layer.bg-light-accent-secondary.product-header[class*=bg-],
  .three-step-entry-slider-layer.bg-light-accent-secondary[class*=bg-],
  .three-step-entry-slider-layer.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-step-entry-slider-layer.bg-light-accent-secondary.product-header .hintbox-icon img,
  .three-step-entry-slider-layer.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-step-entry-slider-layer.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-step-entry-slider-layer.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-step-entry-slider-layer.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-step-entry-slider-layer.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.three-step-entry-slider-layer.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.three-step-entry-slider-layer.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-step-entry-slider-layer.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-step-entry-slider-layer.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-step-entry-slider-layer.bg-light-accent-secondary .hintbox,
.three-step-entry-slider-layer.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-step-entry-slider-layer.bg-light-accent-secondary,
.overlay-content .main-column>.three-step-entry-slider-layer.bg-light-accent-secondary .three-step-entry-slider-layer.bg-light-accent-secondary,
.overlay-content body>.three-step-entry-slider-layer.bg-light-accent-secondary,
.overlay-content>.three-step-entry-slider-layer.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-step-entry-slider-layer.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.three-step-entry-slider-layer.bg-light-accent-secondary .three-step-entry-slider-layer.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.three-step-entry-slider-layer.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.three-step-entry-slider-layer.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-step-entry-slider-layer.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.three-step-entry-slider-layer.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-step-entry-slider-layer.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-step-entry-slider-layer.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-step-entry-slider-layer.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-step-entry-slider-layer.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.three-step-entry-slider-layer.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-step-entry-slider-layer.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-step-entry-slider-layer.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-step-entry-slider-layer.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-step-entry-slider-layer.bg-light,
:where(main)>.three-step-entry-slider-layer.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-step-entry-slider-layer.bg-light+*>*,
:where(main)>.three-step-entry-slider-layer.bg-light>* {
  --margin-top: initial
}

.three-step-entry-slider-layer.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-step-entry-slider-layer.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-step-entry-slider-layer.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-step-entry-slider-layer.bg-light.product-header,
  .three-step-entry-slider-layer.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-step-entry-slider-layer.bg-light.product-header,
  .three-step-entry-slider-layer.bg-light.product-header[class*=bg-],
  .three-step-entry-slider-layer.bg-light[class*=bg-],
  .three-step-entry-slider-layer.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-step-entry-slider-layer.bg-light.product-header .hintbox-icon img,
  .three-step-entry-slider-layer.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-step-entry-slider-layer.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-step-entry-slider-layer.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-step-entry-slider-layer.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-step-entry-slider-layer.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.three-step-entry-slider-layer.bg-light .details--s9>.details .main-column[class*=bg-],
.three-step-entry-slider-layer.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-step-entry-slider-layer.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-step-entry-slider-layer.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-step-entry-slider-layer.bg-light .hintbox,
.three-step-entry-slider-layer.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-step-entry-slider-layer.bg-light,
.overlay-content .main-column>.three-step-entry-slider-layer.bg-light .three-step-entry-slider-layer.bg-light,
.overlay-content body>.three-step-entry-slider-layer.bg-light,
.overlay-content>.three-step-entry-slider-layer.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-step-entry-slider-layer.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.three-step-entry-slider-layer.bg-light .three-step-entry-slider-layer.bg-light .product-label.product-label--overflow,
.overlay-content body>.three-step-entry-slider-layer.bg-light .product-label.product-label--overflow,
.overlay-content>.three-step-entry-slider-layer.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-step-entry-slider-layer {
  background-color: var(--color-background-light);
  position: relative;
  width: 100%
}

.three-step-entry-slider-layer-content {
  display: flex;
  flex: 1;
  justify-content: flex-end
}

@media only screen and (max-width:calc(1280px - 1px)) {
  .three-step-entry-slider-layer-content {
    margin-top: 1.5rem
  }
}

@media only print and (width >=0px) {
  .three-step-entry-slider-layer-content {
    --tb-image: var(--transformation-beam-default);
    --tb-ratio: 326/19;
    container-type: inline-size
  }

  .three-step-entry-slider-layer-content:before {
    aspect-ratio: var(--tb-ratio);
    background-image: var(--tb-image);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: auto;
    margin-bottom: 0;
    min-height: 1.9rem;
    width: 100%
  }

  @container (min-width: 600px) {
    .three-step-entry-slider-layer-content:before {
      --tb-image: var(--transformation-beam-600);
      --tb-ratio: 30/1
    }
  }

  @container (min-width: 840px) {
    .three-step-entry-slider-layer-content:before {
      --tb-image: var(--transformation-beam-840);
      --tb-ratio: 42/1
    }
  }

  .three-step-entry-slider-layer-content:before {
    left: 0;
    position: absolute;
    top: calc(100% + .9rem)
  }
}

@media only screen and (min-width:1280px) {
  .three-step-entry-slider-layer-content {
    --tb-image: var(--transformation-beam-default);
    --tb-ratio: 326/19;
    container-type: inline-size
  }

  .three-step-entry-slider-layer-content:before {
    aspect-ratio: var(--tb-ratio);
    background-image: var(--tb-image);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: auto;
    margin-bottom: 0;
    min-height: 1.9rem;
    width: 100%
  }

  @container (min-width: 600px) {
    .three-step-entry-slider-layer-content:before {
      --tb-image: var(--transformation-beam-600);
      --tb-ratio: 30/1
    }
  }

  @container (min-width: 840px) {
    .three-step-entry-slider-layer-content:before {
      --tb-image: var(--transformation-beam-840);
      --tb-ratio: 42/1
    }
  }

  .three-step-entry-slider-layer-content:before {
    left: 0;
    position: absolute;
    top: calc(100% + .9rem)
  }
}

.three-step-entry-slider-layer-content,
.three-step-entry-slider-layer-text {
  width: 100%
}

@media only print and (width >=0px) {
  .three-step-entry-slider-layer-text {
    margin-top: 1.5rem
  }
}

@media only screen and (min-width:1280px) {
  .three-step-entry-slider-layer-text {
    margin-top: 1.5rem
  }
}

@media only print and (width >=0px) {
  .three-step-entry-slider-layer ul.list {
    display: grid;
    gap: 1.3rem var(--gap);
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(var(--grid-row-count), auto)
  }

  .three-step-entry-slider-layer ul.list>.list-item {
    padding-bottom: 0
  }
}

@media only screen and (min-width:600px)and (max-width:calc(1280px - 1px)) {
  .three-step-entry-slider-layer ul.list {
    display: grid;
    gap: 1.3rem var(--gap);
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(var(--grid-row-count), auto)
  }

  .three-step-entry-slider-layer ul.list>.list-item {
    padding-bottom: 0
  }
}

@media only print and (width >=0px) {
  .three-step-entry-slider-layer {
    --indent: -1rem
  }
}

@media only screen and (min-width:600px) {
  .three-step-entry-slider-layer {
    --indent: -1rem
  }
}

@media only print and (width >=0px) {
  .three-step-entry-slider-layer {
    --padding-x: 0px;
    background-color: transparent;
    position: absolute
  }

  .three-step-entry-slider-layer-content {
    background: var(--color-opacity-light-95);
    border-top-left-radius: 20px;
    padding: 1.8rem 30px 30px;
    position: relative;
    width: calc(min(100%, var(--col-width) * 5 + var(--gap) * (5 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .three-step-entry-slider-layer-content {
    --columns: 12
  }
}

@media only screen and (min-width:1280px) {
  .three-step-entry-slider-layer {
    --padding-x: 0px;
    background-color: transparent;
    position: absolute
  }

  .three-step-entry-slider-layer-content {
    background: var(--color-opacity-light-95);
    border-top-left-radius: 20px;
    padding: 1.8rem 30px 30px;
    position: relative;
    width: calc(min(100%, var(--col-width) * 5 + var(--gap) * (5 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:1280px)and (min-width:600px) {
  .three-step-entry-slider-layer-content {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .three-step-entry-slider-layer {
    --c-padding-y-bg: 2rem
  }
}

@media only screen and (min-width:840px)and (max-width:calc(1280px - 1px)) {
  .three-step-entry-slider-layer {
    --c-padding-y-bg: 2rem
  }
}

@media only screen and (max-width:calc(1280px - 1px)) {
  .three-step-entry-slider {
    --tb-image: var(--transformation-beam-default);
    --tb-ratio: 326/19;
    container-type: inline-size
  }

  .three-step-entry-slider:before {
    aspect-ratio: var(--tb-ratio);
    background-image: var(--tb-image);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: auto;
    margin-bottom: 0;
    min-height: var(--tb-height, 1.8rem);
    width: 100%
  }

  @container (min-width: 600px) {
    .three-step-entry-slider:before {
      --tb-image: var(--transformation-beam-600);
      --tb-ratio: 30/1
    }
  }

  @container (min-width: 840px) {
    .three-step-entry-slider:before {
      --tb-image: var(--transformation-beam-840);
      --tb-ratio: 42/1
    }
  }
}

.contact-teaser {
  --c-padding-y-bg: 0px;
  position: relative
}

.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--padding-x, 0px);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.contact-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.contact-teaser.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, 0px);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.contact-teaser.bg-dark .button--primary,
.contact-teaser.bg-dark .button--primary-positive,
.contact-teaser.bg-dark .button--secondary,
.contact-teaser.bg-dark .button--secondary-positive,
.contact-teaser.bg-dark .button--tertiary,
.contact-teaser.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.contact-teaser.bg-dark .button--primary,
.contact-teaser.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.contact-teaser.bg-dark .button--secondary,
.contact-teaser.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.contact-teaser.bg-dark .button--tertiary,
.contact-teaser.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.contact-teaser.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.contact-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.contact-teaser.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.contact-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.contact-teaser.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.contact-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.contact-teaser.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.contact-teaser.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.contact-teaser.bg-dark,
:where(main)>.contact-teaser.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.contact-teaser.bg-dark+*>*,
:where(main)>.contact-teaser.bg-dark>* {
  --margin-top: initial
}

.contact-teaser.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .contact-teaser.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .contact-teaser.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .contact-teaser.bg-dark.product-header,
  .contact-teaser.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .contact-teaser.bg-dark.product-header,
  .contact-teaser.bg-dark.product-header[class*=bg-],
  .contact-teaser.bg-dark[class*=bg-],
  .contact-teaser.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .contact-teaser.bg-dark.product-header .hintbox-icon img,
  .contact-teaser.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.contact-teaser.bg-dark .details--s9>.details .main-column[class*=bg-],
.contact-teaser.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .contact-teaser.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .contact-teaser.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .contact-teaser.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .contact-teaser.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .contact-teaser.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .contact-teaser.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.contact-teaser.bg-dark .hintbox,
.contact-teaser.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.contact-teaser.bg-dark,
.overlay-content .main-column>.contact-teaser.bg-dark .contact-teaser.bg-dark,
.overlay-content body>.contact-teaser.bg-dark,
.overlay-content>.contact-teaser.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.contact-teaser.bg-dark .contact-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.contact-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content body>.contact-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content>.contact-teaser.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.contact-teaser.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, 0px);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.contact-teaser.bg-dark-accent .button--primary,
.contact-teaser.bg-dark-accent .button--primary-positive,
.contact-teaser.bg-dark-accent .button--secondary,
.contact-teaser.bg-dark-accent .button--secondary-positive,
.contact-teaser.bg-dark-accent .button--tertiary,
.contact-teaser.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.contact-teaser.bg-dark-accent .button--primary,
.contact-teaser.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.contact-teaser.bg-dark-accent .button--secondary,
.contact-teaser.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.contact-teaser.bg-dark-accent .button--tertiary,
.contact-teaser.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.contact-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.contact-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.contact-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.contact-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.contact-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.contact-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.contact-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.contact-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.contact-teaser.bg-dark-accent,
:where(main)>.contact-teaser.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.contact-teaser.bg-dark-accent+*>*,
:where(main)>.contact-teaser.bg-dark-accent>* {
  --margin-top: initial
}

.contact-teaser.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .contact-teaser.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .contact-teaser.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .contact-teaser.bg-dark-accent.product-header,
  .contact-teaser.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .contact-teaser.bg-dark-accent.product-header,
  .contact-teaser.bg-dark-accent.product-header[class*=bg-],
  .contact-teaser.bg-dark-accent[class*=bg-],
  .contact-teaser.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .contact-teaser.bg-dark-accent.product-header .hintbox-icon img,
  .contact-teaser.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.contact-teaser.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.contact-teaser.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .contact-teaser.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .contact-teaser.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .contact-teaser.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .contact-teaser.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .contact-teaser.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .contact-teaser.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.contact-teaser.bg-dark-accent .hintbox,
.contact-teaser.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.contact-teaser.bg-dark-accent,
.overlay-content .main-column>.contact-teaser.bg-dark-accent .contact-teaser.bg-dark-accent,
.overlay-content body>.contact-teaser.bg-dark-accent,
.overlay-content>.contact-teaser.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.contact-teaser.bg-dark-accent .contact-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.contact-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.contact-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.contact-teaser.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.contact-teaser.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, 0px);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.contact-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.contact-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.contact-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.contact-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.contact-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.contact-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.contact-teaser.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.contact-teaser.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.contact-teaser.bg-light-accent,
:where(main)>.contact-teaser.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.contact-teaser.bg-light-accent+*>*,
:where(main)>.contact-teaser.bg-light-accent>* {
  --margin-top: initial
}

.contact-teaser.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .contact-teaser.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .contact-teaser.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .contact-teaser.bg-light-accent.product-header,
  .contact-teaser.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .contact-teaser.bg-light-accent.product-header,
  .contact-teaser.bg-light-accent.product-header[class*=bg-],
  .contact-teaser.bg-light-accent[class*=bg-],
  .contact-teaser.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .contact-teaser.bg-light-accent.product-header .hintbox-icon img,
  .contact-teaser.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.contact-teaser.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.contact-teaser.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .contact-teaser.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .contact-teaser.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .contact-teaser.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .contact-teaser.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .contact-teaser.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .contact-teaser.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.contact-teaser.bg-light-accent .hintbox,
.contact-teaser.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.contact-teaser.bg-light-accent,
.overlay-content .main-column>.contact-teaser.bg-light-accent .contact-teaser.bg-light-accent,
.overlay-content body>.contact-teaser.bg-light-accent,
.overlay-content>.contact-teaser.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.contact-teaser.bg-light-accent .contact-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.contact-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.contact-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.contact-teaser.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.contact-teaser.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, 0px);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.contact-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.contact-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.contact-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.contact-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.contact-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.contact-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.contact-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.contact-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.contact-teaser.bg-light-accent-secondary,
:where(main)>.contact-teaser.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.contact-teaser.bg-light-accent-secondary+*>*,
:where(main)>.contact-teaser.bg-light-accent-secondary>* {
  --margin-top: initial
}

.contact-teaser.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .contact-teaser.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .contact-teaser.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .contact-teaser.bg-light-accent-secondary.product-header,
  .contact-teaser.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .contact-teaser.bg-light-accent-secondary.product-header,
  .contact-teaser.bg-light-accent-secondary.product-header[class*=bg-],
  .contact-teaser.bg-light-accent-secondary[class*=bg-],
  .contact-teaser.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .contact-teaser.bg-light-accent-secondary.product-header .hintbox-icon img,
  .contact-teaser.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.contact-teaser.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.contact-teaser.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .contact-teaser.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .contact-teaser.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .contact-teaser.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .contact-teaser.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .contact-teaser.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .contact-teaser.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.contact-teaser.bg-light-accent-secondary .hintbox,
.contact-teaser.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.contact-teaser.bg-light-accent-secondary,
.overlay-content .main-column>.contact-teaser.bg-light-accent-secondary .contact-teaser.bg-light-accent-secondary,
.overlay-content body>.contact-teaser.bg-light-accent-secondary,
.overlay-content>.contact-teaser.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.contact-teaser.bg-light-accent-secondary .contact-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.contact-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.contact-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.contact-teaser.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.contact-teaser.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, 0px);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.contact-teaser.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.contact-teaser.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.contact-teaser.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.contact-teaser.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.contact-teaser.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.contact-teaser.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.contact-teaser.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.contact-teaser.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.contact-teaser.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.contact-teaser.bg-light,
:where(main)>.contact-teaser.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.contact-teaser.bg-light+*>*,
:where(main)>.contact-teaser.bg-light>* {
  --margin-top: initial
}

.contact-teaser.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .contact-teaser.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .contact-teaser.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .contact-teaser.bg-light.product-header,
  .contact-teaser.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .contact-teaser.bg-light.product-header,
  .contact-teaser.bg-light.product-header[class*=bg-],
  .contact-teaser.bg-light[class*=bg-],
  .contact-teaser.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .contact-teaser.bg-light.product-header .hintbox-icon img,
  .contact-teaser.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.contact-teaser.bg-light .details--s9>.details .main-column[class*=bg-],
.contact-teaser.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .contact-teaser.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .contact-teaser.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .contact-teaser.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .contact-teaser.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .contact-teaser.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .contact-teaser.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.contact-teaser.bg-light .hintbox,
.contact-teaser.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.contact-teaser.bg-light,
.overlay-content .main-column>.contact-teaser.bg-light .contact-teaser.bg-light,
.overlay-content body>.contact-teaser.bg-light,
.overlay-content>.contact-teaser.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.contact-teaser.bg-light .contact-teaser.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.contact-teaser.bg-light .product-label.product-label--overflow,
.overlay-content body>.contact-teaser.bg-light .product-label.product-label--overflow,
.overlay-content>.contact-teaser.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.contact-teaser[class*=bg-]:not([class*=bg-white]) {
  --padding-x: var(--c-spacing-s)
}

.contact-teaser[class*=bg-]:not([class*=bg-white])>:first-child:not(.contact-teaser-img) {
  padding-top: 1.5rem
}

.contact-teaser-img {
  margin-bottom: 1.5rem;
  margin-left: calc(var(--padding-x)*-1);
  margin-right: calc(var(--padding-x)*-1)
}

.contact-teaser-content {
  margin-bottom: 0
}

.contact-teaser-content br+h2,
.contact-teaser-content br+h3,
.contact-teaser-content br+h4,
.contact-teaser-content br+h5,
.contact-teaser-content p+h2,
.contact-teaser-content p+h3,
.contact-teaser-content p+h4,
.contact-teaser-content p+h5 {
  margin-top: 0
}

.contact-teaser-content .additional-info:last-child .space-small,
.contact-teaser-content .contact-teaser-link:last-child .space-small,
.contact-teaser-content .contact-teaser-salutation {
  margin-bottom: 0
}

.contact-teaser-content .space-small {
  margin-bottom: 2rem
}

@media only print and (width >=0px) {
  [class*=bg-] .contact-teaser-content {
    padding-bottom: 2.5rem
  }
}

@media only screen and (min-width:960px) {
  [class*=bg-] .contact-teaser-content {
    padding-bottom: 2.5rem
  }
}

.contact-teaser-job p,
.contact-teaser-salutation {
  margin-bottom: 0
}

.contact-teaser-link {
  margin-bottom: 1.3rem
}

.contact-teaser-link:last-child {
  margin-bottom: 0
}

.contact-teaser-link .hl-4 {
  margin-bottom: .5rem
}

.contact-teaser-link .additional-info p {
  hyphens: auto;
  margin-bottom: 0
}

.contact-teaser-address p {
  margin-bottom: 0
}

.banner .contact-teaser[class*=bg-],
.structure .contact-teaser[class*=bg-] {
  --padding-x: 0px
}

.banner .contact-teaser[class*=bg-],
.banner .contact-teaser[class*=bg-][class*=bg-],
.structure .contact-teaser[class*=bg-],
.structure .contact-teaser[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: inherit;
  --link-color: inherit;
  --link-color-hover: inherit;
  --link-decoration: inherit;
  --button-color: inherit;
  --button-color-hover: inherit;
  --button-bg: inherit;
  --button-bg-hover: inherit;
  --button-color-disabled: inherit;
  --button-bg-disabled: inherit;
  --button-border-color: inherit;
  --button-border-color-hover: inherit;
  --button-border-color-disabled: inherit;
  --button-border-color-focus: inherit;
  --headline-color: inherit
}

.banner .contact-teaser[class*=bg-]>:first-child:not(.contact-teaser-img),
.structure .contact-teaser[class*=bg-]>:first-child:not(.contact-teaser-img) {
  padding-top: 0
}

.banner .contact-teaser[class*=bg-] .contact-teaser-content,
.banner .contact-teaser[class*=bg-] .smk,
.structure .contact-teaser[class*=bg-] .contact-teaser-content,
.structure .contact-teaser[class*=bg-] .smk {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0
}

.marginal-column .contact-teaser,
.marginal-column .contact-teaser[class*=bg-] {
  --padding-x: 0px;
  --c-overflow: var(--gutter)
}

@media only screen and (max-width:calc(960px - 1px)) {

  .marginal-column .contact-teaser,
  .marginal-column .contact-teaser[class*=bg-],
  .marginal-column .contact-teaser[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .marginal-column .contact-teaser .teaser-headline-icon,
  .marginal-column .contact-teaser[class*=bg-] .teaser-headline-icon {
    filter: none
  }
}

@media only print and (width >=0px) {

  .marginal-column .contact-teaser,
  .marginal-column .contact-teaser[class*=bg-] {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-x: 1.5rem;
    --c-padding-t: 0px;
    --c-padding-b: calc(1.5rem + var(--c-padding-b-addition))
  }
}

@media only screen and (min-width:600px) {

  .marginal-column .contact-teaser,
  .marginal-column .contact-teaser[class*=bg-] {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-x: 1.5rem;
    --c-padding-t: 0px;
    --c-padding-b: calc(1.5rem + var(--c-padding-b-addition))
  }
}

@media only print and (width >=0px) {

  .marginal-column .contact-teaser:not([class*=bg-]),
  .marginal-column .contact-teaser[class*=bg-]:not([class*=bg-]) {
    --c-padding-b: 0px;
    --margin-top: 0px
  }

  .marginal-column .contact-teaser.contact-teaser,
  .marginal-column .contact-teaser[class*=bg-].contact-teaser {
    --c-padding-x: 0px;
    --c-padding-b: 0px
  }

  .marginal-column .contact-teaser.contact-teaser .contact-teaser-content,
  .marginal-column .contact-teaser.contact-teaser .smk-1,
  .marginal-column .contact-teaser[class*=bg-].contact-teaser .contact-teaser-content,
  .marginal-column .contact-teaser[class*=bg-].contact-teaser .smk-1 {
    padding: 0 1.5rem
  }

  .marginal-column .contact-teaser.contact-teaser .contact-teaser-content,
  .marginal-column .contact-teaser[class*=bg-].contact-teaser .contact-teaser-content {
    padding-bottom: 2.5rem
  }

  .marginal-column .contact-teaser[class*=bg-]>:first-child:not(.teaser-media-container),
  .marginal-column .contact-teaser[class*=bg-][class*=bg-]>:first-child:not(.teaser-media-container) {
    margin-top: var(--c-padding-x)
  }

  .marginal-column .contact-teaser .teaser-media-container,
  .marginal-column .contact-teaser[class*=bg-] .teaser-media-container {
    margin-inline: calc(-1*var(--c-padding-x));
    max-width: none
  }
}

@media only screen and (min-width:960px) {

  .marginal-column .contact-teaser:not([class*=bg-]),
  .marginal-column .contact-teaser[class*=bg-]:not([class*=bg-]) {
    --c-padding-b: 0px;
    --margin-top: 0px
  }

  .marginal-column .contact-teaser.contact-teaser,
  .marginal-column .contact-teaser[class*=bg-].contact-teaser {
    --c-padding-x: 0px;
    --c-padding-b: 0px
  }

  .marginal-column .contact-teaser.contact-teaser .contact-teaser-content,
  .marginal-column .contact-teaser.contact-teaser .smk-1,
  .marginal-column .contact-teaser[class*=bg-].contact-teaser .contact-teaser-content,
  .marginal-column .contact-teaser[class*=bg-].contact-teaser .smk-1 {
    padding: 0 1.5rem
  }

  .marginal-column .contact-teaser.contact-teaser .contact-teaser-content,
  .marginal-column .contact-teaser[class*=bg-].contact-teaser .contact-teaser-content {
    padding-bottom: 2.5rem
  }

  .marginal-column .contact-teaser[class*=bg-]>:first-child:not(.teaser-media-container),
  .marginal-column .contact-teaser[class*=bg-][class*=bg-]>:first-child:not(.teaser-media-container) {
    margin-top: var(--c-padding-x)
  }

  .marginal-column .contact-teaser .teaser-media-container,
  .marginal-column .contact-teaser[class*=bg-] .teaser-media-container {
    margin-inline: calc(-1*var(--c-padding-x));
    max-width: none
  }
}

@media only print and (width >=0px) {

  .marginal-column .contact-teaser,
  .marginal-column .contact-teaser[class*=bg-] {
    --margin-top: 0px
  }
}

@media only screen and (min-width:600px)and (max-width:calc(1280px - 1px)) {

  .marginal-column .contact-teaser,
  .marginal-column .contact-teaser[class*=bg-] {
    --margin-top: 0px
  }
}

.marginal-column .contact-teaser>:first-child:not(.contact-teaser-img),
.marginal-column .contact-teaser[class*=bg-]>:first-child:not(.contact-teaser-img) {
  padding-top: 1.5rem
}

.contact-teaser address {
  font-style: normal
}

.contact-teaser .smk-1+.contact-teaser-content {
  padding-top: 0
}

.contact-teaser .hl-ms {
  margin-top: 0
}

.contact-teaser .list-link .list-item {
  margin-bottom: 0
}

.contact-teaser .list-item {
  margin-bottom: 1.3rem
}

.contact-teaser .list-item:last-child {
  margin-bottom: 0
}

@media only screen and (max-width:calc(1280px - 1px)) {
  .contact-teaser {
    background-color: transparent
  }
}

@media only print and (width >=0px) {

  .banner .contact-teaser[class*=bg-] .contact-teaser-content,
  .banner .contact-teaser[class*=bg-] .smk-1,
  .structure .contact-teaser[class*=bg-] .contact-teaser-content,
  .structure .contact-teaser[class*=bg-] .smk-1 {
    padding: 0
  }
}

@media only screen and (min-width:960px) {

  .banner .contact-teaser[class*=bg-] .contact-teaser-content,
  .banner .contact-teaser[class*=bg-] .smk-1,
  .structure .contact-teaser[class*=bg-] .contact-teaser-content,
  .structure .contact-teaser[class*=bg-] .smk-1 {
    padding: 0
  }
}

.quote-teaser {
  position: relative
}

.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.quote-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.quote-teaser.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.quote-teaser.bg-dark .button--primary,
.quote-teaser.bg-dark .button--primary-positive,
.quote-teaser.bg-dark .button--secondary,
.quote-teaser.bg-dark .button--secondary-positive,
.quote-teaser.bg-dark .button--tertiary,
.quote-teaser.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.quote-teaser.bg-dark .button--primary,
.quote-teaser.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.quote-teaser.bg-dark .button--secondary,
.quote-teaser.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.quote-teaser.bg-dark .button--tertiary,
.quote-teaser.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.quote-teaser.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.quote-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.quote-teaser.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.quote-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.quote-teaser.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.quote-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.quote-teaser.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.quote-teaser.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.quote-teaser.bg-dark,
:where(main)>.quote-teaser.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.quote-teaser.bg-dark+*>*,
:where(main)>.quote-teaser.bg-dark>* {
  --margin-top: initial
}

.quote-teaser.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .quote-teaser.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .quote-teaser.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .quote-teaser.bg-dark.product-header,
  .quote-teaser.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .quote-teaser.bg-dark.product-header,
  .quote-teaser.bg-dark.product-header[class*=bg-],
  .quote-teaser.bg-dark[class*=bg-],
  .quote-teaser.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .quote-teaser.bg-dark.product-header .hintbox-icon img,
  .quote-teaser.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .quote-teaser.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .quote-teaser.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .quote-teaser.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .quote-teaser.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.quote-teaser.bg-dark .details--s9>.details .main-column[class*=bg-],
.quote-teaser.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .quote-teaser.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .quote-teaser.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.quote-teaser.bg-dark .hintbox,
.quote-teaser.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.quote-teaser.bg-dark,
.overlay-content .main-column>.quote-teaser.bg-dark .quote-teaser.bg-dark,
.overlay-content body>.quote-teaser.bg-dark,
.overlay-content>.quote-teaser.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.quote-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.quote-teaser.bg-dark .quote-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content body>.quote-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content>.quote-teaser.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.quote-teaser.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.quote-teaser.bg-dark-accent .button--primary,
.quote-teaser.bg-dark-accent .button--primary-positive,
.quote-teaser.bg-dark-accent .button--secondary,
.quote-teaser.bg-dark-accent .button--secondary-positive,
.quote-teaser.bg-dark-accent .button--tertiary,
.quote-teaser.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.quote-teaser.bg-dark-accent .button--primary,
.quote-teaser.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.quote-teaser.bg-dark-accent .button--secondary,
.quote-teaser.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.quote-teaser.bg-dark-accent .button--tertiary,
.quote-teaser.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.quote-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.quote-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.quote-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.quote-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.quote-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.quote-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.quote-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.quote-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.quote-teaser.bg-dark-accent,
:where(main)>.quote-teaser.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.quote-teaser.bg-dark-accent+*>*,
:where(main)>.quote-teaser.bg-dark-accent>* {
  --margin-top: initial
}

.quote-teaser.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .quote-teaser.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .quote-teaser.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .quote-teaser.bg-dark-accent.product-header,
  .quote-teaser.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .quote-teaser.bg-dark-accent.product-header,
  .quote-teaser.bg-dark-accent.product-header[class*=bg-],
  .quote-teaser.bg-dark-accent[class*=bg-],
  .quote-teaser.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .quote-teaser.bg-dark-accent.product-header .hintbox-icon img,
  .quote-teaser.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .quote-teaser.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .quote-teaser.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .quote-teaser.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .quote-teaser.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.quote-teaser.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.quote-teaser.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .quote-teaser.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .quote-teaser.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.quote-teaser.bg-dark-accent .hintbox,
.quote-teaser.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.quote-teaser.bg-dark-accent,
.overlay-content .main-column>.quote-teaser.bg-dark-accent .quote-teaser.bg-dark-accent,
.overlay-content body>.quote-teaser.bg-dark-accent,
.overlay-content>.quote-teaser.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.quote-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.quote-teaser.bg-dark-accent .quote-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.quote-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.quote-teaser.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.quote-teaser.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.quote-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.quote-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.quote-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.quote-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.quote-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.quote-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.quote-teaser.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.quote-teaser.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.quote-teaser.bg-light-accent,
:where(main)>.quote-teaser.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.quote-teaser.bg-light-accent+*>*,
:where(main)>.quote-teaser.bg-light-accent>* {
  --margin-top: initial
}

.quote-teaser.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .quote-teaser.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .quote-teaser.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .quote-teaser.bg-light-accent.product-header,
  .quote-teaser.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .quote-teaser.bg-light-accent.product-header,
  .quote-teaser.bg-light-accent.product-header[class*=bg-],
  .quote-teaser.bg-light-accent[class*=bg-],
  .quote-teaser.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .quote-teaser.bg-light-accent.product-header .hintbox-icon img,
  .quote-teaser.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .quote-teaser.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .quote-teaser.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .quote-teaser.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .quote-teaser.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.quote-teaser.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.quote-teaser.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .quote-teaser.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .quote-teaser.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.quote-teaser.bg-light-accent .hintbox,
.quote-teaser.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.quote-teaser.bg-light-accent,
.overlay-content .main-column>.quote-teaser.bg-light-accent .quote-teaser.bg-light-accent,
.overlay-content body>.quote-teaser.bg-light-accent,
.overlay-content>.quote-teaser.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.quote-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.quote-teaser.bg-light-accent .quote-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.quote-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.quote-teaser.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.quote-teaser.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.quote-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.quote-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.quote-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.quote-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.quote-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.quote-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.quote-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.quote-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.quote-teaser.bg-light-accent-secondary,
:where(main)>.quote-teaser.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.quote-teaser.bg-light-accent-secondary+*>*,
:where(main)>.quote-teaser.bg-light-accent-secondary>* {
  --margin-top: initial
}

.quote-teaser.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .quote-teaser.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .quote-teaser.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .quote-teaser.bg-light-accent-secondary.product-header,
  .quote-teaser.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .quote-teaser.bg-light-accent-secondary.product-header,
  .quote-teaser.bg-light-accent-secondary.product-header[class*=bg-],
  .quote-teaser.bg-light-accent-secondary[class*=bg-],
  .quote-teaser.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .quote-teaser.bg-light-accent-secondary.product-header .hintbox-icon img,
  .quote-teaser.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .quote-teaser.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .quote-teaser.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .quote-teaser.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .quote-teaser.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.quote-teaser.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.quote-teaser.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .quote-teaser.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .quote-teaser.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.quote-teaser.bg-light-accent-secondary .hintbox,
.quote-teaser.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.quote-teaser.bg-light-accent-secondary,
.overlay-content .main-column>.quote-teaser.bg-light-accent-secondary .quote-teaser.bg-light-accent-secondary,
.overlay-content body>.quote-teaser.bg-light-accent-secondary,
.overlay-content>.quote-teaser.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.quote-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.quote-teaser.bg-light-accent-secondary .quote-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.quote-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.quote-teaser.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.quote-teaser.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.quote-teaser.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.quote-teaser.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.quote-teaser.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.quote-teaser.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.quote-teaser.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.quote-teaser.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.quote-teaser.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.quote-teaser.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.quote-teaser.bg-light,
:where(main)>.quote-teaser.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.quote-teaser.bg-light+*>*,
:where(main)>.quote-teaser.bg-light>* {
  --margin-top: initial
}

.quote-teaser.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .quote-teaser.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .quote-teaser.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .quote-teaser.bg-light.product-header,
  .quote-teaser.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .quote-teaser.bg-light.product-header,
  .quote-teaser.bg-light.product-header[class*=bg-],
  .quote-teaser.bg-light[class*=bg-],
  .quote-teaser.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .quote-teaser.bg-light.product-header .hintbox-icon img,
  .quote-teaser.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .quote-teaser.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .quote-teaser.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .quote-teaser.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .quote-teaser.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.quote-teaser.bg-light .details--s9>.details .main-column[class*=bg-],
.quote-teaser.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .quote-teaser.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .quote-teaser.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.quote-teaser.bg-light .hintbox,
.quote-teaser.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.quote-teaser.bg-light,
.overlay-content .main-column>.quote-teaser.bg-light .quote-teaser.bg-light,
.overlay-content body>.quote-teaser.bg-light,
.overlay-content>.quote-teaser.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.quote-teaser.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.quote-teaser.bg-light .quote-teaser.bg-light .product-label.product-label--overflow,
.overlay-content body>.quote-teaser.bg-light .product-label.product-label--overflow,
.overlay-content>.quote-teaser.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.quote-teaser-media-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.quote-teaser-media-container.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.quote-teaser-media-container.bg-dark .button--primary,
.quote-teaser-media-container.bg-dark .button--primary-positive,
.quote-teaser-media-container.bg-dark .button--secondary,
.quote-teaser-media-container.bg-dark .button--secondary-positive,
.quote-teaser-media-container.bg-dark .button--tertiary,
.quote-teaser-media-container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.quote-teaser-media-container.bg-dark .button--primary,
.quote-teaser-media-container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.quote-teaser-media-container.bg-dark .button--secondary,
.quote-teaser-media-container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.quote-teaser-media-container.bg-dark .button--tertiary,
.quote-teaser-media-container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.quote-teaser-media-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.quote-teaser-media-container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.quote-teaser-media-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.quote-teaser-media-container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.quote-teaser-media-container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.quote-teaser-media-container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.quote-teaser-media-container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.quote-teaser-media-container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.quote-teaser-media-container.bg-dark,
:where(main)>.quote-teaser-media-container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.quote-teaser-media-container.bg-dark+*>*,
:where(main)>.quote-teaser-media-container.bg-dark>* {
  --margin-top: initial
}

.quote-teaser-media-container.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.quote-teaser-media-container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .quote-teaser-media-container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .quote-teaser-media-container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .quote-teaser-media-container.bg-dark.product-header,
  .quote-teaser-media-container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .quote-teaser-media-container.bg-dark.product-header,
  .quote-teaser-media-container.bg-dark.product-header[class*=bg-],
  .quote-teaser-media-container.bg-dark[class*=bg-],
  .quote-teaser-media-container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .quote-teaser-media-container.bg-dark.product-header .hintbox-icon img,
  .quote-teaser-media-container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .quote-teaser-media-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .quote-teaser-media-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .quote-teaser-media-container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .quote-teaser-media-container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.quote-teaser-media-container.bg-dark .details--s9>.details .main-column[class*=bg-],
.quote-teaser-media-container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .quote-teaser-media-container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .quote-teaser-media-container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.quote-teaser-media-container.bg-dark .hintbox,
.quote-teaser-media-container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.quote-teaser-media-container.bg-dark,
.overlay-content .main-column>.quote-teaser-media-container.bg-dark .quote-teaser-media-container.bg-dark,
.overlay-content body>.quote-teaser-media-container.bg-dark,
.overlay-content>.quote-teaser-media-container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.quote-teaser-media-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.quote-teaser-media-container.bg-dark .quote-teaser-media-container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.quote-teaser-media-container.bg-dark .product-label.product-label--overflow,
.overlay-content>.quote-teaser-media-container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.quote-teaser-media-container.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.quote-teaser-media-container.bg-dark-accent .button--primary,
.quote-teaser-media-container.bg-dark-accent .button--primary-positive,
.quote-teaser-media-container.bg-dark-accent .button--secondary,
.quote-teaser-media-container.bg-dark-accent .button--secondary-positive,
.quote-teaser-media-container.bg-dark-accent .button--tertiary,
.quote-teaser-media-container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.quote-teaser-media-container.bg-dark-accent .button--primary,
.quote-teaser-media-container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.quote-teaser-media-container.bg-dark-accent .button--secondary,
.quote-teaser-media-container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.quote-teaser-media-container.bg-dark-accent .button--tertiary,
.quote-teaser-media-container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.quote-teaser-media-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.quote-teaser-media-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.quote-teaser-media-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.quote-teaser-media-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.quote-teaser-media-container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.quote-teaser-media-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.quote-teaser-media-container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.quote-teaser-media-container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.quote-teaser-media-container.bg-dark-accent,
:where(main)>.quote-teaser-media-container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.quote-teaser-media-container.bg-dark-accent+*>*,
:where(main)>.quote-teaser-media-container.bg-dark-accent>* {
  --margin-top: initial
}

.quote-teaser-media-container.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.quote-teaser-media-container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .quote-teaser-media-container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .quote-teaser-media-container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .quote-teaser-media-container.bg-dark-accent.product-header,
  .quote-teaser-media-container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .quote-teaser-media-container.bg-dark-accent.product-header,
  .quote-teaser-media-container.bg-dark-accent.product-header[class*=bg-],
  .quote-teaser-media-container.bg-dark-accent[class*=bg-],
  .quote-teaser-media-container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .quote-teaser-media-container.bg-dark-accent.product-header .hintbox-icon img,
  .quote-teaser-media-container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .quote-teaser-media-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .quote-teaser-media-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .quote-teaser-media-container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .quote-teaser-media-container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.quote-teaser-media-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.quote-teaser-media-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .quote-teaser-media-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .quote-teaser-media-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.quote-teaser-media-container.bg-dark-accent .hintbox,
.quote-teaser-media-container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.quote-teaser-media-container.bg-dark-accent,
.overlay-content .main-column>.quote-teaser-media-container.bg-dark-accent .quote-teaser-media-container.bg-dark-accent,
.overlay-content body>.quote-teaser-media-container.bg-dark-accent,
.overlay-content>.quote-teaser-media-container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.quote-teaser-media-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.quote-teaser-media-container.bg-dark-accent .quote-teaser-media-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.quote-teaser-media-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.quote-teaser-media-container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.quote-teaser-media-container.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.quote-teaser-media-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.quote-teaser-media-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.quote-teaser-media-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.quote-teaser-media-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.quote-teaser-media-container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.quote-teaser-media-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.quote-teaser-media-container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.quote-teaser-media-container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.quote-teaser-media-container.bg-light-accent,
:where(main)>.quote-teaser-media-container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.quote-teaser-media-container.bg-light-accent+*>*,
:where(main)>.quote-teaser-media-container.bg-light-accent>* {
  --margin-top: initial
}

.quote-teaser-media-container.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.quote-teaser-media-container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .quote-teaser-media-container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .quote-teaser-media-container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .quote-teaser-media-container.bg-light-accent.product-header,
  .quote-teaser-media-container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .quote-teaser-media-container.bg-light-accent.product-header,
  .quote-teaser-media-container.bg-light-accent.product-header[class*=bg-],
  .quote-teaser-media-container.bg-light-accent[class*=bg-],
  .quote-teaser-media-container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .quote-teaser-media-container.bg-light-accent.product-header .hintbox-icon img,
  .quote-teaser-media-container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .quote-teaser-media-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .quote-teaser-media-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .quote-teaser-media-container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .quote-teaser-media-container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.quote-teaser-media-container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.quote-teaser-media-container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .quote-teaser-media-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .quote-teaser-media-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.quote-teaser-media-container.bg-light-accent .hintbox,
.quote-teaser-media-container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.quote-teaser-media-container.bg-light-accent,
.overlay-content .main-column>.quote-teaser-media-container.bg-light-accent .quote-teaser-media-container.bg-light-accent,
.overlay-content body>.quote-teaser-media-container.bg-light-accent,
.overlay-content>.quote-teaser-media-container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.quote-teaser-media-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.quote-teaser-media-container.bg-light-accent .quote-teaser-media-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.quote-teaser-media-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.quote-teaser-media-container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.quote-teaser-media-container.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.quote-teaser-media-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.quote-teaser-media-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.quote-teaser-media-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.quote-teaser-media-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.quote-teaser-media-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.quote-teaser-media-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.quote-teaser-media-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.quote-teaser-media-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.quote-teaser-media-container.bg-light-accent-secondary,
:where(main)>.quote-teaser-media-container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.quote-teaser-media-container.bg-light-accent-secondary+*>*,
:where(main)>.quote-teaser-media-container.bg-light-accent-secondary>* {
  --margin-top: initial
}

.quote-teaser-media-container.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.quote-teaser-media-container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .quote-teaser-media-container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .quote-teaser-media-container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .quote-teaser-media-container.bg-light-accent-secondary.product-header,
  .quote-teaser-media-container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .quote-teaser-media-container.bg-light-accent-secondary.product-header,
  .quote-teaser-media-container.bg-light-accent-secondary.product-header[class*=bg-],
  .quote-teaser-media-container.bg-light-accent-secondary[class*=bg-],
  .quote-teaser-media-container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .quote-teaser-media-container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .quote-teaser-media-container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .quote-teaser-media-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .quote-teaser-media-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .quote-teaser-media-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .quote-teaser-media-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.quote-teaser-media-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.quote-teaser-media-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .quote-teaser-media-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .quote-teaser-media-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.quote-teaser-media-container.bg-light-accent-secondary .hintbox,
.quote-teaser-media-container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.quote-teaser-media-container.bg-light-accent-secondary,
.overlay-content .main-column>.quote-teaser-media-container.bg-light-accent-secondary .quote-teaser-media-container.bg-light-accent-secondary,
.overlay-content body>.quote-teaser-media-container.bg-light-accent-secondary,
.overlay-content>.quote-teaser-media-container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.quote-teaser-media-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.quote-teaser-media-container.bg-light-accent-secondary .quote-teaser-media-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.quote-teaser-media-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.quote-teaser-media-container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.quote-teaser-media-container.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.quote-teaser-media-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.quote-teaser-media-container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.quote-teaser-media-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.quote-teaser-media-container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.quote-teaser-media-container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.quote-teaser-media-container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.quote-teaser-media-container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.quote-teaser-media-container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.quote-teaser-media-container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.quote-teaser-media-container.bg-light,
:where(main)>.quote-teaser-media-container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.quote-teaser-media-container.bg-light+*>*,
:where(main)>.quote-teaser-media-container.bg-light>* {
  --margin-top: initial
}

.quote-teaser-media-container.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.quote-teaser-media-container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .quote-teaser-media-container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .quote-teaser-media-container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .quote-teaser-media-container.bg-light.product-header,
  .quote-teaser-media-container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .quote-teaser-media-container.bg-light.product-header,
  .quote-teaser-media-container.bg-light.product-header[class*=bg-],
  .quote-teaser-media-container.bg-light[class*=bg-],
  .quote-teaser-media-container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .quote-teaser-media-container.bg-light.product-header .hintbox-icon img,
  .quote-teaser-media-container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .quote-teaser-media-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .quote-teaser-media-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .quote-teaser-media-container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .quote-teaser-media-container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.quote-teaser-media-container.bg-light .details--s9>.details .main-column[class*=bg-],
.quote-teaser-media-container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .quote-teaser-media-container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .quote-teaser-media-container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.quote-teaser-media-container.bg-light .hintbox,
.quote-teaser-media-container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.quote-teaser-media-container.bg-light,
.overlay-content .main-column>.quote-teaser-media-container.bg-light .quote-teaser-media-container.bg-light,
.overlay-content body>.quote-teaser-media-container.bg-light,
.overlay-content>.quote-teaser-media-container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.quote-teaser-media-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.quote-teaser-media-container.bg-light .quote-teaser-media-container.bg-light .product-label.product-label--overflow,
.overlay-content body>.quote-teaser-media-container.bg-light .product-label.product-label--overflow,
.overlay-content>.quote-teaser-media-container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.quote-teaser-media-container {
  align-items: center;
  aspect-ratio: 16/9;
  display: flex;
  justify-content: center;
  margin-top: var(--space-top);
  overflow: hidden
}

@media only screen and (max-width:calc(960px - 1px)) {
  .quote-teaser-media-container .image picture {
    aspect-ratio: 16/9
  }
}

@media only print and (width >=0px) {
  .quote-teaser-media-container {
    aspect-ratio: 5/2
  }
}

@media only screen and (min-width:960px) {
  .quote-teaser-media-container {
    aspect-ratio: 5/2
  }
}

.quote-teaser-box {
  margin-top: -3rem;
  padding: 20px 20px 30px;
  position: relative;
  z-index: 1;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

@media only print and (width >=0px) {
  .quote-teaser-box {
    margin-top: -6rem
  }
}

@media only screen and (min-width:600px) {
  .quote-teaser-box {
    margin-top: -6rem
  }
}

@media only print and (width >=0px) {
  .quote-teaser-box {
    left: 0;
    margin-top: 0;
    max-height: 95%;
    min-height: 15rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(min(100%, var(--col-width) * 6 + var(--gap) * (6 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .quote-teaser-box {
    --columns: 12
  }
}

@media only screen and (min-width:840px) {
  .quote-teaser-box {
    left: 0;
    margin-top: 0;
    max-height: 95%;
    min-height: 15rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(min(100%, var(--col-width) * 6 + var(--gap) * (6 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:840px)and (min-width:600px) {
  .quote-teaser-box {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .quote-teaser-box {
    margin-left: calc(var(--col-width) + var(--gap))
  }
}

@media only screen and (min-width:1280px) {
  .quote-teaser-box {
    margin-left: calc(var(--col-width) + var(--gap))
  }
}

@media only print and (width >=0px) {
  .quote-teaser {
    --space-top: 5rem
  }
}

@media only screen and (min-width:840px) {
  .quote-teaser {
    --space-top: 5rem
  }
}

@media only print and (width >=0px) {
  .quote-teaser {
    --space-top: 6rem
  }
}

@media only screen and (min-width:1280px) {
  .quote-teaser {
    --space-top: 6rem
  }
}

.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.headline-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.headline-teaser.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.headline-teaser.bg-dark .button--primary,
.headline-teaser.bg-dark .button--primary-positive,
.headline-teaser.bg-dark .button--secondary,
.headline-teaser.bg-dark .button--secondary-positive,
.headline-teaser.bg-dark .button--tertiary,
.headline-teaser.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.headline-teaser.bg-dark .button--primary,
.headline-teaser.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.headline-teaser.bg-dark .button--secondary,
.headline-teaser.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.headline-teaser.bg-dark .button--tertiary,
.headline-teaser.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.headline-teaser.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.headline-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.headline-teaser.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.headline-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.headline-teaser.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.headline-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.headline-teaser.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.headline-teaser.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.headline-teaser.bg-dark,
:where(main)>.headline-teaser.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.headline-teaser.bg-dark+*>*,
:where(main)>.headline-teaser.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .headline-teaser.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .headline-teaser.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.headline-teaser.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.headline-teaser.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .headline-teaser.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .headline-teaser.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .headline-teaser.bg-dark.product-header,
  .headline-teaser.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .headline-teaser.bg-dark.product-header,
  .headline-teaser.bg-dark.product-header[class*=bg-],
  .headline-teaser.bg-dark[class*=bg-],
  .headline-teaser.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .headline-teaser.bg-dark.product-header .hintbox-icon img,
  .headline-teaser.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.headline-teaser.bg-dark .details--s9>.details .main-column[class*=bg-],
.headline-teaser.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .headline-teaser.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .headline-teaser.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .headline-teaser.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .headline-teaser.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .headline-teaser.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .headline-teaser.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.headline-teaser.bg-dark .hintbox,
.headline-teaser.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.headline-teaser.bg-dark,
.overlay-content .main-column>.headline-teaser.bg-dark .headline-teaser.bg-dark,
.overlay-content body>.headline-teaser.bg-dark,
.overlay-content>.headline-teaser.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.headline-teaser.bg-dark .headline-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.headline-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content body>.headline-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content>.headline-teaser.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.headline-teaser.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.headline-teaser.bg-dark-accent .button--primary,
.headline-teaser.bg-dark-accent .button--primary-positive,
.headline-teaser.bg-dark-accent .button--secondary,
.headline-teaser.bg-dark-accent .button--secondary-positive,
.headline-teaser.bg-dark-accent .button--tertiary,
.headline-teaser.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.headline-teaser.bg-dark-accent .button--primary,
.headline-teaser.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.headline-teaser.bg-dark-accent .button--secondary,
.headline-teaser.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.headline-teaser.bg-dark-accent .button--tertiary,
.headline-teaser.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.headline-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.headline-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.headline-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.headline-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.headline-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.headline-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.headline-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.headline-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.headline-teaser.bg-dark-accent,
:where(main)>.headline-teaser.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.headline-teaser.bg-dark-accent+*>*,
:where(main)>.headline-teaser.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .headline-teaser.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .headline-teaser.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.headline-teaser.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.headline-teaser.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .headline-teaser.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .headline-teaser.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .headline-teaser.bg-dark-accent.product-header,
  .headline-teaser.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .headline-teaser.bg-dark-accent.product-header,
  .headline-teaser.bg-dark-accent.product-header[class*=bg-],
  .headline-teaser.bg-dark-accent[class*=bg-],
  .headline-teaser.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .headline-teaser.bg-dark-accent.product-header .hintbox-icon img,
  .headline-teaser.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.headline-teaser.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.headline-teaser.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .headline-teaser.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .headline-teaser.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .headline-teaser.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .headline-teaser.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .headline-teaser.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .headline-teaser.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.headline-teaser.bg-dark-accent .hintbox,
.headline-teaser.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.headline-teaser.bg-dark-accent,
.overlay-content .main-column>.headline-teaser.bg-dark-accent .headline-teaser.bg-dark-accent,
.overlay-content body>.headline-teaser.bg-dark-accent,
.overlay-content>.headline-teaser.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.headline-teaser.bg-dark-accent .headline-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.headline-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.headline-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.headline-teaser.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.headline-teaser.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.headline-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.headline-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.headline-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.headline-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.headline-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.headline-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.headline-teaser.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.headline-teaser.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.headline-teaser.bg-light-accent,
:where(main)>.headline-teaser.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.headline-teaser.bg-light-accent+*>*,
:where(main)>.headline-teaser.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .headline-teaser.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .headline-teaser.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.headline-teaser.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.headline-teaser.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .headline-teaser.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .headline-teaser.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .headline-teaser.bg-light-accent.product-header,
  .headline-teaser.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .headline-teaser.bg-light-accent.product-header,
  .headline-teaser.bg-light-accent.product-header[class*=bg-],
  .headline-teaser.bg-light-accent[class*=bg-],
  .headline-teaser.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .headline-teaser.bg-light-accent.product-header .hintbox-icon img,
  .headline-teaser.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.headline-teaser.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.headline-teaser.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .headline-teaser.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .headline-teaser.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .headline-teaser.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .headline-teaser.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .headline-teaser.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .headline-teaser.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.headline-teaser.bg-light-accent .hintbox,
.headline-teaser.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.headline-teaser.bg-light-accent,
.overlay-content .main-column>.headline-teaser.bg-light-accent .headline-teaser.bg-light-accent,
.overlay-content body>.headline-teaser.bg-light-accent,
.overlay-content>.headline-teaser.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.headline-teaser.bg-light-accent .headline-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.headline-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.headline-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.headline-teaser.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.headline-teaser.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.headline-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.headline-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.headline-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.headline-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.headline-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.headline-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.headline-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.headline-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.headline-teaser.bg-light-accent-secondary,
:where(main)>.headline-teaser.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.headline-teaser.bg-light-accent-secondary+*>*,
:where(main)>.headline-teaser.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .headline-teaser.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .headline-teaser.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.headline-teaser.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.headline-teaser.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .headline-teaser.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .headline-teaser.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .headline-teaser.bg-light-accent-secondary.product-header,
  .headline-teaser.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .headline-teaser.bg-light-accent-secondary.product-header,
  .headline-teaser.bg-light-accent-secondary.product-header[class*=bg-],
  .headline-teaser.bg-light-accent-secondary[class*=bg-],
  .headline-teaser.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .headline-teaser.bg-light-accent-secondary.product-header .hintbox-icon img,
  .headline-teaser.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.headline-teaser.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.headline-teaser.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .headline-teaser.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .headline-teaser.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .headline-teaser.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .headline-teaser.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .headline-teaser.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .headline-teaser.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.headline-teaser.bg-light-accent-secondary .hintbox,
.headline-teaser.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.headline-teaser.bg-light-accent-secondary,
.overlay-content .main-column>.headline-teaser.bg-light-accent-secondary .headline-teaser.bg-light-accent-secondary,
.overlay-content body>.headline-teaser.bg-light-accent-secondary,
.overlay-content>.headline-teaser.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.headline-teaser.bg-light-accent-secondary .headline-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.headline-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.headline-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.headline-teaser.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.headline-teaser.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.headline-teaser.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.headline-teaser.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.headline-teaser.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.headline-teaser.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.headline-teaser.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.headline-teaser.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.headline-teaser.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.headline-teaser.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.headline-teaser.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.headline-teaser.bg-light,
:where(main)>.headline-teaser.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.headline-teaser.bg-light+*>*,
:where(main)>.headline-teaser.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .headline-teaser.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .headline-teaser.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.headline-teaser.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.headline-teaser.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .headline-teaser.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .headline-teaser.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .headline-teaser.bg-light.product-header,
  .headline-teaser.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .headline-teaser.bg-light.product-header,
  .headline-teaser.bg-light.product-header[class*=bg-],
  .headline-teaser.bg-light[class*=bg-],
  .headline-teaser.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .headline-teaser.bg-light.product-header .hintbox-icon img,
  .headline-teaser.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.headline-teaser.bg-light .details--s9>.details .main-column[class*=bg-],
.headline-teaser.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .headline-teaser.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .headline-teaser.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .headline-teaser.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .headline-teaser.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .headline-teaser.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .headline-teaser.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.headline-teaser.bg-light .hintbox,
.headline-teaser.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.headline-teaser.bg-light,
.overlay-content .main-column>.headline-teaser.bg-light .headline-teaser.bg-light,
.overlay-content body>.headline-teaser.bg-light,
.overlay-content>.headline-teaser.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.headline-teaser.bg-light .headline-teaser.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.headline-teaser.bg-light .product-label.product-label--overflow,
.overlay-content body>.headline-teaser.bg-light .product-label.product-label--overflow,
.overlay-content>.headline-teaser.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.teaser {
  --c-overflow: 0px
}

.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: var(--padding-x)
}

.details.details--acc1 .details-content>.main-column>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.teaser.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x)
}

.teaser.bg-dark .button--primary,
.teaser.bg-dark .button--primary-positive,
.teaser.bg-dark .button--secondary,
.teaser.bg-dark .button--secondary-positive,
.teaser.bg-dark .button--tertiary,
.teaser.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.teaser.bg-dark .button--primary,
.teaser.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.teaser.bg-dark .button--secondary,
.teaser.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.teaser.bg-dark .button--tertiary,
.teaser.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.teaser.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.teaser.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.teaser.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.teaser.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.teaser.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.teaser.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.teaser.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.teaser.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.teaser.bg-dark,
:where(main)>.teaser.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.teaser.bg-dark+*>*,
:where(main)>.teaser.bg-dark>* {
  --margin-top: initial
}

.teaser.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.teaser.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .teaser.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .teaser.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .teaser.bg-dark.product-header,
  .teaser.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .teaser.bg-dark.product-header,
  .teaser.bg-dark.product-header[class*=bg-],
  .teaser.bg-dark[class*=bg-],
  .teaser.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .teaser.bg-dark.product-header .hintbox-icon img,
  .teaser.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .teaser.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .teaser.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .teaser.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .teaser.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.teaser.bg-dark .details--s9>.details .main-column[class*=bg-],
.teaser.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .teaser.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .teaser.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.teaser.bg-dark .hintbox,
.teaser.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.teaser.bg-dark,
.overlay-content .main-column>.teaser.bg-dark .teaser.bg-dark,
.overlay-content body>.teaser.bg-dark,
.overlay-content>.teaser.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.teaser.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.teaser.bg-dark .teaser.bg-dark .product-label.product-label--overflow,
.overlay-content body>.teaser.bg-dark .product-label.product-label--overflow,
.overlay-content>.teaser.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.teaser.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x)
}

.teaser.bg-dark-accent .button--primary,
.teaser.bg-dark-accent .button--primary-positive,
.teaser.bg-dark-accent .button--secondary,
.teaser.bg-dark-accent .button--secondary-positive,
.teaser.bg-dark-accent .button--tertiary,
.teaser.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.teaser.bg-dark-accent .button--primary,
.teaser.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.teaser.bg-dark-accent .button--secondary,
.teaser.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.teaser.bg-dark-accent .button--tertiary,
.teaser.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.teaser.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.teaser.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.teaser.bg-dark-accent,
:where(main)>.teaser.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.teaser.bg-dark-accent+*>*,
:where(main)>.teaser.bg-dark-accent>* {
  --margin-top: initial
}

.teaser.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.teaser.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .teaser.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .teaser.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .teaser.bg-dark-accent.product-header,
  .teaser.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .teaser.bg-dark-accent.product-header,
  .teaser.bg-dark-accent.product-header[class*=bg-],
  .teaser.bg-dark-accent[class*=bg-],
  .teaser.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .teaser.bg-dark-accent.product-header .hintbox-icon img,
  .teaser.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .teaser.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .teaser.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .teaser.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .teaser.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.teaser.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.teaser.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .teaser.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .teaser.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.teaser.bg-dark-accent .hintbox,
.teaser.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.teaser.bg-dark-accent,
.overlay-content .main-column>.teaser.bg-dark-accent .teaser.bg-dark-accent,
.overlay-content body>.teaser.bg-dark-accent,
.overlay-content>.teaser.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.teaser.bg-dark-accent .teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.teaser.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.teaser.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x)
}

.details.details--acc1 .details-content>.main-column>.teaser.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.teaser.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.teaser.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.teaser.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.teaser.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.teaser.bg-light-accent,
:where(main)>.teaser.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.teaser.bg-light-accent+*>*,
:where(main)>.teaser.bg-light-accent>* {
  --margin-top: initial
}

.teaser.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.teaser.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .teaser.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .teaser.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .teaser.bg-light-accent.product-header,
  .teaser.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .teaser.bg-light-accent.product-header,
  .teaser.bg-light-accent.product-header[class*=bg-],
  .teaser.bg-light-accent[class*=bg-],
  .teaser.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .teaser.bg-light-accent.product-header .hintbox-icon img,
  .teaser.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .teaser.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .teaser.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .teaser.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .teaser.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.teaser.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.teaser.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .teaser.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .teaser.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.teaser.bg-light-accent .hintbox,
.teaser.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.teaser.bg-light-accent,
.overlay-content .main-column>.teaser.bg-light-accent .teaser.bg-light-accent,
.overlay-content body>.teaser.bg-light-accent,
.overlay-content>.teaser.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.teaser.bg-light-accent .teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.teaser.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.teaser.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x)
}

.details.details--acc1 .details-content>.main-column>.teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.teaser.bg-light-accent-secondary,
:where(main)>.teaser.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.teaser.bg-light-accent-secondary+*>*,
:where(main)>.teaser.bg-light-accent-secondary>* {
  --margin-top: initial
}

.teaser.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.teaser.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .teaser.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .teaser.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .teaser.bg-light-accent-secondary.product-header,
  .teaser.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .teaser.bg-light-accent-secondary.product-header,
  .teaser.bg-light-accent-secondary.product-header[class*=bg-],
  .teaser.bg-light-accent-secondary[class*=bg-],
  .teaser.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .teaser.bg-light-accent-secondary.product-header .hintbox-icon img,
  .teaser.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .teaser.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .teaser.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .teaser.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .teaser.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.teaser.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.teaser.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .teaser.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .teaser.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.teaser.bg-light-accent-secondary .hintbox,
.teaser.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.teaser.bg-light-accent-secondary,
.overlay-content .main-column>.teaser.bg-light-accent-secondary .teaser.bg-light-accent-secondary,
.overlay-content body>.teaser.bg-light-accent-secondary,
.overlay-content>.teaser.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.teaser.bg-light-accent-secondary .teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.teaser.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.teaser.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x)
}

.details.details--acc1 .details-content>.main-column>.teaser.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.teaser.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.teaser.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.teaser.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.teaser.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.teaser.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.teaser.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.teaser.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.teaser.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.teaser.bg-light,
:where(main)>.teaser.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.teaser.bg-light+*>*,
:where(main)>.teaser.bg-light>* {
  --margin-top: initial
}

.teaser.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.teaser.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .teaser.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .teaser.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .teaser.bg-light.product-header,
  .teaser.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .teaser.bg-light.product-header,
  .teaser.bg-light.product-header[class*=bg-],
  .teaser.bg-light[class*=bg-],
  .teaser.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .teaser.bg-light.product-header .hintbox-icon img,
  .teaser.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .teaser.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .teaser.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .teaser.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .teaser.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.teaser.bg-light .details--s9>.details .main-column[class*=bg-],
.teaser.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .teaser.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .teaser.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.teaser.bg-light .hintbox,
.teaser.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.teaser.bg-light,
.overlay-content .main-column>.teaser.bg-light .teaser.bg-light,
.overlay-content body>.teaser.bg-light,
.overlay-content>.teaser.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.teaser.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.teaser.bg-light .teaser.bg-light .product-label.product-label--overflow,
.overlay-content body>.teaser.bg-light .product-label.product-label--overflow,
.overlay-content>.teaser.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.teaser {
  display: grid;
  gap: 0 var(--gap);
  grid-auto-rows: min-content;
  width: 100%
}

@media only print and (width >=0px) {
  .structure.structure--z7 .teaser:not(.teaser--tool) {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .structure.structure--z7 .teaser:not(.teaser--tool) .teaser-sub {
    display: flex;
    font-weight: 400;
    grid-column: 1/-1;
    grid-row: 1
  }

  .structure.structure--z7 .teaser:not(.teaser--tool) .teaser-media-container {
    grid-column: 1/span 1
  }

  .structure.structure--z7 .teaser:not(.teaser--tool) .teaser-content {
    grid-column: 2/span 1;
    margin-top: 0
  }
}

@media only screen and (min-width:840px) {
  .structure.structure--z7 .teaser:not(.teaser--tool) {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .structure.structure--z7 .teaser:not(.teaser--tool) .teaser-sub {
    display: flex;
    font-weight: 400;
    grid-column: 1/-1;
    grid-row: 1
  }

  .structure.structure--z7 .teaser:not(.teaser--tool) .teaser-media-container {
    grid-column: 1/span 1
  }

  .structure.structure--z7 .teaser:not(.teaser--tool) .teaser-content {
    grid-column: 2/span 1;
    margin-top: 0
  }
}

.teaser-sub {
  display: flex;
  font-weight: 400;
  line-height: 1
}

.teaser-media-container+.teaser-content {
  margin-top: 1.5rem
}

.teaser-media-container {
  align-items: center;
  aspect-ratio: 16/9;
  display: flex;
  justify-content: center;
  max-width: 100%;
  min-width: 100%;
  overflow: hidden;
  position: relative
}

.teaser-media-container figure {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media only print and (width >=0px) {
  .teaser-media-container {
    margin-bottom: 0
  }
}

@media only screen and (min-width:600px) {
  .teaser-media-container {
    margin-bottom: 0
  }
}

.teaser-content {
  gap: var(--space-x-small);
  margin-top: .5rem
}

.teaser-content,
.teaser-content-text-container {
  display: grid;
  grid-auto-rows: min-content
}

.teaser-content-text+.teaser-content-link {
  margin-top: var(--space-small)
}

.teaser-content-button+.teaser-content-text,
.teaser-content-text+.teaser-content-button {
  margin-top: var(--space-medium)
}

.teaser-content-link+.teaser-content-text>:first-child,
.teaser-content-text ol.list,
.teaser-content-text ul.list,
.teaser-content-text+.teaser-content-text {
  margin-top: var(--space-small)
}

.teaser-content-text ol.list:first-child,
.teaser-content-text ul.list:first-child {
  margin-top: 0
}

.teaser-content-text ol.list+ol,
.teaser-content-text ol.list+ul,
.teaser-content-text ul.list+ol,
.teaser-content-text ul.list+ul {
  margin-top: var(--space-small)
}

@media only print and (width >=0px) {

  .teaser-content-link+.teaser-content-text>ol:first-child,
  .teaser-content-link+.teaser-content-text>ul:first-child {
    margin-top: 1.3rem
  }
}

@media only screen and (min-width:0) {

  .teaser-content-link+.teaser-content-text>ol:first-child,
  .teaser-content-link+.teaser-content-text>ul:first-child {
    margin-top: 1.3rem
  }
}

@media only screen and (max-width:calc(600px - 1px)) {
  .teaser-content .teaser-content-link:has(.link[data-type=slidePresenter]) {
    display: none
  }
}

.teaser-headline {
  --gap: 0.5rem
}

.teaser-headline-icon {
  display: flex;
  float: left;
  margin-right: var(--gap);
  width: calc(var(--font-size) + .6rem)
}

.bg-dark .teaser-headline-icon,
.bg-dark-accent .teaser-headline-icon {
  filter: brightness(0) invert(1)
}

.teaser-headline .hl-3 {
  --gap: 1rem
}

.teaser-headline .hl-4 {
  --gap: 0.7rem
}

@media only screen and (max-width:calc(960px - 1px)) {
  .teaser-headline-icon {
    --font-size: 1.8em
  }

  .teaser-headline .hl-ms {
    --gap: 0.7rem
  }
}

.teaser.teaser--align-links {
  grid-auto-rows: min-content min-content auto
}

.teaser.teaser--align-links .teaser-content {
  gap: var(--space-small);
  grid-auto-rows: min-content auto
}

.teaser.teaser--align-links .teaser-content-text-container {
  align-items: flex-end;
  grid-auto-rows: auto
}

.structure.structure--z6 .teaser--text.teaser[class*=bg-] {
  background-color: transparent
}

.structure.structure--z6 .teaser--text .teaser-headline [class*=hl-] {
  --margin-bottom: 1rem;
  --font-size: 2.4rem;
  --letter-spacing: -0.5px;
  --line-height: 1.3;
  --font-weight: 500
}

@media only print and (width >=0px) {
  .structure.structure--z6 .teaser--text .teaser-headline [class*=hl-] {
    --font-size: 2.6rem;
    --letter-spacing: 0;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {
  .structure.structure--z6 .teaser--text .teaser-headline [class*=hl-] {
    --font-size: 2.6rem;
    --letter-spacing: 0;
    --font-weight: 500
  }
}

.structure.structure--z6:not([class*=bg-]) .teaser--text {
  --c-overflow: 0px;
  --padding-x: 0px;
  background-color: transparent
}

.page-s12 .structure.structure--z6:not([class*=bg-]) .teaser--text {
  border-bottom: 1px solid var(--color-line-8);
  border-top: 1px solid var(--color-line-8);
  padding-bottom: calc(var(--c-padding-y-bg) + var(--c-padding-b-addition));
  padding-top: var(--c-padding-y-bg)
}

:not(.marginal-column, .dwik-content-right)>.teaser[class*=bg-] {
  --c-padding-y-bg: 0px;
  --c-padding-b-addition: 0px;
  background-color: transparent;
  color: inherit;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

:not(.marginal-column, .dwik-content-right)>.teaser[class*=bg-] .teaser-headline-icon {
  filter: none
}

.marginal-column>.teaser {
  --c-overflow: var(--gutter)
}

@media only screen and (max-width:calc(960px - 1px)) {

  .marginal-column>.teaser,
  .marginal-column>.teaser[class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .marginal-column>.teaser .teaser-headline-icon {
    filter: none
  }
}

@media only print and (width >=0px) {
  .marginal-column>.teaser {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-x: 1.5rem;
    --c-padding-t: 0px;
    --c-padding-b: calc(1.5rem + var(--c-padding-b-addition))
  }
}

@media only screen and (min-width:600px) {
  .marginal-column>.teaser {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-x: 1.5rem;
    --c-padding-t: 0px;
    --c-padding-b: calc(1.5rem + var(--c-padding-b-addition))
  }
}

@media only print and (width >=0px) {
  .marginal-column>.teaser:not([class*=bg-]) {
    --c-padding-b: 0px;
    --margin-top: 0px
  }

  .marginal-column>.teaser.contact-teaser {
    --c-padding-x: 0px;
    --c-padding-b: 0px
  }

  .marginal-column>.teaser.contact-teaser .contact-teaser-content,
  .marginal-column>.teaser.contact-teaser .smk-1 {
    padding: 0 1.5rem
  }

  .marginal-column>.teaser.contact-teaser .contact-teaser-content {
    padding-bottom: 2.5rem
  }

  .marginal-column>.teaser[class*=bg-]>:first-child:not(.teaser-media-container) {
    margin-top: var(--c-padding-x)
  }

  .marginal-column>.teaser .teaser-media-container {
    margin-inline: calc(-1*var(--c-padding-x));
    max-width: none
  }
}

@media only screen and (min-width:960px) {
  .marginal-column>.teaser:not([class*=bg-]) {
    --c-padding-b: 0px;
    --margin-top: 0px
  }

  .marginal-column>.teaser.contact-teaser {
    --c-padding-x: 0px;
    --c-padding-b: 0px
  }

  .marginal-column>.teaser.contact-teaser .contact-teaser-content,
  .marginal-column>.teaser.contact-teaser .smk-1 {
    padding: 0 1.5rem
  }

  .marginal-column>.teaser.contact-teaser .contact-teaser-content {
    padding-bottom: 2.5rem
  }

  .marginal-column>.teaser[class*=bg-]>:first-child:not(.teaser-media-container) {
    margin-top: var(--c-padding-x)
  }

  .marginal-column>.teaser .teaser-media-container {
    margin-inline: calc(-1*var(--c-padding-x));
    max-width: none
  }
}

@media only print and (width >=0px) {
  .marginal-column>.teaser {
    --margin-top: 0px
  }
}

@media only screen and (min-width:600px)and (max-width:calc(1280px - 1px)) {
  .marginal-column>.teaser {
    --margin-top: 0px
  }
}

.cta-teaser {
  position: relative
}

.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.cta-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.cta-teaser.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.cta-teaser.bg-dark .button--primary,
.cta-teaser.bg-dark .button--primary-positive,
.cta-teaser.bg-dark .button--secondary,
.cta-teaser.bg-dark .button--secondary-positive,
.cta-teaser.bg-dark .button--tertiary,
.cta-teaser.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.cta-teaser.bg-dark .button--primary,
.cta-teaser.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.cta-teaser.bg-dark .button--secondary,
.cta-teaser.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.cta-teaser.bg-dark .button--tertiary,
.cta-teaser.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.cta-teaser.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.cta-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.cta-teaser.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.cta-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.cta-teaser.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.cta-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.cta-teaser.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.cta-teaser.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.cta-teaser.bg-dark,
:where(main)>.cta-teaser.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.cta-teaser.bg-dark+*>*,
:where(main)>.cta-teaser.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .cta-teaser.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .cta-teaser.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.cta-teaser.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.cta-teaser.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .cta-teaser.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .cta-teaser.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .cta-teaser.bg-dark.product-header,
  .cta-teaser.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .cta-teaser.bg-dark.product-header,
  .cta-teaser.bg-dark.product-header[class*=bg-],
  .cta-teaser.bg-dark[class*=bg-],
  .cta-teaser.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .cta-teaser.bg-dark.product-header .hintbox-icon img,
  .cta-teaser.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.cta-teaser.bg-dark .details--s9>.details .main-column[class*=bg-],
.cta-teaser.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .cta-teaser.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .cta-teaser.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .cta-teaser.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .cta-teaser.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .cta-teaser.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .cta-teaser.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.cta-teaser.bg-dark .hintbox,
.cta-teaser.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.cta-teaser.bg-dark,
.overlay-content .main-column>.cta-teaser.bg-dark .cta-teaser.bg-dark,
.overlay-content body>.cta-teaser.bg-dark,
.overlay-content>.cta-teaser.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.cta-teaser.bg-dark .cta-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.cta-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content body>.cta-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content>.cta-teaser.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.cta-teaser.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.cta-teaser.bg-dark-accent .button--primary,
.cta-teaser.bg-dark-accent .button--primary-positive,
.cta-teaser.bg-dark-accent .button--secondary,
.cta-teaser.bg-dark-accent .button--secondary-positive,
.cta-teaser.bg-dark-accent .button--tertiary,
.cta-teaser.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.cta-teaser.bg-dark-accent .button--primary,
.cta-teaser.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.cta-teaser.bg-dark-accent .button--secondary,
.cta-teaser.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.cta-teaser.bg-dark-accent .button--tertiary,
.cta-teaser.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.cta-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.cta-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.cta-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.cta-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.cta-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.cta-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.cta-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.cta-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.cta-teaser.bg-dark-accent,
:where(main)>.cta-teaser.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.cta-teaser.bg-dark-accent+*>*,
:where(main)>.cta-teaser.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .cta-teaser.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .cta-teaser.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.cta-teaser.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.cta-teaser.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .cta-teaser.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .cta-teaser.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .cta-teaser.bg-dark-accent.product-header,
  .cta-teaser.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .cta-teaser.bg-dark-accent.product-header,
  .cta-teaser.bg-dark-accent.product-header[class*=bg-],
  .cta-teaser.bg-dark-accent[class*=bg-],
  .cta-teaser.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .cta-teaser.bg-dark-accent.product-header .hintbox-icon img,
  .cta-teaser.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.cta-teaser.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.cta-teaser.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .cta-teaser.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .cta-teaser.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .cta-teaser.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .cta-teaser.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .cta-teaser.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .cta-teaser.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.cta-teaser.bg-dark-accent .hintbox,
.cta-teaser.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.cta-teaser.bg-dark-accent,
.overlay-content .main-column>.cta-teaser.bg-dark-accent .cta-teaser.bg-dark-accent,
.overlay-content body>.cta-teaser.bg-dark-accent,
.overlay-content>.cta-teaser.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.cta-teaser.bg-dark-accent .cta-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.cta-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.cta-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.cta-teaser.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.cta-teaser.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.cta-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.cta-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.cta-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.cta-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.cta-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.cta-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.cta-teaser.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.cta-teaser.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.cta-teaser.bg-light-accent,
:where(main)>.cta-teaser.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.cta-teaser.bg-light-accent+*>*,
:where(main)>.cta-teaser.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .cta-teaser.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .cta-teaser.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.cta-teaser.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.cta-teaser.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .cta-teaser.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .cta-teaser.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .cta-teaser.bg-light-accent.product-header,
  .cta-teaser.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .cta-teaser.bg-light-accent.product-header,
  .cta-teaser.bg-light-accent.product-header[class*=bg-],
  .cta-teaser.bg-light-accent[class*=bg-],
  .cta-teaser.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .cta-teaser.bg-light-accent.product-header .hintbox-icon img,
  .cta-teaser.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.cta-teaser.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.cta-teaser.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .cta-teaser.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .cta-teaser.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .cta-teaser.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .cta-teaser.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .cta-teaser.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .cta-teaser.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.cta-teaser.bg-light-accent .hintbox,
.cta-teaser.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.cta-teaser.bg-light-accent,
.overlay-content .main-column>.cta-teaser.bg-light-accent .cta-teaser.bg-light-accent,
.overlay-content body>.cta-teaser.bg-light-accent,
.overlay-content>.cta-teaser.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.cta-teaser.bg-light-accent .cta-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.cta-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.cta-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.cta-teaser.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.cta-teaser.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.cta-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.cta-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.cta-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.cta-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.cta-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.cta-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.cta-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.cta-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.cta-teaser.bg-light-accent-secondary,
:where(main)>.cta-teaser.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.cta-teaser.bg-light-accent-secondary+*>*,
:where(main)>.cta-teaser.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .cta-teaser.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .cta-teaser.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.cta-teaser.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.cta-teaser.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .cta-teaser.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .cta-teaser.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .cta-teaser.bg-light-accent-secondary.product-header,
  .cta-teaser.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .cta-teaser.bg-light-accent-secondary.product-header,
  .cta-teaser.bg-light-accent-secondary.product-header[class*=bg-],
  .cta-teaser.bg-light-accent-secondary[class*=bg-],
  .cta-teaser.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .cta-teaser.bg-light-accent-secondary.product-header .hintbox-icon img,
  .cta-teaser.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.cta-teaser.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.cta-teaser.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .cta-teaser.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .cta-teaser.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .cta-teaser.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .cta-teaser.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .cta-teaser.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .cta-teaser.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.cta-teaser.bg-light-accent-secondary .hintbox,
.cta-teaser.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.cta-teaser.bg-light-accent-secondary,
.overlay-content .main-column>.cta-teaser.bg-light-accent-secondary .cta-teaser.bg-light-accent-secondary,
.overlay-content body>.cta-teaser.bg-light-accent-secondary,
.overlay-content>.cta-teaser.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.cta-teaser.bg-light-accent-secondary .cta-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.cta-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.cta-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.cta-teaser.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.cta-teaser.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.cta-teaser.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.cta-teaser.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.cta-teaser.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.cta-teaser.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.cta-teaser.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.cta-teaser.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.cta-teaser.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.cta-teaser.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.cta-teaser.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.cta-teaser.bg-light,
:where(main)>.cta-teaser.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.cta-teaser.bg-light+*>*,
:where(main)>.cta-teaser.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .cta-teaser.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .cta-teaser.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.cta-teaser.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.cta-teaser.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .cta-teaser.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .cta-teaser.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .cta-teaser.bg-light.product-header,
  .cta-teaser.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .cta-teaser.bg-light.product-header,
  .cta-teaser.bg-light.product-header[class*=bg-],
  .cta-teaser.bg-light[class*=bg-],
  .cta-teaser.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .cta-teaser.bg-light.product-header .hintbox-icon img,
  .cta-teaser.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.cta-teaser.bg-light .details--s9>.details .main-column[class*=bg-],
.cta-teaser.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .cta-teaser.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .cta-teaser.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .cta-teaser.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .cta-teaser.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .cta-teaser.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .cta-teaser.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.cta-teaser.bg-light .hintbox,
.cta-teaser.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.cta-teaser.bg-light,
.overlay-content .main-column>.cta-teaser.bg-light .cta-teaser.bg-light,
.overlay-content body>.cta-teaser.bg-light,
.overlay-content>.cta-teaser.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.cta-teaser.bg-light .cta-teaser.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.cta-teaser.bg-light .product-label.product-label--overflow,
.overlay-content body>.cta-teaser.bg-light .product-label.product-label--overflow,
.overlay-content>.cta-teaser.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.bg-dark .cta-teaser,
.bg-dark-accent .cta-teaser {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg)
}

.bg-dark .cta-teaser .button--primary,
.bg-dark .cta-teaser .button--primary-positive,
.bg-dark .cta-teaser .button--secondary,
.bg-dark .cta-teaser .button--secondary-positive,
.bg-dark .cta-teaser .button--tertiary,
.bg-dark .cta-teaser .button--tertiary-positive,
.bg-dark-accent .cta-teaser .button--primary,
.bg-dark-accent .cta-teaser .button--primary-positive,
.bg-dark-accent .cta-teaser .button--secondary,
.bg-dark-accent .cta-teaser .button--secondary-positive,
.bg-dark-accent .cta-teaser .button--tertiary,
.bg-dark-accent .cta-teaser .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .cta-teaser .button--primary,
.bg-dark .cta-teaser .button--primary-positive,
.bg-dark-accent .cta-teaser .button--primary,
.bg-dark-accent .cta-teaser .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .cta-teaser .button--secondary,
.bg-dark .cta-teaser .button--secondary-positive,
.bg-dark-accent .cta-teaser .button--secondary,
.bg-dark-accent .cta-teaser .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .cta-teaser .button--tertiary,
.bg-dark .cta-teaser .button--tertiary-positive,
.bg-dark-accent .cta-teaser .button--tertiary,
.bg-dark-accent .cta-teaser .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.bg-dark .cta-teaser .list .list-item:before,
.bg-dark-accent .cta-teaser .list .list-item:before {
  color: var(--color-font-on-dark-bg)
}

.bg-dark .cta-teaser .cta-teaser-contact,
.bg-dark-accent .cta-teaser .cta-teaser-contact {
  background: var(--color-background-light-accent-1);
  color: var(--color-font-on-light-bg)
}

.bg-dark .cta-teaser .cta-teaser-contact .link,
.bg-dark-accent .cta-teaser .cta-teaser-contact .link {
  color: var(--color-fn);
  text-decoration: none
}

.bg-dark .cta-teaser .cta-teaser-contact .link:hover .link-labeling,
.bg-dark-accent .cta-teaser .cta-teaser-contact .link:hover .link-labeling {
  color: var(--color-fn-active);
  text-decoration: underline;
  text-decoration-thickness: .1rem
}

.bg-dark .cta-teaser .cta-teaser-contact .link:hover .icon,
.bg-dark-accent .cta-teaser .cta-teaser-contact .link:hover .icon {
  color: var(--color-fn-active)
}

.bg-dark .cta-teaser .cta-teaser-contact .link:focus-visible,
.bg-dark-accent .cta-teaser .cta-teaser-contact .link:focus-visible {
  border-radius: 4px;
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px
}

.bg-dark .cta-teaser .cta-teaser-contact .link:focus-visible .link-labeling,
.bg-dark-accent .cta-teaser .cta-teaser-contact .link:focus-visible .link-labeling {
  color: var(--color-fn-active);
  text-decoration: underline;
  text-decoration-thickness: .1rem
}

.bg-dark .cta-teaser .cta-teaser-contact .link:focus-visible .icon,
.bg-dark-accent .cta-teaser .cta-teaser-contact .link:focus-visible .icon {
  color: var(--color-fn-active)
}

.cta-teaser[class*=bg-] {
  padding-top: 0
}

.cta-teaser-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-large) var(--gap)
}

@media only print and (width >=0px) {
  .cta-teaser-wrapper {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between
  }
}

@media only screen and (min-width:840px) {
  .cta-teaser-wrapper {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between
  }
}

.cta-teaser-content {
  padding-top: 2rem
}

.cta-teaser-content .button-container {
  margin: 0
}

@media only print and (width >=0px) {
  .cta-teaser-content {
    flex: 1;
    margin-bottom: 0;
    padding-top: 4rem
  }
}

@media only screen and (min-width:840px) {
  .cta-teaser-content {
    flex: 1;
    margin-bottom: 0;
    padding-top: 4rem
  }
}

.cta-teaser-headline:before {
  --cube-size: 3.2rem;
  --cube-top: 0.1rem;
  content: var(--transformation-cube);
  display: inline-block;
  height: var(--cube-size);
  margin-right: var(--cube-right, .8rem);
  margin-top: var(--cube-top);
  vertical-align: top;
  width: var(--cube-size)
}

@media only print and (width >=0px) {
  .cta-teaser-headline:before {
    --cube-size: 3.8rem;
    --cube-right: var(--space-x-small)
  }
}

@media only screen and (min-width:1280px) {
  .cta-teaser-headline:before {
    --cube-size: 3.8rem;
    --cube-right: var(--space-x-small)
  }
}

.cta-teaser-headline h2 {
  display: inline
}

.cta-teaser-text>:last-child {
  margin-bottom: 0
}

.cta-teaser-text p+ul {
  margin-top: 2rem
}

.cta-teaser-contact {
  background: var(--color-background);
  flex-shrink: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.cta-teaser-contact .contact-teaser {
  margin: 2rem 1.5rem 3rem;
  width: auto
}

.cta-teaser-contact .contact-teaser-content {
  padding: 0
}

@media only print and (width >=0px) {
  .cta-teaser-contact .contact-teaser {
    margin-bottom: 4rem;
    margin-top: 4rem
  }
}

@media only screen and (min-width:840px) {
  .cta-teaser-contact .contact-teaser {
    margin-bottom: 4rem;
    margin-top: 4rem
  }
}

@media only print and (width >=0px) {
  .cta-teaser-contact {
    width: calc(min(100%, var(--col-width) * 4 + var(--gap) * (4 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .cta-teaser-contact {
    --columns: 12
  }
}

@media only screen and (min-width:840px) {
  .cta-teaser-contact {
    width: calc(min(100%, var(--col-width) * 4 + var(--gap) * (4 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:840px)and (min-width:600px) {
  .cta-teaser-contact {
    --columns: 12
  }
}

.benefits {
  --cols: 1
}

.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.benefits:where(ul):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.benefits:where(ul).bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.benefits:where(ul).bg-dark .button--primary,
.benefits:where(ul).bg-dark .button--primary-positive,
.benefits:where(ul).bg-dark .button--secondary,
.benefits:where(ul).bg-dark .button--secondary-positive,
.benefits:where(ul).bg-dark .button--tertiary,
.benefits:where(ul).bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.benefits:where(ul).bg-dark .button--primary,
.benefits:where(ul).bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.benefits:where(ul).bg-dark .button--secondary,
.benefits:where(ul).bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.benefits:where(ul).bg-dark .button--tertiary,
.benefits:where(ul).bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.benefits:where(ul).bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.benefits:where(ul).bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.benefits:where(ul).bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.benefits:where(ul).bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.benefits:where(ul).bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.benefits:where(ul).bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.benefits:where(ul).bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.benefits:where(ul).bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.benefits:where(ul).bg-dark,
:where(main)>.benefits:where(ul).bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.benefits:where(ul).bg-dark+*>*,
:where(main)>.benefits:where(ul).bg-dark>* {
  --margin-top: initial
}

.benefits:where(ul).bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .benefits:where(ul).bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .benefits:where(ul).bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .benefits:where(ul).bg-dark.product-header,
  .benefits:where(ul).bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .benefits:where(ul).bg-dark.product-header,
  .benefits:where(ul).bg-dark.product-header[class*=bg-],
  .benefits:where(ul).bg-dark[class*=bg-],
  .benefits:where(ul).bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .benefits:where(ul).bg-dark.product-header .hintbox-icon img,
  .benefits:where(ul).bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.benefits:where(ul).bg-dark .details--s9>.details .main-column[class*=bg-],
.benefits:where(ul).bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .benefits:where(ul).bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .benefits:where(ul).bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .benefits:where(ul).bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .benefits:where(ul).bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .benefits:where(ul).bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .benefits:where(ul).bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.benefits:where(ul).bg-dark .hintbox,
.benefits:where(ul).bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.benefits:where(ul).bg-dark,
.overlay-content .main-column>.benefits:where(ul).bg-dark .benefits:where(ul).bg-dark,
.overlay-content body>.benefits:where(ul).bg-dark,
.overlay-content>.benefits:where(ul).bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.benefits:where(ul).bg-dark .benefits:where(ul).bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.benefits:where(ul).bg-dark .product-label.product-label--overflow,
.overlay-content body>.benefits:where(ul).bg-dark .product-label.product-label--overflow,
.overlay-content>.benefits:where(ul).bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.benefits:where(ul).bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.benefits:where(ul).bg-dark-accent .button--primary,
.benefits:where(ul).bg-dark-accent .button--primary-positive,
.benefits:where(ul).bg-dark-accent .button--secondary,
.benefits:where(ul).bg-dark-accent .button--secondary-positive,
.benefits:where(ul).bg-dark-accent .button--tertiary,
.benefits:where(ul).bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.benefits:where(ul).bg-dark-accent .button--primary,
.benefits:where(ul).bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.benefits:where(ul).bg-dark-accent .button--secondary,
.benefits:where(ul).bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.benefits:where(ul).bg-dark-accent .button--tertiary,
.benefits:where(ul).bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.benefits:where(ul).bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.benefits:where(ul).bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.benefits:where(ul).bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.benefits:where(ul).bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.benefits:where(ul).bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.benefits:where(ul).bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.benefits:where(ul).bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.benefits:where(ul).bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.benefits:where(ul).bg-dark-accent,
:where(main)>.benefits:where(ul).bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.benefits:where(ul).bg-dark-accent+*>*,
:where(main)>.benefits:where(ul).bg-dark-accent>* {
  --margin-top: initial
}

.benefits:where(ul).bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .benefits:where(ul).bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .benefits:where(ul).bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .benefits:where(ul).bg-dark-accent.product-header,
  .benefits:where(ul).bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .benefits:where(ul).bg-dark-accent.product-header,
  .benefits:where(ul).bg-dark-accent.product-header[class*=bg-],
  .benefits:where(ul).bg-dark-accent[class*=bg-],
  .benefits:where(ul).bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .benefits:where(ul).bg-dark-accent.product-header .hintbox-icon img,
  .benefits:where(ul).bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.benefits:where(ul).bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.benefits:where(ul).bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .benefits:where(ul).bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .benefits:where(ul).bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .benefits:where(ul).bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .benefits:where(ul).bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .benefits:where(ul).bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .benefits:where(ul).bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.benefits:where(ul).bg-dark-accent .hintbox,
.benefits:where(ul).bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.benefits:where(ul).bg-dark-accent,
.overlay-content .main-column>.benefits:where(ul).bg-dark-accent .benefits:where(ul).bg-dark-accent,
.overlay-content body>.benefits:where(ul).bg-dark-accent,
.overlay-content>.benefits:where(ul).bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.benefits:where(ul).bg-dark-accent .benefits:where(ul).bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.benefits:where(ul).bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.benefits:where(ul).bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.benefits:where(ul).bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.benefits:where(ul).bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.benefits:where(ul).bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.benefits:where(ul).bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.benefits:where(ul).bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.benefits:where(ul).bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.benefits:where(ul).bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.benefits:where(ul).bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.benefits:where(ul).bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.benefits:where(ul).bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.benefits:where(ul).bg-light-accent,
:where(main)>.benefits:where(ul).bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.benefits:where(ul).bg-light-accent+*>*,
:where(main)>.benefits:where(ul).bg-light-accent>* {
  --margin-top: initial
}

.benefits:where(ul).bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .benefits:where(ul).bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .benefits:where(ul).bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .benefits:where(ul).bg-light-accent.product-header,
  .benefits:where(ul).bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .benefits:where(ul).bg-light-accent.product-header,
  .benefits:where(ul).bg-light-accent.product-header[class*=bg-],
  .benefits:where(ul).bg-light-accent[class*=bg-],
  .benefits:where(ul).bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .benefits:where(ul).bg-light-accent.product-header .hintbox-icon img,
  .benefits:where(ul).bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.benefits:where(ul).bg-light-accent .details--s9>.details .main-column[class*=bg-],
.benefits:where(ul).bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .benefits:where(ul).bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .benefits:where(ul).bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .benefits:where(ul).bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .benefits:where(ul).bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .benefits:where(ul).bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .benefits:where(ul).bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.benefits:where(ul).bg-light-accent .hintbox,
.benefits:where(ul).bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.benefits:where(ul).bg-light-accent,
.overlay-content .main-column>.benefits:where(ul).bg-light-accent .benefits:where(ul).bg-light-accent,
.overlay-content body>.benefits:where(ul).bg-light-accent,
.overlay-content>.benefits:where(ul).bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.benefits:where(ul).bg-light-accent .benefits:where(ul).bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.benefits:where(ul).bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.benefits:where(ul).bg-light-accent .product-label.product-label--overflow,
.overlay-content>.benefits:where(ul).bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.benefits:where(ul).bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.benefits:where(ul).bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.benefits:where(ul).bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.benefits:where(ul).bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.benefits:where(ul).bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.benefits:where(ul).bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.benefits:where(ul).bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.benefits:where(ul).bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.benefits:where(ul).bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.benefits:where(ul).bg-light-accent-secondary,
:where(main)>.benefits:where(ul).bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.benefits:where(ul).bg-light-accent-secondary+*>*,
:where(main)>.benefits:where(ul).bg-light-accent-secondary>* {
  --margin-top: initial
}

.benefits:where(ul).bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .benefits:where(ul).bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .benefits:where(ul).bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .benefits:where(ul).bg-light-accent-secondary.product-header,
  .benefits:where(ul).bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .benefits:where(ul).bg-light-accent-secondary.product-header,
  .benefits:where(ul).bg-light-accent-secondary.product-header[class*=bg-],
  .benefits:where(ul).bg-light-accent-secondary[class*=bg-],
  .benefits:where(ul).bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .benefits:where(ul).bg-light-accent-secondary.product-header .hintbox-icon img,
  .benefits:where(ul).bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.benefits:where(ul).bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.benefits:where(ul).bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .benefits:where(ul).bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .benefits:where(ul).bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .benefits:where(ul).bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .benefits:where(ul).bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .benefits:where(ul).bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .benefits:where(ul).bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.benefits:where(ul).bg-light-accent-secondary .hintbox,
.benefits:where(ul).bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.benefits:where(ul).bg-light-accent-secondary,
.overlay-content .main-column>.benefits:where(ul).bg-light-accent-secondary .benefits:where(ul).bg-light-accent-secondary,
.overlay-content body>.benefits:where(ul).bg-light-accent-secondary,
.overlay-content>.benefits:where(ul).bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.benefits:where(ul).bg-light-accent-secondary .benefits:where(ul).bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.benefits:where(ul).bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.benefits:where(ul).bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.benefits:where(ul).bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.benefits:where(ul).bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.benefits:where(ul).bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.benefits:where(ul).bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.benefits:where(ul).bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.benefits:where(ul).bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.benefits:where(ul).bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.benefits:where(ul).bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.benefits:where(ul).bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.benefits:where(ul).bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits:where(ul).bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.benefits:where(ul).bg-light,
:where(main)>.benefits:where(ul).bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.benefits:where(ul).bg-light+*>*,
:where(main)>.benefits:where(ul).bg-light>* {
  --margin-top: initial
}

.benefits:where(ul).bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .benefits:where(ul).bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .benefits:where(ul).bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .benefits:where(ul).bg-light.product-header,
  .benefits:where(ul).bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .benefits:where(ul).bg-light.product-header,
  .benefits:where(ul).bg-light.product-header[class*=bg-],
  .benefits:where(ul).bg-light[class*=bg-],
  .benefits:where(ul).bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .benefits:where(ul).bg-light.product-header .hintbox-icon img,
  .benefits:where(ul).bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.benefits:where(ul).bg-light .details--s9>.details .main-column[class*=bg-],
.benefits:where(ul).bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .benefits:where(ul).bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .benefits:where(ul).bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .benefits:where(ul).bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .benefits:where(ul).bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .benefits:where(ul).bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .benefits:where(ul).bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.benefits:where(ul).bg-light .hintbox,
.benefits:where(ul).bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.benefits:where(ul).bg-light,
.overlay-content .main-column>.benefits:where(ul).bg-light .benefits:where(ul).bg-light,
.overlay-content body>.benefits:where(ul).bg-light,
.overlay-content>.benefits:where(ul).bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.benefits:where(ul).bg-light .benefits:where(ul).bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.benefits:where(ul).bg-light .product-label.product-label--overflow,
.overlay-content body>.benefits:where(ul).bg-light .product-label.product-label--overflow,
.overlay-content>.benefits:where(ul).bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.benefits:where(ul) {
  align-items: flex-start;
  display: grid;
  gap: var(--space-large) var(--gap);
  grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr));
  width: 100%
}

.details .details-content>.benefits-wrapper>.benefits:where(ul) {
  gap: var(--space-large) 2rem
}

.benefits:where(ul) li {
  height: fit-content
}

.benefits:where(ul) .benefit {
  align-items: flex-start;
  display: flex
}

.benefits:where(ul) .benefit-icon,
.benefits:where(ul) .benefit-image {
  flex-shrink: 0;
  height: 100%;
  margin-right: 2rem;
  max-height: 4.8rem;
  max-width: 4.8rem;
  width: 100%
}

.benefits:where(ul) .benefit-icon .icon,
.benefits:where(ul) .benefit-image .icon {
  font-size: 4.8rem;
  line-height: 4.8rem
}

.benefits:where(ul) .benefit-details {
  margin-top: 1rem
}

.benefits:where(ul) .benefit-details .benefit-subheadline {
  display: block
}

.benefits:where(ul) .benefit-details .benefit-subheadline+.benefit-link {
  display: block;
  margin-top: var(--space-small)
}

.benefits:where(ul) .benefit-details h2+.tooltip,
.benefits:where(ul) .benefit-details h3+.tooltip,
.benefits:where(ul) .benefit-details h4+.tooltip,
.benefits:where(ul) .benefit-details h5+.tooltip {
  margin-left: .2rem
}

.benefits:where(ul) .benefit-details :last-child {
  margin-bottom: 0
}

.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.benefits-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.benefits-wrapper.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.benefits-wrapper.bg-dark .button--primary,
.benefits-wrapper.bg-dark .button--primary-positive,
.benefits-wrapper.bg-dark .button--secondary,
.benefits-wrapper.bg-dark .button--secondary-positive,
.benefits-wrapper.bg-dark .button--tertiary,
.benefits-wrapper.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.benefits-wrapper.bg-dark .button--primary,
.benefits-wrapper.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.benefits-wrapper.bg-dark .button--secondary,
.benefits-wrapper.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.benefits-wrapper.bg-dark .button--tertiary,
.benefits-wrapper.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.benefits-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.benefits-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.benefits-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.benefits-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.benefits-wrapper.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.benefits-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.benefits-wrapper.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.benefits-wrapper.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.benefits-wrapper.bg-dark,
:where(main)>.benefits-wrapper.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.benefits-wrapper.bg-dark+*>*,
:where(main)>.benefits-wrapper.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .benefits-wrapper.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .benefits-wrapper.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.benefits-wrapper.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.benefits-wrapper.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .benefits-wrapper.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .benefits-wrapper.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .benefits-wrapper.bg-dark.product-header,
  .benefits-wrapper.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .benefits-wrapper.bg-dark.product-header,
  .benefits-wrapper.bg-dark.product-header[class*=bg-],
  .benefits-wrapper.bg-dark[class*=bg-],
  .benefits-wrapper.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .benefits-wrapper.bg-dark.product-header .hintbox-icon img,
  .benefits-wrapper.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.benefits-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-],
.benefits-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .benefits-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .benefits-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .benefits-wrapper.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .benefits-wrapper.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .benefits-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .benefits-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.benefits-wrapper.bg-dark .hintbox,
.benefits-wrapper.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.benefits-wrapper.bg-dark,
.overlay-content .main-column>.benefits-wrapper.bg-dark .benefits-wrapper.bg-dark,
.overlay-content body>.benefits-wrapper.bg-dark,
.overlay-content>.benefits-wrapper.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.benefits-wrapper.bg-dark .benefits-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.benefits-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content body>.benefits-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content>.benefits-wrapper.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.benefits-wrapper.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.benefits-wrapper.bg-dark-accent .button--primary,
.benefits-wrapper.bg-dark-accent .button--primary-positive,
.benefits-wrapper.bg-dark-accent .button--secondary,
.benefits-wrapper.bg-dark-accent .button--secondary-positive,
.benefits-wrapper.bg-dark-accent .button--tertiary,
.benefits-wrapper.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.benefits-wrapper.bg-dark-accent .button--primary,
.benefits-wrapper.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.benefits-wrapper.bg-dark-accent .button--secondary,
.benefits-wrapper.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.benefits-wrapper.bg-dark-accent .button--tertiary,
.benefits-wrapper.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.benefits-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.benefits-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.benefits-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.benefits-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.benefits-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.benefits-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.benefits-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.benefits-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.benefits-wrapper.bg-dark-accent,
:where(main)>.benefits-wrapper.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.benefits-wrapper.bg-dark-accent+*>*,
:where(main)>.benefits-wrapper.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .benefits-wrapper.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .benefits-wrapper.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.benefits-wrapper.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.benefits-wrapper.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .benefits-wrapper.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .benefits-wrapper.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .benefits-wrapper.bg-dark-accent.product-header,
  .benefits-wrapper.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .benefits-wrapper.bg-dark-accent.product-header,
  .benefits-wrapper.bg-dark-accent.product-header[class*=bg-],
  .benefits-wrapper.bg-dark-accent[class*=bg-],
  .benefits-wrapper.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .benefits-wrapper.bg-dark-accent.product-header .hintbox-icon img,
  .benefits-wrapper.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.benefits-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.benefits-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .benefits-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .benefits-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .benefits-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .benefits-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .benefits-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .benefits-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.benefits-wrapper.bg-dark-accent .hintbox,
.benefits-wrapper.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.benefits-wrapper.bg-dark-accent,
.overlay-content .main-column>.benefits-wrapper.bg-dark-accent .benefits-wrapper.bg-dark-accent,
.overlay-content body>.benefits-wrapper.bg-dark-accent,
.overlay-content>.benefits-wrapper.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.benefits-wrapper.bg-dark-accent .benefits-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.benefits-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.benefits-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.benefits-wrapper.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.benefits-wrapper.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.benefits-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.benefits-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.benefits-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.benefits-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.benefits-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.benefits-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.benefits-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.benefits-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.benefits-wrapper.bg-light-accent,
:where(main)>.benefits-wrapper.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.benefits-wrapper.bg-light-accent+*>*,
:where(main)>.benefits-wrapper.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .benefits-wrapper.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .benefits-wrapper.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.benefits-wrapper.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.benefits-wrapper.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .benefits-wrapper.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .benefits-wrapper.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .benefits-wrapper.bg-light-accent.product-header,
  .benefits-wrapper.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .benefits-wrapper.bg-light-accent.product-header,
  .benefits-wrapper.bg-light-accent.product-header[class*=bg-],
  .benefits-wrapper.bg-light-accent[class*=bg-],
  .benefits-wrapper.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .benefits-wrapper.bg-light-accent.product-header .hintbox-icon img,
  .benefits-wrapper.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.benefits-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.benefits-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .benefits-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .benefits-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .benefits-wrapper.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .benefits-wrapper.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .benefits-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .benefits-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.benefits-wrapper.bg-light-accent .hintbox,
.benefits-wrapper.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.benefits-wrapper.bg-light-accent,
.overlay-content .main-column>.benefits-wrapper.bg-light-accent .benefits-wrapper.bg-light-accent,
.overlay-content body>.benefits-wrapper.bg-light-accent,
.overlay-content>.benefits-wrapper.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.benefits-wrapper.bg-light-accent .benefits-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.benefits-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.benefits-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.benefits-wrapper.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.benefits-wrapper.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.benefits-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.benefits-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.benefits-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.benefits-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.benefits-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.benefits-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.benefits-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.benefits-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.benefits-wrapper.bg-light-accent-secondary,
:where(main)>.benefits-wrapper.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.benefits-wrapper.bg-light-accent-secondary+*>*,
:where(main)>.benefits-wrapper.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .benefits-wrapper.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .benefits-wrapper.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.benefits-wrapper.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.benefits-wrapper.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .benefits-wrapper.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .benefits-wrapper.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .benefits-wrapper.bg-light-accent-secondary.product-header,
  .benefits-wrapper.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .benefits-wrapper.bg-light-accent-secondary.product-header,
  .benefits-wrapper.bg-light-accent-secondary.product-header[class*=bg-],
  .benefits-wrapper.bg-light-accent-secondary[class*=bg-],
  .benefits-wrapper.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .benefits-wrapper.bg-light-accent-secondary.product-header .hintbox-icon img,
  .benefits-wrapper.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.benefits-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.benefits-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .benefits-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .benefits-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .benefits-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .benefits-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .benefits-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .benefits-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.benefits-wrapper.bg-light-accent-secondary .hintbox,
.benefits-wrapper.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.benefits-wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.benefits-wrapper.bg-light-accent-secondary .benefits-wrapper.bg-light-accent-secondary,
.overlay-content body>.benefits-wrapper.bg-light-accent-secondary,
.overlay-content>.benefits-wrapper.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.benefits-wrapper.bg-light-accent-secondary .benefits-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.benefits-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.benefits-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.benefits-wrapper.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.benefits-wrapper.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.benefits-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.benefits-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.benefits-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.benefits-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.benefits-wrapper.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.benefits-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.benefits-wrapper.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.benefits-wrapper.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.benefits-wrapper.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.benefits-wrapper.bg-light,
:where(main)>.benefits-wrapper.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.benefits-wrapper.bg-light+*>*,
:where(main)>.benefits-wrapper.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .benefits-wrapper.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .benefits-wrapper.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.benefits-wrapper.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.benefits-wrapper.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .benefits-wrapper.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .benefits-wrapper.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .benefits-wrapper.bg-light.product-header,
  .benefits-wrapper.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .benefits-wrapper.bg-light.product-header,
  .benefits-wrapper.bg-light.product-header[class*=bg-],
  .benefits-wrapper.bg-light[class*=bg-],
  .benefits-wrapper.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .benefits-wrapper.bg-light.product-header .hintbox-icon img,
  .benefits-wrapper.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.benefits-wrapper.bg-light .details--s9>.details .main-column[class*=bg-],
.benefits-wrapper.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .benefits-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .benefits-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .benefits-wrapper.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .benefits-wrapper.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .benefits-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .benefits-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.benefits-wrapper.bg-light .hintbox,
.benefits-wrapper.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.benefits-wrapper.bg-light,
.overlay-content .main-column>.benefits-wrapper.bg-light .benefits-wrapper.bg-light,
.overlay-content body>.benefits-wrapper.bg-light,
.overlay-content>.benefits-wrapper.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.benefits-wrapper.bg-light .benefits-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.benefits-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content body>.benefits-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content>.benefits-wrapper.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

@media only print and (width >=0px) {
  .benefits {
    --cols: 2
  }

  .benefits-wrapper.benefits-one-col .benefits {
    --cols: 1
  }
}

@media only screen and (min-width:600px) {
  .benefits {
    --cols: 2
  }

  .benefits-wrapper.benefits-one-col .benefits {
    --cols: 1
  }
}

@media only print and (width >=0px) {
  .benefits {
    --cols: 3
  }

  .benefits-wrapper.benefits-one-col .benefits {
    --cols: 1
  }

  .benefits-wrapper.benefits-two-col .benefits {
    --cols: 2
  }
}

@media only screen and (min-width:840px) {
  .benefits {
    --cols: 3
  }

  .benefits-wrapper.benefits-one-col .benefits {
    --cols: 1
  }

  .benefits-wrapper.benefits-two-col .benefits {
    --cols: 2
  }
}

.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.structure:not([class*=bg-]):where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.structure:not([class*=bg-]).bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.structure:not([class*=bg-]).bg-dark .button--primary,
.structure:not([class*=bg-]).bg-dark .button--primary-positive,
.structure:not([class*=bg-]).bg-dark .button--secondary,
.structure:not([class*=bg-]).bg-dark .button--secondary-positive,
.structure:not([class*=bg-]).bg-dark .button--tertiary,
.structure:not([class*=bg-]).bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.structure:not([class*=bg-]).bg-dark .button--primary,
.structure:not([class*=bg-]).bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.structure:not([class*=bg-]).bg-dark .button--secondary,
.structure:not([class*=bg-]).bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.structure:not([class*=bg-]).bg-dark .button--tertiary,
.structure:not([class*=bg-]).bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.structure:not([class*=bg-]).bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.structure:not([class*=bg-]).bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.structure:not([class*=bg-]).bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.structure:not([class*=bg-]).bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.structure:not([class*=bg-]).bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.structure:not([class*=bg-]).bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.structure:not([class*=bg-]).bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.structure:not([class*=bg-]).bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.structure:not([class*=bg-]).bg-dark,
:where(main)>.structure:not([class*=bg-]).bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.structure:not([class*=bg-]).bg-dark+*>*,
:where(main)>.structure:not([class*=bg-]).bg-dark>* {
  --margin-top: initial
}

.structure:not([class*=bg-]).bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .structure:not([class*=bg-]).bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .structure:not([class*=bg-]).bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .structure:not([class*=bg-]).bg-dark.product-header,
  .structure:not([class*=bg-]).bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .structure:not([class*=bg-]).bg-dark.product-header,
  .structure:not([class*=bg-]).bg-dark.product-header[class*=bg-],
  .structure:not([class*=bg-]).bg-dark[class*=bg-],
  .structure:not([class*=bg-]).bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .structure:not([class*=bg-]).bg-dark.product-header .hintbox-icon img,
  .structure:not([class*=bg-]).bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .structure:not([class*=bg-]).bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .structure:not([class*=bg-]).bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .structure:not([class*=bg-]).bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .structure:not([class*=bg-]).bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.structure:not([class*=bg-]).bg-dark .details--s9>.details .main-column[class*=bg-],
.structure:not([class*=bg-]).bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .structure:not([class*=bg-]).bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .structure:not([class*=bg-]).bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.structure:not([class*=bg-]).bg-dark .hintbox,
.structure:not([class*=bg-]).bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.structure:not([class*=bg-]).bg-dark,
.overlay-content .main-column>.structure:not([class*=bg-]).bg-dark .structure:not([class*=bg-]).bg-dark,
.overlay-content body>.structure:not([class*=bg-]).bg-dark,
.overlay-content>.structure:not([class*=bg-]).bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.structure:not([class*=bg-]).bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.structure:not([class*=bg-]).bg-dark .structure:not([class*=bg-]).bg-dark .product-label.product-label--overflow,
.overlay-content body>.structure:not([class*=bg-]).bg-dark .product-label.product-label--overflow,
.overlay-content>.structure:not([class*=bg-]).bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.structure:not([class*=bg-]).bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.structure:not([class*=bg-]).bg-dark-accent .button--primary,
.structure:not([class*=bg-]).bg-dark-accent .button--primary-positive,
.structure:not([class*=bg-]).bg-dark-accent .button--secondary,
.structure:not([class*=bg-]).bg-dark-accent .button--secondary-positive,
.structure:not([class*=bg-]).bg-dark-accent .button--tertiary,
.structure:not([class*=bg-]).bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.structure:not([class*=bg-]).bg-dark-accent .button--primary,
.structure:not([class*=bg-]).bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.structure:not([class*=bg-]).bg-dark-accent .button--secondary,
.structure:not([class*=bg-]).bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.structure:not([class*=bg-]).bg-dark-accent .button--tertiary,
.structure:not([class*=bg-]).bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.structure:not([class*=bg-]).bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.structure:not([class*=bg-]).bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.structure:not([class*=bg-]).bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.structure:not([class*=bg-]).bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.structure:not([class*=bg-]).bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.structure:not([class*=bg-]).bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.structure:not([class*=bg-]).bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.structure:not([class*=bg-]).bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.structure:not([class*=bg-]).bg-dark-accent,
:where(main)>.structure:not([class*=bg-]).bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.structure:not([class*=bg-]).bg-dark-accent+*>*,
:where(main)>.structure:not([class*=bg-]).bg-dark-accent>* {
  --margin-top: initial
}

.structure:not([class*=bg-]).bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .structure:not([class*=bg-]).bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .structure:not([class*=bg-]).bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .structure:not([class*=bg-]).bg-dark-accent.product-header,
  .structure:not([class*=bg-]).bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .structure:not([class*=bg-]).bg-dark-accent.product-header,
  .structure:not([class*=bg-]).bg-dark-accent.product-header[class*=bg-],
  .structure:not([class*=bg-]).bg-dark-accent[class*=bg-],
  .structure:not([class*=bg-]).bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .structure:not([class*=bg-]).bg-dark-accent.product-header .hintbox-icon img,
  .structure:not([class*=bg-]).bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .structure:not([class*=bg-]).bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .structure:not([class*=bg-]).bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .structure:not([class*=bg-]).bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .structure:not([class*=bg-]).bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.structure:not([class*=bg-]).bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.structure:not([class*=bg-]).bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .structure:not([class*=bg-]).bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .structure:not([class*=bg-]).bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.structure:not([class*=bg-]).bg-dark-accent .hintbox,
.structure:not([class*=bg-]).bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.structure:not([class*=bg-]).bg-dark-accent,
.overlay-content .main-column>.structure:not([class*=bg-]).bg-dark-accent .structure:not([class*=bg-]).bg-dark-accent,
.overlay-content body>.structure:not([class*=bg-]).bg-dark-accent,
.overlay-content>.structure:not([class*=bg-]).bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.structure:not([class*=bg-]).bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.structure:not([class*=bg-]).bg-dark-accent .structure:not([class*=bg-]).bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.structure:not([class*=bg-]).bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.structure:not([class*=bg-]).bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.structure:not([class*=bg-]).bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.structure:not([class*=bg-]).bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.structure:not([class*=bg-]).bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.structure:not([class*=bg-]).bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.structure:not([class*=bg-]).bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.structure:not([class*=bg-]).bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.structure:not([class*=bg-]).bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.structure:not([class*=bg-]).bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.structure:not([class*=bg-]).bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.structure:not([class*=bg-]).bg-light-accent,
:where(main)>.structure:not([class*=bg-]).bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.structure:not([class*=bg-]).bg-light-accent+*>*,
:where(main)>.structure:not([class*=bg-]).bg-light-accent>* {
  --margin-top: initial
}

.structure:not([class*=bg-]).bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .structure:not([class*=bg-]).bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .structure:not([class*=bg-]).bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .structure:not([class*=bg-]).bg-light-accent.product-header,
  .structure:not([class*=bg-]).bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .structure:not([class*=bg-]).bg-light-accent.product-header,
  .structure:not([class*=bg-]).bg-light-accent.product-header[class*=bg-],
  .structure:not([class*=bg-]).bg-light-accent[class*=bg-],
  .structure:not([class*=bg-]).bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .structure:not([class*=bg-]).bg-light-accent.product-header .hintbox-icon img,
  .structure:not([class*=bg-]).bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .structure:not([class*=bg-]).bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .structure:not([class*=bg-]).bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .structure:not([class*=bg-]).bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .structure:not([class*=bg-]).bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.structure:not([class*=bg-]).bg-light-accent .details--s9>.details .main-column[class*=bg-],
.structure:not([class*=bg-]).bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .structure:not([class*=bg-]).bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .structure:not([class*=bg-]).bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.structure:not([class*=bg-]).bg-light-accent .hintbox,
.structure:not([class*=bg-]).bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.structure:not([class*=bg-]).bg-light-accent,
.overlay-content .main-column>.structure:not([class*=bg-]).bg-light-accent .structure:not([class*=bg-]).bg-light-accent,
.overlay-content body>.structure:not([class*=bg-]).bg-light-accent,
.overlay-content>.structure:not([class*=bg-]).bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.structure:not([class*=bg-]).bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.structure:not([class*=bg-]).bg-light-accent .structure:not([class*=bg-]).bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.structure:not([class*=bg-]).bg-light-accent .product-label.product-label--overflow,
.overlay-content>.structure:not([class*=bg-]).bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.structure:not([class*=bg-]).bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.structure:not([class*=bg-]).bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.structure:not([class*=bg-]).bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.structure:not([class*=bg-]).bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.structure:not([class*=bg-]).bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.structure:not([class*=bg-]).bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.structure:not([class*=bg-]).bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.structure:not([class*=bg-]).bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.structure:not([class*=bg-]).bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.structure:not([class*=bg-]).bg-light-accent-secondary,
:where(main)>.structure:not([class*=bg-]).bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.structure:not([class*=bg-]).bg-light-accent-secondary+*>*,
:where(main)>.structure:not([class*=bg-]).bg-light-accent-secondary>* {
  --margin-top: initial
}

.structure:not([class*=bg-]).bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .structure:not([class*=bg-]).bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .structure:not([class*=bg-]).bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .structure:not([class*=bg-]).bg-light-accent-secondary.product-header,
  .structure:not([class*=bg-]).bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .structure:not([class*=bg-]).bg-light-accent-secondary.product-header,
  .structure:not([class*=bg-]).bg-light-accent-secondary.product-header[class*=bg-],
  .structure:not([class*=bg-]).bg-light-accent-secondary[class*=bg-],
  .structure:not([class*=bg-]).bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .structure:not([class*=bg-]).bg-light-accent-secondary.product-header .hintbox-icon img,
  .structure:not([class*=bg-]).bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .structure:not([class*=bg-]).bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .structure:not([class*=bg-]).bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .structure:not([class*=bg-]).bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .structure:not([class*=bg-]).bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.structure:not([class*=bg-]).bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.structure:not([class*=bg-]).bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .structure:not([class*=bg-]).bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .structure:not([class*=bg-]).bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.structure:not([class*=bg-]).bg-light-accent-secondary .hintbox,
.structure:not([class*=bg-]).bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.structure:not([class*=bg-]).bg-light-accent-secondary,
.overlay-content .main-column>.structure:not([class*=bg-]).bg-light-accent-secondary .structure:not([class*=bg-]).bg-light-accent-secondary,
.overlay-content body>.structure:not([class*=bg-]).bg-light-accent-secondary,
.overlay-content>.structure:not([class*=bg-]).bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.structure:not([class*=bg-]).bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.structure:not([class*=bg-]).bg-light-accent-secondary .structure:not([class*=bg-]).bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.structure:not([class*=bg-]).bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.structure:not([class*=bg-]).bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.structure:not([class*=bg-]).bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.structure:not([class*=bg-]).bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.structure:not([class*=bg-]).bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.structure:not([class*=bg-]).bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.structure:not([class*=bg-]).bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.structure:not([class*=bg-]).bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.structure:not([class*=bg-]).bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.structure:not([class*=bg-]).bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.structure:not([class*=bg-]).bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure:not([class*=bg-]).bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.structure:not([class*=bg-]).bg-light,
:where(main)>.structure:not([class*=bg-]).bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.structure:not([class*=bg-]).bg-light+*>*,
:where(main)>.structure:not([class*=bg-]).bg-light>* {
  --margin-top: initial
}

.structure:not([class*=bg-]).bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .structure:not([class*=bg-]).bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .structure:not([class*=bg-]).bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .structure:not([class*=bg-]).bg-light.product-header,
  .structure:not([class*=bg-]).bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .structure:not([class*=bg-]).bg-light.product-header,
  .structure:not([class*=bg-]).bg-light.product-header[class*=bg-],
  .structure:not([class*=bg-]).bg-light[class*=bg-],
  .structure:not([class*=bg-]).bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .structure:not([class*=bg-]).bg-light.product-header .hintbox-icon img,
  .structure:not([class*=bg-]).bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .structure:not([class*=bg-]).bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .structure:not([class*=bg-]).bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .structure:not([class*=bg-]).bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .structure:not([class*=bg-]).bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.structure:not([class*=bg-]).bg-light .details--s9>.details .main-column[class*=bg-],
.structure:not([class*=bg-]).bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .structure:not([class*=bg-]).bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .structure:not([class*=bg-]).bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.structure:not([class*=bg-]).bg-light .hintbox,
.structure:not([class*=bg-]).bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.structure:not([class*=bg-]).bg-light,
.overlay-content .main-column>.structure:not([class*=bg-]).bg-light .structure:not([class*=bg-]).bg-light,
.overlay-content body>.structure:not([class*=bg-]).bg-light,
.overlay-content>.structure:not([class*=bg-]).bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.structure:not([class*=bg-]).bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.structure:not([class*=bg-]).bg-light .structure:not([class*=bg-]).bg-light .product-label.product-label--overflow,
.overlay-content body>.structure:not([class*=bg-]).bg-light .product-label.product-label--overflow,
.overlay-content>.structure:not([class*=bg-]).bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.structure-headline {
  margin-bottom: var(--space-small)
}

.structure-content-grid {
  display: grid;
  gap: var(--space-large) var(--gap);
  grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr))
}

.structure-content-item {
  display: flex;
  height: 100%
}

.structure-content>.slider {
  grid-column: 1/-1
}

.structure-content>.slider:not(.swiper-initialized) .swiper-wrapper {
  display: grid;
  gap: var(--space-large) var(--gap);
  grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr));
  margin-bottom: 0
}

.structure-align-media .structure-content-item {
  display: flex
}

.structure-align-media .structure-content-item .text-image .text-image-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%
}

.structure-align-media .structure-content-item .text-image .text-image-content {
  flex: 1;
  justify-content: space-between
}

@media only print and (width >=0px) {
  .structure--z1 {
    --cols: 2
  }
}

@media only screen and (min-width:600px) {
  .structure--z1 {
    --cols: 2
  }
}

@media only print and (width >=0px) {
  .structure--z4 {
    --cols: 2
  }
}

@media only screen and (min-width:600px) {
  .structure--z4 {
    --cols: 2
  }
}

@media only print and (width >=0px) {
  .structure--z4 {
    --cols: 3
  }
}

@media only screen and (min-width:840px) {
  .structure--z4 {
    --cols: 3
  }
}

@media only print and (width >=0px) {
  .structure--z5 {
    --cols: 2
  }
}

@media only screen and (min-width:600px) {
  .structure--z5 {
    --cols: 2
  }
}

@media only print and (width >=0px) {
  .structure--z5 {
    --cols: 3
  }
}

@media only screen and (min-width:840px) {
  .structure--z5 {
    --cols: 3
  }
}

@media only print and (width >=0px) {
  .structure--z5 {
    --cols: 4
  }
}

@media only screen and (min-width:1280px) {
  .structure--z5 {
    --cols: 4
  }
}

@media only print and (width >=0px) {
  .structure--z51 {
    --cols: 2
  }
}

@media only screen and (min-width:600px) {
  .structure--z51 {
    --cols: 2
  }
}

@media only print and (width >=0px) {
  .structure--z51 {
    --cols: 4
  }
}

@media only screen and (min-width:960px) {
  .structure--z51 {
    --cols: 4
  }
}

@media only print and (width >=0px) {

  .structure--z1 .text-image:not(.ratio-medium, .ratio-small) .text-image-media-container,
  .structure--z4 .text-image:not(.ratio-medium, .ratio-small) .text-image-media-container,
  .structure--z5 .text-image:not(.ratio-medium, .ratio-small) .text-image-media-container {
    --col: 12
  }
}

@media only screen and (min-width:840px) {

  .structure--z1 .text-image:not(.ratio-medium, .ratio-small) .text-image-media-container,
  .structure--z4 .text-image:not(.ratio-medium, .ratio-small) .text-image-media-container,
  .structure--z5 .text-image:not(.ratio-medium, .ratio-small) .text-image-media-container {
    --col: 12
  }
}

.structure--z1 .text-image.text-image-inline .text-image-content,
.structure--z4 .text-image.text-image-inline .text-image-content,
.structure--z5 .text-image.text-image-inline .text-image-content {
  display: flex
}

.structure--z1 .text-image.text-image-inline .text-image-content .text-image-image,
.structure--z4 .text-image.text-image-inline .text-image-content .text-image-image,
.structure--z5 .text-image.text-image-inline .text-image-content .text-image-image {
  margin-left: 0;
  margin-top: var(--space-small)
}

.bg-dark .structure--vertical-lines,
.bg-dark-accent .structure--vertical-lines {
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg)
}

.bg-dark .structure--vertical-lines .button--primary,
.bg-dark .structure--vertical-lines .button--primary-positive,
.bg-dark .structure--vertical-lines .button--secondary,
.bg-dark .structure--vertical-lines .button--secondary-positive,
.bg-dark .structure--vertical-lines .button--tertiary,
.bg-dark .structure--vertical-lines .button--tertiary-positive,
.bg-dark-accent .structure--vertical-lines .button--primary,
.bg-dark-accent .structure--vertical-lines .button--primary-positive,
.bg-dark-accent .structure--vertical-lines .button--secondary,
.bg-dark-accent .structure--vertical-lines .button--secondary-positive,
.bg-dark-accent .structure--vertical-lines .button--tertiary,
.bg-dark-accent .structure--vertical-lines .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .structure--vertical-lines .button--primary,
.bg-dark .structure--vertical-lines .button--primary-positive,
.bg-dark-accent .structure--vertical-lines .button--primary,
.bg-dark-accent .structure--vertical-lines .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.bg-dark .structure--vertical-lines .button--secondary,
.bg-dark .structure--vertical-lines .button--secondary-positive,
.bg-dark-accent .structure--vertical-lines .button--secondary,
.bg-dark-accent .structure--vertical-lines .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.bg-dark .structure--vertical-lines .button--tertiary,
.bg-dark .structure--vertical-lines .button--tertiary-positive,
.bg-dark-accent .structure--vertical-lines .button--tertiary,
.bg-dark-accent .structure--vertical-lines .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.bg-dark .structure--vertical-lines .structure-content-item:before,
.bg-dark-accent .structure--vertical-lines .structure-content-item:before {
  border-left-color: var(--kfw-color-white)
}

@media only print and (width >=0px) {

  .structure--vertical-lines.structure--z1 .structure-content-item:not(:nth-child(odd)),
  .structure--vertical-lines.structure--z1 .swiper-slide:not(:nth-child(odd)) .structure-content-item {
    position: relative
  }

  .structure--vertical-lines.structure--z1 .structure-content-item:not(:nth-child(odd)):before,
  .structure--vertical-lines.structure--z1 .swiper-slide:not(:nth-child(odd)) .structure-content-item:before {
    border-left: 1px solid var(--color-line-8);
    bottom: 0;
    content: "";
    height: 100%;
    left: calc(-1*var(--gap)/2 - .5px);
    position: absolute;
    top: 0
  }
}

@media only screen and (min-width:600px) {

  .structure--vertical-lines.structure--z1 .structure-content-item:not(:nth-child(odd)),
  .structure--vertical-lines.structure--z1 .swiper-slide:not(:nth-child(odd)) .structure-content-item {
    position: relative
  }

  .structure--vertical-lines.structure--z1 .structure-content-item:not(:nth-child(odd)):before,
  .structure--vertical-lines.structure--z1 .swiper-slide:not(:nth-child(odd)) .structure-content-item:before {
    border-left: 1px solid var(--color-line-8);
    bottom: 0;
    content: "";
    height: 100%;
    left: calc(-1*var(--gap)/2 - .5px);
    position: absolute;
    top: 0
  }
}

@media(min-width:600px)and (max-width:calc(840px - 1px)) {

  .structure--vertical-lines.structure--z4 .structure-content-item:not(:nth-child(odd)),
  .structure--vertical-lines.structure--z4 .swiper-slide:not(:nth-child(odd)) .structure-content-item {
    position: relative
  }

  .structure--vertical-lines.structure--z4 .structure-content-item:not(:nth-child(odd)):before,
  .structure--vertical-lines.structure--z4 .swiper-slide:not(:nth-child(odd)) .structure-content-item:before {
    border-left: 1px solid var(--color-line-8);
    bottom: 0;
    content: "";
    height: 100%;
    left: calc(-1*var(--gap)/2 - .5px);
    position: absolute;
    top: 0
  }
}

@media only print and (width >=0px) {

  .structure--vertical-lines.structure--z4 .structure-content-item:not(:nth-child(3n+1)),
  .structure--vertical-lines.structure--z4 .swiper-slide:not(:nth-child(3n+1)) .structure-content-item {
    position: relative
  }

  .structure--vertical-lines.structure--z4 .structure-content-item:not(:nth-child(3n+1)):before,
  .structure--vertical-lines.structure--z4 .swiper-slide:not(:nth-child(3n+1)) .structure-content-item:before {
    border-left: 1px solid var(--color-line-8);
    bottom: 0;
    content: "";
    height: 100%;
    left: calc(-1*var(--gap)/2 - .5px);
    position: absolute;
    top: 0
  }
}

@media only screen and (min-width:840px) {

  .structure--vertical-lines.structure--z4 .structure-content-item:not(:nth-child(3n+1)),
  .structure--vertical-lines.structure--z4 .swiper-slide:not(:nth-child(3n+1)) .structure-content-item {
    position: relative
  }

  .structure--vertical-lines.structure--z4 .structure-content-item:not(:nth-child(3n+1)):before,
  .structure--vertical-lines.structure--z4 .swiper-slide:not(:nth-child(3n+1)) .structure-content-item:before {
    border-left: 1px solid var(--color-line-8);
    bottom: 0;
    content: "";
    height: 100%;
    left: calc(-1*var(--gap)/2 - .5px);
    position: absolute;
    top: 0
  }
}

@media(min-width:600px)and (max-width:calc(840px - 1px)) {

  .structure--vertical-lines.structure--z5 .structure-content-item:not(:nth-child(odd)),
  .structure--vertical-lines.structure--z5 .swiper-slide:not(:nth-child(odd)) .structure-content-item {
    position: relative
  }

  .structure--vertical-lines.structure--z5 .structure-content-item:not(:nth-child(odd)):before,
  .structure--vertical-lines.structure--z5 .swiper-slide:not(:nth-child(odd)) .structure-content-item:before {
    border-left: 1px solid var(--color-line-8);
    bottom: 0;
    content: "";
    height: 100%;
    left: calc(-1*var(--gap)/2 - .5px);
    position: absolute;
    top: 0
  }
}

@media only print and (width >=0px) {

  .structure--vertical-lines.structure--z5 .structure-content-item:not(:nth-child(4n-7)),
  .structure--vertical-lines.structure--z5 .swiper-slide:not(:nth-child(4n-7)) .structure-content-item {
    position: relative
  }

  .structure--vertical-lines.structure--z5 .structure-content-item:not(:nth-child(4n-7)):before,
  .structure--vertical-lines.structure--z5 .swiper-slide:not(:nth-child(4n-7)) .structure-content-item:before {
    border-left: 1px solid var(--color-line-8);
    bottom: 0;
    content: "";
    height: 100%;
    left: calc(-1*var(--gap)/2 - .5px);
    position: absolute;
    top: 0
  }
}

@media only screen and (min-width:1280px) {

  .structure--vertical-lines.structure--z5 .structure-content-item:not(:nth-child(4n-7)),
  .structure--vertical-lines.structure--z5 .swiper-slide:not(:nth-child(4n-7)) .structure-content-item {
    position: relative
  }

  .structure--vertical-lines.structure--z5 .structure-content-item:not(:nth-child(4n-7)):before,
  .structure--vertical-lines.structure--z5 .swiper-slide:not(:nth-child(4n-7)) .structure-content-item:before {
    border-left: 1px solid var(--color-line-8);
    bottom: 0;
    content: "";
    height: 100%;
    left: calc(-1*var(--gap)/2 - .5px);
    position: absolute;
    top: 0
  }
}

@media only print and (width >=0px) {

  .structure--vertical-lines.structure--z5 .structure-content-item:not(:nth-child(3n+1)),
  .structure--vertical-lines.structure--z5 .swiper-slide:not(:nth-child(3n+1)) .structure-content-item {
    position: relative
  }

  .structure--vertical-lines.structure--z5 .structure-content-item:not(:nth-child(3n+1)):before,
  .structure--vertical-lines.structure--z5 .swiper-slide:not(:nth-child(3n+1)) .structure-content-item:before {
    border-left: 1px solid var(--color-line-8);
    bottom: 0;
    content: "";
    height: 100%;
    left: calc(-1*var(--gap)/2 - .5px);
    position: absolute;
    top: 0
  }
}

@media only screen and (min-width:840px)and (max-width:calc(1280px - 1px)) {

  .structure--vertical-lines.structure--z5 .structure-content-item:not(:nth-child(3n+1)),
  .structure--vertical-lines.structure--z5 .swiper-slide:not(:nth-child(3n+1)) .structure-content-item {
    position: relative
  }

  .structure--vertical-lines.structure--z5 .structure-content-item:not(:nth-child(3n+1)):before,
  .structure--vertical-lines.structure--z5 .swiper-slide:not(:nth-child(3n+1)) .structure-content-item:before {
    border-left: 1px solid var(--color-line-8);
    bottom: 0;
    content: "";
    height: 100%;
    left: calc(-1*var(--gap)/2 - .5px);
    position: absolute;
    top: 0
  }
}

.structure--vertical-lines .structure-content-grid,
.structure--vertical-lines .swiper {
  width: 100%
}

.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.structure[class*=bg-]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.structure[class*=bg-].bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.structure[class*=bg-].bg-dark .button--primary,
.structure[class*=bg-].bg-dark .button--primary-positive,
.structure[class*=bg-].bg-dark .button--secondary,
.structure[class*=bg-].bg-dark .button--secondary-positive,
.structure[class*=bg-].bg-dark .button--tertiary,
.structure[class*=bg-].bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.structure[class*=bg-].bg-dark .button--primary,
.structure[class*=bg-].bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.structure[class*=bg-].bg-dark .button--secondary,
.structure[class*=bg-].bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.structure[class*=bg-].bg-dark .button--tertiary,
.structure[class*=bg-].bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.structure[class*=bg-].bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.structure[class*=bg-].bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.structure[class*=bg-].bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.structure[class*=bg-].bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.structure[class*=bg-].bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.structure[class*=bg-].bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.structure[class*=bg-].bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.structure[class*=bg-].bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.structure[class*=bg-].bg-dark,
:where(main)>.structure[class*=bg-].bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.structure[class*=bg-].bg-dark+*>*,
:where(main)>.structure[class*=bg-].bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .structure[class*=bg-].bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .structure[class*=bg-].bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.structure[class*=bg-].bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.structure[class*=bg-].bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .structure[class*=bg-].bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .structure[class*=bg-].bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .structure[class*=bg-].bg-dark.product-header,
  .structure[class*=bg-].bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .structure[class*=bg-].bg-dark.product-header,
  .structure[class*=bg-].bg-dark.product-header[class*=bg-],
  .structure[class*=bg-].bg-dark[class*=bg-],
  .structure[class*=bg-].bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .structure[class*=bg-].bg-dark.product-header .hintbox-icon img,
  .structure[class*=bg-].bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .structure[class*=bg-].bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .structure[class*=bg-].bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .structure[class*=bg-].bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .structure[class*=bg-].bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.structure[class*=bg-].bg-dark .details--s9>.details .main-column[class*=bg-],
.structure[class*=bg-].bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .structure[class*=bg-].bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .structure[class*=bg-].bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.structure[class*=bg-].bg-dark .hintbox,
.structure[class*=bg-].bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.structure[class*=bg-].bg-dark,
.overlay-content .main-column>.structure[class*=bg-].bg-dark .structure[class*=bg-].bg-dark,
.overlay-content body>.structure[class*=bg-].bg-dark,
.overlay-content>.structure[class*=bg-].bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.structure[class*=bg-].bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.structure[class*=bg-].bg-dark .structure[class*=bg-].bg-dark .product-label.product-label--overflow,
.overlay-content body>.structure[class*=bg-].bg-dark .product-label.product-label--overflow,
.overlay-content>.structure[class*=bg-].bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.structure[class*=bg-].bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.structure[class*=bg-].bg-dark-accent .button--primary,
.structure[class*=bg-].bg-dark-accent .button--primary-positive,
.structure[class*=bg-].bg-dark-accent .button--secondary,
.structure[class*=bg-].bg-dark-accent .button--secondary-positive,
.structure[class*=bg-].bg-dark-accent .button--tertiary,
.structure[class*=bg-].bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.structure[class*=bg-].bg-dark-accent .button--primary,
.structure[class*=bg-].bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.structure[class*=bg-].bg-dark-accent .button--secondary,
.structure[class*=bg-].bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.structure[class*=bg-].bg-dark-accent .button--tertiary,
.structure[class*=bg-].bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.structure[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.structure[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.structure[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.structure[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.structure[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.structure[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.structure[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.structure[class*=bg-].bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.structure[class*=bg-].bg-dark-accent,
:where(main)>.structure[class*=bg-].bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.structure[class*=bg-].bg-dark-accent+*>*,
:where(main)>.structure[class*=bg-].bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .structure[class*=bg-].bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .structure[class*=bg-].bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.structure[class*=bg-].bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.structure[class*=bg-].bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .structure[class*=bg-].bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .structure[class*=bg-].bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .structure[class*=bg-].bg-dark-accent.product-header,
  .structure[class*=bg-].bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .structure[class*=bg-].bg-dark-accent.product-header,
  .structure[class*=bg-].bg-dark-accent.product-header[class*=bg-],
  .structure[class*=bg-].bg-dark-accent[class*=bg-],
  .structure[class*=bg-].bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .structure[class*=bg-].bg-dark-accent.product-header .hintbox-icon img,
  .structure[class*=bg-].bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .structure[class*=bg-].bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .structure[class*=bg-].bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .structure[class*=bg-].bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .structure[class*=bg-].bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.structure[class*=bg-].bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.structure[class*=bg-].bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .structure[class*=bg-].bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .structure[class*=bg-].bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.structure[class*=bg-].bg-dark-accent .hintbox,
.structure[class*=bg-].bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.structure[class*=bg-].bg-dark-accent,
.overlay-content .main-column>.structure[class*=bg-].bg-dark-accent .structure[class*=bg-].bg-dark-accent,
.overlay-content body>.structure[class*=bg-].bg-dark-accent,
.overlay-content>.structure[class*=bg-].bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.structure[class*=bg-].bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.structure[class*=bg-].bg-dark-accent .structure[class*=bg-].bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.structure[class*=bg-].bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.structure[class*=bg-].bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.structure[class*=bg-].bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.structure[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.structure[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.structure[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.structure[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.structure[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.structure[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.structure[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.structure[class*=bg-].bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.structure[class*=bg-].bg-light-accent,
:where(main)>.structure[class*=bg-].bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.structure[class*=bg-].bg-light-accent+*>*,
:where(main)>.structure[class*=bg-].bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .structure[class*=bg-].bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .structure[class*=bg-].bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.structure[class*=bg-].bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.structure[class*=bg-].bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .structure[class*=bg-].bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .structure[class*=bg-].bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .structure[class*=bg-].bg-light-accent.product-header,
  .structure[class*=bg-].bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .structure[class*=bg-].bg-light-accent.product-header,
  .structure[class*=bg-].bg-light-accent.product-header[class*=bg-],
  .structure[class*=bg-].bg-light-accent[class*=bg-],
  .structure[class*=bg-].bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .structure[class*=bg-].bg-light-accent.product-header .hintbox-icon img,
  .structure[class*=bg-].bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .structure[class*=bg-].bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .structure[class*=bg-].bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .structure[class*=bg-].bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .structure[class*=bg-].bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.structure[class*=bg-].bg-light-accent .details--s9>.details .main-column[class*=bg-],
.structure[class*=bg-].bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .structure[class*=bg-].bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .structure[class*=bg-].bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.structure[class*=bg-].bg-light-accent .hintbox,
.structure[class*=bg-].bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.structure[class*=bg-].bg-light-accent,
.overlay-content .main-column>.structure[class*=bg-].bg-light-accent .structure[class*=bg-].bg-light-accent,
.overlay-content body>.structure[class*=bg-].bg-light-accent,
.overlay-content>.structure[class*=bg-].bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.structure[class*=bg-].bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.structure[class*=bg-].bg-light-accent .structure[class*=bg-].bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.structure[class*=bg-].bg-light-accent .product-label.product-label--overflow,
.overlay-content>.structure[class*=bg-].bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.structure[class*=bg-].bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.structure[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.structure[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.structure[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.structure[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.structure[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.structure[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.structure[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.structure[class*=bg-].bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.structure[class*=bg-].bg-light-accent-secondary,
:where(main)>.structure[class*=bg-].bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.structure[class*=bg-].bg-light-accent-secondary+*>*,
:where(main)>.structure[class*=bg-].bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .structure[class*=bg-].bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .structure[class*=bg-].bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.structure[class*=bg-].bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.structure[class*=bg-].bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .structure[class*=bg-].bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .structure[class*=bg-].bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .structure[class*=bg-].bg-light-accent-secondary.product-header,
  .structure[class*=bg-].bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .structure[class*=bg-].bg-light-accent-secondary.product-header,
  .structure[class*=bg-].bg-light-accent-secondary.product-header[class*=bg-],
  .structure[class*=bg-].bg-light-accent-secondary[class*=bg-],
  .structure[class*=bg-].bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .structure[class*=bg-].bg-light-accent-secondary.product-header .hintbox-icon img,
  .structure[class*=bg-].bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .structure[class*=bg-].bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .structure[class*=bg-].bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .structure[class*=bg-].bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .structure[class*=bg-].bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.structure[class*=bg-].bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.structure[class*=bg-].bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .structure[class*=bg-].bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .structure[class*=bg-].bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.structure[class*=bg-].bg-light-accent-secondary .hintbox,
.structure[class*=bg-].bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.structure[class*=bg-].bg-light-accent-secondary,
.overlay-content .main-column>.structure[class*=bg-].bg-light-accent-secondary .structure[class*=bg-].bg-light-accent-secondary,
.overlay-content body>.structure[class*=bg-].bg-light-accent-secondary,
.overlay-content>.structure[class*=bg-].bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.structure[class*=bg-].bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.structure[class*=bg-].bg-light-accent-secondary .structure[class*=bg-].bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.structure[class*=bg-].bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.structure[class*=bg-].bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.structure[class*=bg-].bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.structure[class*=bg-].bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.structure[class*=bg-].bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.structure[class*=bg-].bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.structure[class*=bg-].bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.structure[class*=bg-].bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.structure[class*=bg-].bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.structure[class*=bg-].bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.structure[class*=bg-].bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.structure[class*=bg-].bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.structure[class*=bg-].bg-light,
:where(main)>.structure[class*=bg-].bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.structure[class*=bg-].bg-light+*>*,
:where(main)>.structure[class*=bg-].bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .structure[class*=bg-].bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .structure[class*=bg-].bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.structure[class*=bg-].bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.structure[class*=bg-].bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .structure[class*=bg-].bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .structure[class*=bg-].bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .structure[class*=bg-].bg-light.product-header,
  .structure[class*=bg-].bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .structure[class*=bg-].bg-light.product-header,
  .structure[class*=bg-].bg-light.product-header[class*=bg-],
  .structure[class*=bg-].bg-light[class*=bg-],
  .structure[class*=bg-].bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .structure[class*=bg-].bg-light.product-header .hintbox-icon img,
  .structure[class*=bg-].bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .structure[class*=bg-].bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .structure[class*=bg-].bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .structure[class*=bg-].bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .structure[class*=bg-].bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.structure[class*=bg-].bg-light .details--s9>.details .main-column[class*=bg-],
.structure[class*=bg-].bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .structure[class*=bg-].bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .structure[class*=bg-].bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.structure[class*=bg-].bg-light .hintbox,
.structure[class*=bg-].bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.structure[class*=bg-].bg-light,
.overlay-content .main-column>.structure[class*=bg-].bg-light .structure[class*=bg-].bg-light,
.overlay-content body>.structure[class*=bg-].bg-light,
.overlay-content>.structure[class*=bg-].bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.structure[class*=bg-].bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.structure[class*=bg-].bg-light .structure[class*=bg-].bg-light .product-label.product-label--overflow,
.overlay-content body>.structure[class*=bg-].bg-light .product-label.product-label--overflow,
.overlay-content>.structure[class*=bg-].bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.details .structure[class*=bg-],
.details .structure[class*=bg-][class*=bg-],
main:not(.page-s12, .page-s1) :not(.banner)>.structure[class*=bg-],
main:not(.page-s12, .page-s1) :not(.banner)>.structure[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.details .structure .structure-headline,
.two-column-container .structure .structure-headline {
  display: none
}

.structure .teaser {
  min-width: 100%
}

.stage {
  --c-overflow: var(--stage-overflow)
}

.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stage.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.stage.bg-dark .button--primary,
.stage.bg-dark .button--primary-positive,
.stage.bg-dark .button--secondary,
.stage.bg-dark .button--secondary-positive,
.stage.bg-dark .button--tertiary,
.stage.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stage.bg-dark .button--primary,
.stage.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stage.bg-dark .button--secondary,
.stage.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.stage.bg-dark .button--tertiary,
.stage.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.stage.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stage.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stage.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stage.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stage.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.stage.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stage.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stage.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stage.bg-dark,
:where(main)>.stage.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stage.bg-dark+*>*,
:where(main)>.stage.bg-dark>* {
  --margin-top: initial
}

.stage.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stage.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stage.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stage.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stage.bg-dark.product-header,
  .stage.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stage.bg-dark.product-header,
  .stage.bg-dark.product-header[class*=bg-],
  .stage.bg-dark[class*=bg-],
  .stage.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stage.bg-dark.product-header .hintbox-icon img,
  .stage.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stage.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stage.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stage.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stage.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.stage.bg-dark .details--s9>.details .main-column[class*=bg-],
.stage.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stage.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stage.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stage.bg-dark .hintbox,
.stage.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stage.bg-dark,
.overlay-content .main-column>.stage.bg-dark .stage.bg-dark,
.overlay-content body>.stage.bg-dark,
.overlay-content>.stage.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stage.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.stage.bg-dark .stage.bg-dark .product-label.product-label--overflow,
.overlay-content body>.stage.bg-dark .product-label.product-label--overflow,
.overlay-content>.stage.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stage.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.stage.bg-dark-accent .button--primary,
.stage.bg-dark-accent .button--primary-positive,
.stage.bg-dark-accent .button--secondary,
.stage.bg-dark-accent .button--secondary-positive,
.stage.bg-dark-accent .button--tertiary,
.stage.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stage.bg-dark-accent .button--primary,
.stage.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stage.bg-dark-accent .button--secondary,
.stage.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.stage.bg-dark-accent .button--tertiary,
.stage.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.stage.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stage.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stage.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stage.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stage.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.stage.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stage.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stage.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stage.bg-dark-accent,
:where(main)>.stage.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stage.bg-dark-accent+*>*,
:where(main)>.stage.bg-dark-accent>* {
  --margin-top: initial
}

.stage.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stage.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stage.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stage.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stage.bg-dark-accent.product-header,
  .stage.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stage.bg-dark-accent.product-header,
  .stage.bg-dark-accent.product-header[class*=bg-],
  .stage.bg-dark-accent[class*=bg-],
  .stage.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stage.bg-dark-accent.product-header .hintbox-icon img,
  .stage.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stage.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stage.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stage.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stage.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.stage.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.stage.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stage.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stage.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stage.bg-dark-accent .hintbox,
.stage.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stage.bg-dark-accent,
.overlay-content .main-column>.stage.bg-dark-accent .stage.bg-dark-accent,
.overlay-content body>.stage.bg-dark-accent,
.overlay-content>.stage.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stage.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.stage.bg-dark-accent .stage.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.stage.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.stage.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stage.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.stage.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stage.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stage.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stage.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stage.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.stage.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stage.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stage.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stage.bg-light-accent,
:where(main)>.stage.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stage.bg-light-accent+*>*,
:where(main)>.stage.bg-light-accent>* {
  --margin-top: initial
}

.stage.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stage.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stage.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stage.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stage.bg-light-accent.product-header,
  .stage.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stage.bg-light-accent.product-header,
  .stage.bg-light-accent.product-header[class*=bg-],
  .stage.bg-light-accent[class*=bg-],
  .stage.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stage.bg-light-accent.product-header .hintbox-icon img,
  .stage.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stage.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stage.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stage.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stage.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.stage.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.stage.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stage.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stage.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stage.bg-light-accent .hintbox,
.stage.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stage.bg-light-accent,
.overlay-content .main-column>.stage.bg-light-accent .stage.bg-light-accent,
.overlay-content body>.stage.bg-light-accent,
.overlay-content>.stage.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stage.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.stage.bg-light-accent .stage.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.stage.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.stage.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stage.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.stage.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stage.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stage.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stage.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stage.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.stage.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stage.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stage.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stage.bg-light-accent-secondary,
:where(main)>.stage.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stage.bg-light-accent-secondary+*>*,
:where(main)>.stage.bg-light-accent-secondary>* {
  --margin-top: initial
}

.stage.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stage.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stage.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stage.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stage.bg-light-accent-secondary.product-header,
  .stage.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stage.bg-light-accent-secondary.product-header,
  .stage.bg-light-accent-secondary.product-header[class*=bg-],
  .stage.bg-light-accent-secondary[class*=bg-],
  .stage.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stage.bg-light-accent-secondary.product-header .hintbox-icon img,
  .stage.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stage.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stage.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stage.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stage.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.stage.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.stage.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stage.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stage.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stage.bg-light-accent-secondary .hintbox,
.stage.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stage.bg-light-accent-secondary,
.overlay-content .main-column>.stage.bg-light-accent-secondary .stage.bg-light-accent-secondary,
.overlay-content body>.stage.bg-light-accent-secondary,
.overlay-content>.stage.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stage.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.stage.bg-light-accent-secondary .stage.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.stage.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.stage.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stage.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.stage.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stage.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stage.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stage.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stage.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.stage.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stage.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stage.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stage.bg-light,
:where(main)>.stage.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stage.bg-light+*>*,
:where(main)>.stage.bg-light>* {
  --margin-top: initial
}

.stage.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stage.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stage.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stage.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stage.bg-light.product-header,
  .stage.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stage.bg-light.product-header,
  .stage.bg-light.product-header[class*=bg-],
  .stage.bg-light[class*=bg-],
  .stage.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stage.bg-light.product-header .hintbox-icon img,
  .stage.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stage.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stage.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stage.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stage.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.stage.bg-light .details--s9>.details .main-column[class*=bg-],
.stage.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stage.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stage.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stage.bg-light .hintbox,
.stage.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stage.bg-light,
.overlay-content .main-column>.stage.bg-light .stage.bg-light,
.overlay-content body>.stage.bg-light,
.overlay-content>.stage.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stage.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.stage.bg-light .stage.bg-light .product-label.product-label--overflow,
.overlay-content body>.stage.bg-light .product-label.product-label--overflow,
.overlay-content>.stage.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stage:not(.js-initialized) .swiper-slide:not(:first-child),
.stage:not(.js-initialized) div[data-slide=true]:not(:first-child) {
  opacity: 0;
  position: absolute;
  top: 0
}

.stage .stage-slide {
  align-items: center;
  background: var(--color-background-light);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  position: relative
}

.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--padding-x, 0);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.stage .stage-slide-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stage .stage-slide-content.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, 0);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.stage .stage-slide-content.bg-dark .button--primary,
.stage .stage-slide-content.bg-dark .button--primary-positive,
.stage .stage-slide-content.bg-dark .button--secondary,
.stage .stage-slide-content.bg-dark .button--secondary-positive,
.stage .stage-slide-content.bg-dark .button--tertiary,
.stage .stage-slide-content.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stage .stage-slide-content.bg-dark .button--primary,
.stage .stage-slide-content.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stage .stage-slide-content.bg-dark .button--secondary,
.stage .stage-slide-content.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.stage .stage-slide-content.bg-dark .button--tertiary,
.stage .stage-slide-content.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.stage .stage-slide-content.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stage .stage-slide-content.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stage .stage-slide-content.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stage .stage-slide-content.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stage .stage-slide-content.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.stage .stage-slide-content.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stage .stage-slide-content.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stage .stage-slide-content.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stage .stage-slide-content.bg-dark,
:where(main)>.stage .stage-slide-content.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stage .stage-slide-content.bg-dark+*>*,
:where(main)>.stage .stage-slide-content.bg-dark>* {
  --margin-top: initial
}

.stage .stage-slide-content.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stage .stage-slide-content.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stage .stage-slide-content.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stage .stage-slide-content.bg-dark.product-header,
  .stage .stage-slide-content.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stage .stage-slide-content.bg-dark.product-header,
  .stage .stage-slide-content.bg-dark.product-header[class*=bg-],
  .stage .stage-slide-content.bg-dark[class*=bg-],
  .stage .stage-slide-content.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stage .stage-slide-content.bg-dark.product-header .hintbox-icon img,
  .stage .stage-slide-content.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stage .stage-slide-content.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stage .stage-slide-content.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stage .stage-slide-content.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stage .stage-slide-content.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.stage .stage-slide-content.bg-dark .details--s9>.details .main-column[class*=bg-],
.stage .stage-slide-content.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stage .stage-slide-content.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stage .stage-slide-content.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stage .stage-slide-content.bg-dark .hintbox,
.stage .stage-slide-content.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stage .stage-slide-content.bg-dark,
.overlay-content .main-column>.stage .stage-slide-content.bg-dark .stage .stage-slide-content.bg-dark,
.overlay-content body>.stage .stage-slide-content.bg-dark,
.overlay-content>.stage .stage-slide-content.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stage .stage-slide-content.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.stage .stage-slide-content.bg-dark .stage .stage-slide-content.bg-dark .product-label.product-label--overflow,
.overlay-content body>.stage .stage-slide-content.bg-dark .product-label.product-label--overflow,
.overlay-content>.stage .stage-slide-content.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stage .stage-slide-content.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, 0);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.stage .stage-slide-content.bg-dark-accent .button--primary,
.stage .stage-slide-content.bg-dark-accent .button--primary-positive,
.stage .stage-slide-content.bg-dark-accent .button--secondary,
.stage .stage-slide-content.bg-dark-accent .button--secondary-positive,
.stage .stage-slide-content.bg-dark-accent .button--tertiary,
.stage .stage-slide-content.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stage .stage-slide-content.bg-dark-accent .button--primary,
.stage .stage-slide-content.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stage .stage-slide-content.bg-dark-accent .button--secondary,
.stage .stage-slide-content.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.stage .stage-slide-content.bg-dark-accent .button--tertiary,
.stage .stage-slide-content.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.stage .stage-slide-content.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stage .stage-slide-content.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stage .stage-slide-content.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stage .stage-slide-content.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stage .stage-slide-content.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.stage .stage-slide-content.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stage .stage-slide-content.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stage .stage-slide-content.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stage .stage-slide-content.bg-dark-accent,
:where(main)>.stage .stage-slide-content.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stage .stage-slide-content.bg-dark-accent+*>*,
:where(main)>.stage .stage-slide-content.bg-dark-accent>* {
  --margin-top: initial
}

.stage .stage-slide-content.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stage .stage-slide-content.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stage .stage-slide-content.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stage .stage-slide-content.bg-dark-accent.product-header,
  .stage .stage-slide-content.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stage .stage-slide-content.bg-dark-accent.product-header,
  .stage .stage-slide-content.bg-dark-accent.product-header[class*=bg-],
  .stage .stage-slide-content.bg-dark-accent[class*=bg-],
  .stage .stage-slide-content.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stage .stage-slide-content.bg-dark-accent.product-header .hintbox-icon img,
  .stage .stage-slide-content.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stage .stage-slide-content.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stage .stage-slide-content.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stage .stage-slide-content.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stage .stage-slide-content.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.stage .stage-slide-content.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.stage .stage-slide-content.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stage .stage-slide-content.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stage .stage-slide-content.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stage .stage-slide-content.bg-dark-accent .hintbox,
.stage .stage-slide-content.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stage .stage-slide-content.bg-dark-accent,
.overlay-content .main-column>.stage .stage-slide-content.bg-dark-accent .stage .stage-slide-content.bg-dark-accent,
.overlay-content body>.stage .stage-slide-content.bg-dark-accent,
.overlay-content>.stage .stage-slide-content.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stage .stage-slide-content.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.stage .stage-slide-content.bg-dark-accent .stage .stage-slide-content.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.stage .stage-slide-content.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.stage .stage-slide-content.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stage .stage-slide-content.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, 0);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.stage .stage-slide-content.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stage .stage-slide-content.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stage .stage-slide-content.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stage .stage-slide-content.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stage .stage-slide-content.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.stage .stage-slide-content.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stage .stage-slide-content.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stage .stage-slide-content.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stage .stage-slide-content.bg-light-accent,
:where(main)>.stage .stage-slide-content.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stage .stage-slide-content.bg-light-accent+*>*,
:where(main)>.stage .stage-slide-content.bg-light-accent>* {
  --margin-top: initial
}

.stage .stage-slide-content.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stage .stage-slide-content.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stage .stage-slide-content.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stage .stage-slide-content.bg-light-accent.product-header,
  .stage .stage-slide-content.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stage .stage-slide-content.bg-light-accent.product-header,
  .stage .stage-slide-content.bg-light-accent.product-header[class*=bg-],
  .stage .stage-slide-content.bg-light-accent[class*=bg-],
  .stage .stage-slide-content.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stage .stage-slide-content.bg-light-accent.product-header .hintbox-icon img,
  .stage .stage-slide-content.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stage .stage-slide-content.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stage .stage-slide-content.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stage .stage-slide-content.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stage .stage-slide-content.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.stage .stage-slide-content.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.stage .stage-slide-content.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stage .stage-slide-content.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stage .stage-slide-content.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stage .stage-slide-content.bg-light-accent .hintbox,
.stage .stage-slide-content.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stage .stage-slide-content.bg-light-accent,
.overlay-content .main-column>.stage .stage-slide-content.bg-light-accent .stage .stage-slide-content.bg-light-accent,
.overlay-content body>.stage .stage-slide-content.bg-light-accent,
.overlay-content>.stage .stage-slide-content.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stage .stage-slide-content.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.stage .stage-slide-content.bg-light-accent .stage .stage-slide-content.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.stage .stage-slide-content.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.stage .stage-slide-content.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stage .stage-slide-content.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, 0);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.stage .stage-slide-content.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stage .stage-slide-content.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stage .stage-slide-content.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stage .stage-slide-content.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stage .stage-slide-content.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.stage .stage-slide-content.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stage .stage-slide-content.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stage .stage-slide-content.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stage .stage-slide-content.bg-light-accent-secondary,
:where(main)>.stage .stage-slide-content.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stage .stage-slide-content.bg-light-accent-secondary+*>*,
:where(main)>.stage .stage-slide-content.bg-light-accent-secondary>* {
  --margin-top: initial
}

.stage .stage-slide-content.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stage .stage-slide-content.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stage .stage-slide-content.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stage .stage-slide-content.bg-light-accent-secondary.product-header,
  .stage .stage-slide-content.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stage .stage-slide-content.bg-light-accent-secondary.product-header,
  .stage .stage-slide-content.bg-light-accent-secondary.product-header[class*=bg-],
  .stage .stage-slide-content.bg-light-accent-secondary[class*=bg-],
  .stage .stage-slide-content.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stage .stage-slide-content.bg-light-accent-secondary.product-header .hintbox-icon img,
  .stage .stage-slide-content.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stage .stage-slide-content.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stage .stage-slide-content.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stage .stage-slide-content.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stage .stage-slide-content.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.stage .stage-slide-content.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.stage .stage-slide-content.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stage .stage-slide-content.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stage .stage-slide-content.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stage .stage-slide-content.bg-light-accent-secondary .hintbox,
.stage .stage-slide-content.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stage .stage-slide-content.bg-light-accent-secondary,
.overlay-content .main-column>.stage .stage-slide-content.bg-light-accent-secondary .stage .stage-slide-content.bg-light-accent-secondary,
.overlay-content body>.stage .stage-slide-content.bg-light-accent-secondary,
.overlay-content>.stage .stage-slide-content.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stage .stage-slide-content.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.stage .stage-slide-content.bg-light-accent-secondary .stage .stage-slide-content.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.stage .stage-slide-content.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.stage .stage-slide-content.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stage .stage-slide-content.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x, 0);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.stage .stage-slide-content.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stage .stage-slide-content.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stage .stage-slide-content.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stage .stage-slide-content.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stage .stage-slide-content.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.stage .stage-slide-content.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stage .stage-slide-content.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stage .stage-slide-content.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stage .stage-slide-content.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stage .stage-slide-content.bg-light,
:where(main)>.stage .stage-slide-content.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stage .stage-slide-content.bg-light+*>*,
:where(main)>.stage .stage-slide-content.bg-light>* {
  --margin-top: initial
}

.stage .stage-slide-content.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stage .stage-slide-content.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stage .stage-slide-content.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stage .stage-slide-content.bg-light.product-header,
  .stage .stage-slide-content.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stage .stage-slide-content.bg-light.product-header,
  .stage .stage-slide-content.bg-light.product-header[class*=bg-],
  .stage .stage-slide-content.bg-light[class*=bg-],
  .stage .stage-slide-content.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stage .stage-slide-content.bg-light.product-header .hintbox-icon img,
  .stage .stage-slide-content.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stage .stage-slide-content.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stage .stage-slide-content.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stage .stage-slide-content.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stage .stage-slide-content.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.stage .stage-slide-content.bg-light .details--s9>.details .main-column[class*=bg-],
.stage .stage-slide-content.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stage .stage-slide-content.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stage .stage-slide-content.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stage .stage-slide-content.bg-light .hintbox,
.stage .stage-slide-content.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stage .stage-slide-content.bg-light,
.overlay-content .main-column>.stage .stage-slide-content.bg-light .stage .stage-slide-content.bg-light,
.overlay-content body>.stage .stage-slide-content.bg-light,
.overlay-content>.stage .stage-slide-content.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stage .stage-slide-content.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.stage .stage-slide-content.bg-light .stage .stage-slide-content.bg-light .product-label.product-label--overflow,
.overlay-content body>.stage .stage-slide-content.bg-light .product-label.product-label--overflow,
.overlay-content>.stage .stage-slide-content.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

@media only print and (width >=0px) {
  .stage .stage-slide-content {
    --padding-x: var(--gutter);
    background: none;
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    position: absolute;
    top: 3rem
  }

  .stage .stage-slide-content--right .stage-box {
    grid-column-start: calc(12 - var(--col) + 1)
  }

  .stage .stage-slide-content .stage-box {
    --col: 6;
    grid-column: auto/span var(--col)
  }
}

@media only screen and (min-width:840px) {
  .stage .stage-slide-content {
    --padding-x: var(--gutter);
    background: none;
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    position: absolute;
    top: 3rem
  }

  .stage .stage-slide-content--right .stage-box {
    grid-column-start: calc(12 - var(--col) + 1)
  }

  .stage .stage-slide-content .stage-box {
    --col: 6;
    grid-column: auto/span var(--col)
  }
}

@media only print and (width >=0px) {
  .stage .stage-slide-content .stage-box {
    --col: 5
  }
}

@media only screen and (min-width:960px) {
  .stage .stage-slide-content .stage-box {
    --col: 5
  }
}

@media only print and (width >=0px) {
  .stage .stage-slide-content {
    --padding-x: var(--c-overflow);
    top: 4rem
  }
}

@media only screen and (min-width:1280px) {
  .stage .stage-slide-content {
    --padding-x: var(--c-overflow);
    top: 4rem
  }
}

.stage .stage-slide-media {
  aspect-ratio: 5/2;
  height: auto;
  max-width: 100%;
  width: 100%
}

@media only print and (width >=0px) {
  .stage .stage-slide-media {
    aspect-ratio: 3/1
  }
}

@media only screen and (min-width:600px) {
  .stage .stage-slide-media {
    aspect-ratio: 3/1
  }
}

.stage .stage-box {
  padding: 0 0 3rem
}

@media only print and (width >=0px) {
  .stage .stage-box {
    --tb-image: var(--transformation-beam-default);
    --tb-ratio: 326/19;
    container-type: inline-size
  }

  .stage .stage-box:before {
    aspect-ratio: var(--tb-ratio);
    background-image: var(--tb-image);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: auto;
    margin-bottom: var(--tb-mb, .5rem);
    min-height: var(--tb-height, 2rem);
    width: 100%
  }

  @container (min-width: 600px) {
    .stage .stage-box:before {
      --tb-image: var(--transformation-beam-600);
      --tb-ratio: 30/1
    }
  }

  @container (min-width: 840px) {
    .stage .stage-box:before {
      --tb-image: var(--transformation-beam-840);
      --tb-ratio: 42/1
    }
  }

  .stage .stage-box-inner {
    background: var(--color-opacity-light-95);
    padding: 20px 30px 30px
  }
}

@media only screen and (min-width:840px) {
  .stage .stage-box {
    --tb-image: var(--transformation-beam-default);
    --tb-ratio: 326/19;
    container-type: inline-size
  }

  .stage .stage-box:before {
    aspect-ratio: var(--tb-ratio);
    background-image: var(--tb-image);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: auto;
    margin-bottom: var(--tb-mb, .5rem);
    min-height: var(--tb-height, 2rem);
    width: 100%
  }

  @container (min-width: 600px) {
    .stage .stage-box:before {
      --tb-image: var(--transformation-beam-600);
      --tb-ratio: 30/1
    }
  }

  @container (min-width: 840px) {
    .stage .stage-box:before {
      --tb-image: var(--transformation-beam-840);
      --tb-ratio: 42/1
    }
  }

  .stage .stage-box-inner {
    background: var(--color-opacity-light-95);
    padding: 20px 30px 30px
  }
}

@media only print and (width >=0px) {
  .stage .stage-box {
    --tb-mb: 0.9rem;
    --tb-height: 2.5rem
  }
}

@media only screen and (min-width:1280px) {
  .stage .stage-box {
    --tb-mb: 0.9rem;
    --tb-height: 2.5rem
  }
}

.stage .slider.js-initialized {
  margin-inline: 0;
  padding-inline: 0
}

@media only screen and (max-width:calc(840px - 1px)) {
  .stage {
    --tb-image: var(--transformation-beam-default);
    --tb-ratio: 326/19;
    container-type: inline-size
  }

  .stage:before {
    aspect-ratio: var(--tb-ratio);
    background-image: var(--tb-image);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: auto;
    margin-bottom: 0;
    min-height: var(--tb-height, 1.8rem);
    width: 100%
  }

  @container (min-width: 600px) {
    .stage:before {
      --tb-image: var(--transformation-beam-600);
      --tb-ratio: 30/1
    }
  }

  @container (min-width: 840px) {
    .stage:before {
      --tb-image: var(--transformation-beam-840);
      --tb-ratio: 42/1
    }
  }
}

@media only print and (width >=0px) {
  .stage {
    --tb-height: 2rem
  }
}

@media only screen and (min-width:600px) {
  .stage {
    --tb-height: 2rem
  }
}

.topic-stage {
  --c-overflow: var(--stage-overflow)
}

.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.topic-stage:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-stage.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.topic-stage.bg-dark .button--primary,
.topic-stage.bg-dark .button--primary-positive,
.topic-stage.bg-dark .button--secondary,
.topic-stage.bg-dark .button--secondary-positive,
.topic-stage.bg-dark .button--tertiary,
.topic-stage.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-stage.bg-dark .button--primary,
.topic-stage.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-stage.bg-dark .button--secondary,
.topic-stage.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.topic-stage.bg-dark .button--tertiary,
.topic-stage.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.topic-stage.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-stage.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-stage.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-stage.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-stage.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-stage.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-stage.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-stage.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-stage.bg-dark,
:where(main)>.topic-stage.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-stage.bg-dark+*>*,
:where(main)>.topic-stage.bg-dark>* {
  --margin-top: initial
}

.topic-stage.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-stage.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-stage.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-stage.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-stage.bg-dark.product-header,
  .topic-stage.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-stage.bg-dark.product-header,
  .topic-stage.bg-dark.product-header[class*=bg-],
  .topic-stage.bg-dark[class*=bg-],
  .topic-stage.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-stage.bg-dark.product-header .hintbox-icon img,
  .topic-stage.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-stage.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-stage.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-stage.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-stage.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.topic-stage.bg-dark .details--s9>.details .main-column[class*=bg-],
.topic-stage.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-stage.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-stage.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-stage.bg-dark .hintbox,
.topic-stage.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-stage.bg-dark,
.overlay-content .main-column>.topic-stage.bg-dark .topic-stage.bg-dark,
.overlay-content body>.topic-stage.bg-dark,
.overlay-content>.topic-stage.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-stage.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.topic-stage.bg-dark .topic-stage.bg-dark .product-label.product-label--overflow,
.overlay-content body>.topic-stage.bg-dark .product-label.product-label--overflow,
.overlay-content>.topic-stage.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-stage.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.topic-stage.bg-dark-accent .button--primary,
.topic-stage.bg-dark-accent .button--primary-positive,
.topic-stage.bg-dark-accent .button--secondary,
.topic-stage.bg-dark-accent .button--secondary-positive,
.topic-stage.bg-dark-accent .button--tertiary,
.topic-stage.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-stage.bg-dark-accent .button--primary,
.topic-stage.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-stage.bg-dark-accent .button--secondary,
.topic-stage.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.topic-stage.bg-dark-accent .button--tertiary,
.topic-stage.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.topic-stage.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-stage.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-stage.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-stage.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-stage.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-stage.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-stage.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-stage.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-stage.bg-dark-accent,
:where(main)>.topic-stage.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-stage.bg-dark-accent+*>*,
:where(main)>.topic-stage.bg-dark-accent>* {
  --margin-top: initial
}

.topic-stage.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-stage.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-stage.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-stage.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-stage.bg-dark-accent.product-header,
  .topic-stage.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-stage.bg-dark-accent.product-header,
  .topic-stage.bg-dark-accent.product-header[class*=bg-],
  .topic-stage.bg-dark-accent[class*=bg-],
  .topic-stage.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-stage.bg-dark-accent.product-header .hintbox-icon img,
  .topic-stage.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-stage.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-stage.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-stage.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-stage.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.topic-stage.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.topic-stage.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-stage.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-stage.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-stage.bg-dark-accent .hintbox,
.topic-stage.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-stage.bg-dark-accent,
.overlay-content .main-column>.topic-stage.bg-dark-accent .topic-stage.bg-dark-accent,
.overlay-content body>.topic-stage.bg-dark-accent,
.overlay-content>.topic-stage.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-stage.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.topic-stage.bg-dark-accent .topic-stage.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.topic-stage.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.topic-stage.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-stage.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.topic-stage.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-stage.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-stage.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-stage.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-stage.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-stage.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-stage.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-stage.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-stage.bg-light-accent,
:where(main)>.topic-stage.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-stage.bg-light-accent+*>*,
:where(main)>.topic-stage.bg-light-accent>* {
  --margin-top: initial
}

.topic-stage.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-stage.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-stage.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-stage.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-stage.bg-light-accent.product-header,
  .topic-stage.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-stage.bg-light-accent.product-header,
  .topic-stage.bg-light-accent.product-header[class*=bg-],
  .topic-stage.bg-light-accent[class*=bg-],
  .topic-stage.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-stage.bg-light-accent.product-header .hintbox-icon img,
  .topic-stage.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-stage.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-stage.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-stage.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-stage.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.topic-stage.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.topic-stage.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-stage.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-stage.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-stage.bg-light-accent .hintbox,
.topic-stage.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-stage.bg-light-accent,
.overlay-content .main-column>.topic-stage.bg-light-accent .topic-stage.bg-light-accent,
.overlay-content body>.topic-stage.bg-light-accent,
.overlay-content>.topic-stage.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-stage.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.topic-stage.bg-light-accent .topic-stage.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.topic-stage.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.topic-stage.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-stage.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.topic-stage.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-stage.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-stage.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-stage.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-stage.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-stage.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-stage.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-stage.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-stage.bg-light-accent-secondary,
:where(main)>.topic-stage.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-stage.bg-light-accent-secondary+*>*,
:where(main)>.topic-stage.bg-light-accent-secondary>* {
  --margin-top: initial
}

.topic-stage.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-stage.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-stage.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-stage.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-stage.bg-light-accent-secondary.product-header,
  .topic-stage.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-stage.bg-light-accent-secondary.product-header,
  .topic-stage.bg-light-accent-secondary.product-header[class*=bg-],
  .topic-stage.bg-light-accent-secondary[class*=bg-],
  .topic-stage.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-stage.bg-light-accent-secondary.product-header .hintbox-icon img,
  .topic-stage.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-stage.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-stage.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-stage.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-stage.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.topic-stage.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.topic-stage.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-stage.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-stage.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-stage.bg-light-accent-secondary .hintbox,
.topic-stage.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-stage.bg-light-accent-secondary,
.overlay-content .main-column>.topic-stage.bg-light-accent-secondary .topic-stage.bg-light-accent-secondary,
.overlay-content body>.topic-stage.bg-light-accent-secondary,
.overlay-content>.topic-stage.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-stage.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.topic-stage.bg-light-accent-secondary .topic-stage.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.topic-stage.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.topic-stage.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-stage.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.topic-stage.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-stage.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-stage.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-stage.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-stage.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-stage.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-stage.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-stage.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-stage.bg-light,
:where(main)>.topic-stage.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-stage.bg-light+*>*,
:where(main)>.topic-stage.bg-light>* {
  --margin-top: initial
}

.topic-stage.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-stage.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-stage.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-stage.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-stage.bg-light.product-header,
  .topic-stage.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-stage.bg-light.product-header,
  .topic-stage.bg-light.product-header[class*=bg-],
  .topic-stage.bg-light[class*=bg-],
  .topic-stage.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-stage.bg-light.product-header .hintbox-icon img,
  .topic-stage.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-stage.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-stage.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-stage.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-stage.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.topic-stage.bg-light .details--s9>.details .main-column[class*=bg-],
.topic-stage.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-stage.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-stage.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-stage.bg-light .hintbox,
.topic-stage.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-stage.bg-light,
.overlay-content .main-column>.topic-stage.bg-light .topic-stage.bg-light,
.overlay-content body>.topic-stage.bg-light,
.overlay-content>.topic-stage.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-stage.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.topic-stage.bg-light .topic-stage.bg-light .product-label.product-label--overflow,
.overlay-content body>.topic-stage.bg-light .product-label.product-label--overflow,
.overlay-content>.topic-stage.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-stage:not(.js-initialized) .swiper-slide:not(:first-child),
.topic-stage:not(.js-initialized) div[data-slide=true]:not(:first-child) {
  opacity: 0;
  position: absolute;
  top: 0
}

@media only print and (width >=0px) {
  .topic-stage:not(.js-initialized) .swiper-slide:not(:only-child) {
    padding-bottom: 4.6rem
  }
}

@media only screen and (min-width:1280px) {
  .topic-stage:not(.js-initialized) .swiper-slide:not(:only-child) {
    padding-bottom: 4.6rem
  }
}

.topic-stage.stage-type--high .topic-stage-slide-media {
  --aspect-ratio: 16/9
}

@media only print and (width >=0px) {
  .topic-stage.stage-type--high .topic-stage-slide-box.box--left-top {
    top: var(--space-large)
  }

  .topic-stage.stage-type--high .topic-stage-slide-box.box--left-bottom {
    bottom: var(--space-large)
  }

  .topic-stage.stage-type--high .topic-stage-slide-box.box--right-top {
    top: var(--space-large)
  }

  .topic-stage.stage-type--high .topic-stage-slide-box.box--right-bottom {
    bottom: var(--space-large)
  }
}

@media only screen and (min-width:960px) {
  .topic-stage.stage-type--high .topic-stage-slide-box.box--left-top {
    top: var(--space-large)
  }

  .topic-stage.stage-type--high .topic-stage-slide-box.box--left-bottom {
    bottom: var(--space-large)
  }

  .topic-stage.stage-type--high .topic-stage-slide-box.box--right-top {
    top: var(--space-large)
  }

  .topic-stage.stage-type--high .topic-stage-slide-box.box--right-bottom {
    bottom: var(--space-large)
  }
}

@media only print and (width >=0px) {
  .topic-stage.stage-type--high .topic-stage-slide-box {
    --padding-x: calc(var(--gap) * 2.6)
  }
}

@media only screen and (min-width:1280px) {
  .topic-stage.stage-type--high .topic-stage-slide-box {
    --padding-x: calc(var(--gap) * 2.6)
  }
}

@media only print and (width >=0px) {
  .topic-stage.stage-type--high {
    --c-overflow: 0rem
  }
}

@media only screen and (min-width:840px) {
  .topic-stage.stage-type--high {
    --c-overflow: 0rem
  }
}

.topic-stage-slide {
  background: var(--color-background-light);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: var(--space-bottom);
  position: relative
}

.topic-stage-slide-media {
  --aspect-ratio: 16/6.5
}

.topic-stage-slide-media,
.topic-stage-slide-media img {
  aspect-ratio: var(--aspect-ratio);
  min-height: 0
}

.is-safari-browser .topic-stage-slide-media,
.is-safari-browser .topic-stage-slide-media img {
  aspect-ratio: unset
}

@media only print and (width >=0px) {
  .topic-stage-slide-media {
    --aspect-ratio: 4/1
  }
}

@media only screen and (min-width:600px) {
  .topic-stage-slide-media {
    --aspect-ratio: 4/1
  }
}

.topic-stage-slide-box {
  display: flex;
  z-index: 1
}

@media only screen and (max-width:calc(840px - 1px)) {

  .topic-stage:not(.video) .topic-stage-slide-box .stage-box-headline-sub,
  .topic-stage:not(.video) .topic-stage-slide-box .stage-box-headline-sub a {
    display: inline-flex
  }
}

@media only screen and (max-width:calc(960px - 1px)) {
  .topic-stage:not(.video) .topic-stage-slide-box .stage-box {
    background: transparent;
    flex: 1
  }
}

@media only print and (width >=0px) {
  .topic-stage:not(.video) .topic-stage-slide-box {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .topic-stage:not(.video) .topic-stage-slide-box.box--left-top {
    top: var(--space-large)
  }

  .topic-stage:not(.video) .topic-stage-slide-box.box--left-bottom {
    bottom: var(--space-large)
  }

  .topic-stage:not(.video) .topic-stage-slide-box.box--right-top {
    top: var(--space-large)
  }

  .topic-stage:not(.video) .topic-stage-slide-box.box--right-bottom {
    bottom: var(--space-large)
  }

  .topic-stage:not(.video) .topic-stage-slide-box {
    gap: var(--gap);
    position: absolute;
    width: 100%
  }

  .topic-stage:not(.video) .topic-stage-slide-box[class*=right] {
    --start: 7
  }
}

@media only screen and (min-width:960px) {
  .topic-stage:not(.video) .topic-stage-slide-box {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .topic-stage:not(.video) .topic-stage-slide-box.box--left-top {
    top: var(--space-large)
  }

  .topic-stage:not(.video) .topic-stage-slide-box.box--left-bottom {
    bottom: var(--space-large)
  }

  .topic-stage:not(.video) .topic-stage-slide-box.box--right-top {
    top: var(--space-large)
  }

  .topic-stage:not(.video) .topic-stage-slide-box.box--right-bottom {
    bottom: var(--space-large)
  }

  .topic-stage:not(.video) .topic-stage-slide-box {
    gap: var(--gap);
    position: absolute;
    width: 100%
  }

  .topic-stage:not(.video) .topic-stage-slide-box[class*=right] {
    --start: 7
  }
}

@media only screen and (max-width:calc(840px - 1px)) {

  .topic-stage.video .topic-stage-slide-box .stage-box-headline-sub,
  .topic-stage.video .topic-stage-slide-box .stage-box-headline-sub a {
    display: inline-flex
  }
}

@media only screen and (max-width:calc(1280px - 1px)) {
  .topic-stage.video .topic-stage-slide-box .stage-box {
    background: transparent;
    flex: 1
  }
}

@media only print and (width >=0px) {
  .topic-stage.video .topic-stage-slide-box {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .topic-stage.video .topic-stage-slide-box.box--left-top {
    top: var(--space-large)
  }

  .topic-stage.video .topic-stage-slide-box.box--left-bottom {
    bottom: var(--space-large)
  }

  .topic-stage.video .topic-stage-slide-box.box--right-top {
    top: var(--space-large)
  }

  .topic-stage.video .topic-stage-slide-box.box--right-bottom {
    bottom: var(--space-large)
  }

  .topic-stage.video .topic-stage-slide-box {
    gap: var(--gap);
    position: absolute;
    width: 100%
  }

  .topic-stage.video .topic-stage-slide-box[class*=right] {
    --start: 7
  }
}

@media only screen and (min-width:1280px) {
  .topic-stage.video .topic-stage-slide-box {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .topic-stage.video .topic-stage-slide-box.box--left-top {
    top: var(--space-large)
  }

  .topic-stage.video .topic-stage-slide-box.box--left-bottom {
    bottom: var(--space-large)
  }

  .topic-stage.video .topic-stage-slide-box.box--right-top {
    top: var(--space-large)
  }

  .topic-stage.video .topic-stage-slide-box.box--right-bottom {
    bottom: var(--space-large)
  }

  .topic-stage.video .topic-stage-slide-box {
    gap: var(--gap);
    position: absolute;
    width: 100%
  }

  .topic-stage.video .topic-stage-slide-box[class*=right] {
    --start: 7
  }
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box {
  --padding-x: var(--gutter)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--padding-x);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .button--primary,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .button--primary-positive,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .button--secondary,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .button--secondary-positive,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .button--tertiary,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .button--primary,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .button--secondary,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .button--tertiary,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark,
:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark+*>*,
:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark>* {
  --margin-top: initial
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark.product-header,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark.product-header,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark.product-header[class*=bg-],
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark[class*=bg-],
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark.product-header .hintbox-icon img,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .details--s9>.details .main-column[class*=bg-],
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .hintbox,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark,
.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark,
.overlay-content body>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark,
.overlay-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .product-label.product-label--overflow,
.overlay-content body>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .product-label.product-label--overflow,
.overlay-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .button--primary,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .button--primary-positive,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .button--secondary,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .button--secondary-positive,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .button--tertiary,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .button--primary,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .button--secondary,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .button--tertiary,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent,
:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent+*>*,
:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent>* {
  --margin-top: initial
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent.product-header,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent.product-header,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent.product-header[class*=bg-],
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent[class*=bg-],
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent.product-header .hintbox-icon img,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .hintbox,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent,
.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent,
.overlay-content body>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent,
.overlay-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent,
:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent+*>*,
:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent>* {
  --margin-top: initial
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent.product-header,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent.product-header,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent.product-header[class*=bg-],
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent[class*=bg-],
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent.product-header .hintbox-icon img,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent .hintbox,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent,
.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent,
.overlay-content body>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent,
.overlay-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary,
:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary+*>*,
:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary>* {
  --margin-top: initial
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary.product-header,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary.product-header,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary.product-header[class*=bg-],
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary[class*=bg-],
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary.product-header .hintbox-icon img,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary .hintbox,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary,
.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary,
.overlay-content body>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary,
.overlay-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--padding-x);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light,
:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light+*>*,
:where(main)>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light>* {
  --margin-top: initial
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light.product-header,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light.product-header,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light.product-header[class*=bg-],
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light[class*=bg-],
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light.product-header .hintbox-icon img,
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light .details--s9>.details .main-column[class*=bg-],
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light .hintbox,
.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light,
.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light,
.overlay-content body>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light,
.overlay-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light .product-label.product-label--overflow,
.overlay-content body>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light .product-label.product-label--overflow,
.overlay-content>.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box[class*=left] {
  --start: 1
}

.topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box .stage-box {
  margin: 0
}

@media only print and (width >=0px) {
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box .stage-box {
    --col: 6
  }
}

@media only screen and (min-width:960px) {
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box .stage-box {
    --col: 6
  }
}

@media only print and (width >=0px) {
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box {
    --padding-x: var(--c-overflow)
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.box--left-top {
    top: var(--space-small)
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.box--left-bottom {
    bottom: var(--space-small)
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.box--right-top {
    top: var(--space-small)
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.box--right-bottom {
    bottom: var(--space-small)
  }
}

@media only screen and (min-width:1280px) {
  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box {
    --padding-x: var(--c-overflow)
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.box--left-top {
    top: var(--space-small)
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.box--left-bottom {
    bottom: var(--space-small)
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.box--right-top {
    top: var(--space-small)
  }

  .topic-stage:not(.stage-type--high, .stage-marginal-column) .topic-stage-slide-box.box--right-bottom {
    bottom: var(--space-small)
  }
}

@media only print and (width >=0px) {
  main:not(.page-s3) .topic-stage-slide {
    padding-bottom: 0
  }
}

@media only screen and (min-width:960px) {
  main:not(.page-s3) .topic-stage-slide {
    padding-bottom: 0
  }
}

.topic-stage.stage-marginal-column .topic-stage-slide-media {
  --aspect-ratio: 16/6.5
}

.topic-stage.stage-marginal-column .topic-stage-slide-box {
  padding: 0 var(--gutter);
  position: relative
}

.topic-stage.stage-marginal-column .topic-stage-slide-box.box--left-top,
.topic-stage.stage-marginal-column .topic-stage-slide-box.box--right-top {
  top: 0
}

@media only print and (width >=0px) {

  .topic-stage.stage-marginal-column .topic-stage-slide-box.box--left-top,
  .topic-stage.stage-marginal-column .topic-stage-slide-box.box--right-top {
    top: 2rem
  }
}

@media only screen and (min-width:1280px) {

  .topic-stage.stage-marginal-column .topic-stage-slide-box.box--left-top,
  .topic-stage.stage-marginal-column .topic-stage-slide-box.box--right-top {
    top: 2rem
  }
}

.topic-stage.stage-marginal-column .topic-stage-slide-box.box--right-bottom,
.topic-stage.stage-marginal-column .topic-stage-slide-box.box--right-top {
  justify-content: flex-start
}

@media only print and (width >=0px) {

  .topic-stage.stage-marginal-column .topic-stage-slide-box.box--right-bottom,
  .topic-stage.stage-marginal-column .topic-stage-slide-box.box--right-top {
    justify-content: flex-end
  }
}

@media only screen and (min-width:1280px) {

  .topic-stage.stage-marginal-column .topic-stage-slide-box.box--right-bottom,
  .topic-stage.stage-marginal-column .topic-stage-slide-box.box--right-top {
    justify-content: flex-end
  }
}

.topic-stage.stage-marginal-column .topic-stage-slide-box.box--left-bottom,
.topic-stage.stage-marginal-column .topic-stage-slide-box.box--right-bottom {
  bottom: 0
}

@media only print and (width >=0px) {

  .topic-stage.stage-marginal-column .topic-stage-slide-box.box--left-bottom,
  .topic-stage.stage-marginal-column .topic-stage-slide-box.box--right-bottom {
    bottom: 2rem
  }
}

@media only screen and (min-width:1280px) {

  .topic-stage.stage-marginal-column .topic-stage-slide-box.box--left-bottom,
  .topic-stage.stage-marginal-column .topic-stage-slide-box.box--right-bottom {
    bottom: 2rem
  }
}

@media(min-width:840px)and (max-width:calc(960px - 1px)) {
  .topic-stage.stage-marginal-column .topic-stage-slide-box .stage-box {
    margin: 0
  }
}

@media only screen and (max-width:calc(1280px - 1px)) {
  .topic-stage.stage-marginal-column .topic-stage-slide-box .stage-box {
    --gutter: 3rem;
    width: 100%
  }

  .topic-stage.stage-marginal-column .topic-stage-slide-box .stage-box-inner {
    padding-left: 0;
    padding-right: 0
  }
}

@media only screen and (max-width:calc(840px - 1px)) {
  .topic-stage.stage-marginal-column .topic-stage-slide-box .stage-box {
    --gutter: 0
  }
}

.topic-stage.stage-marginal-column .topic-stage-slide-box .topic-stage-box-content {
  padding: 2rem 0 3.5rem;
  width: 100%
}

@media only print and (width >=0px) {
  .topic-stage.stage-marginal-column .topic-stage-slide-box .topic-stage-box-content {
    margin-left: calc(5.7rem + var(--gap));
    padding: 2rem 3rem 3rem 3.5rem;
    width: min(100%, var(--col-width)*8 + var(--gap)*2.8 - var(--gap))
  }
}

@media only screen and (min-width:1280px) {
  .topic-stage.stage-marginal-column .topic-stage-slide-box .topic-stage-box-content {
    margin-left: calc(5.7rem + var(--gap));
    padding: 2rem 3rem 3rem 3.5rem;
    width: min(100%, var(--col-width)*8 + var(--gap)*2.8 - var(--gap))
  }
}

@media only print and (width >=0px) {
  .topic-stage.stage-marginal-column .topic-stage-slide-box {
    display: flex;
    gap: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }
}

@media(min-width:960px)and (max-width:calc(1280px - 1px)) {
  .topic-stage.stage-marginal-column .topic-stage-slide-box {
    display: flex;
    gap: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }
}

@media only print and (width >=0px) {
  .topic-stage.stage-marginal-column .topic-stage-slide-box {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(9, minmax(0, 1fr));
    padding-inline: 0;
    position: absolute
  }

  .topic-stage.stage-marginal-column .topic-stage-slide-box[class*=right] .stage-box {
    --start: 5
  }

  .topic-stage.stage-marginal-column .topic-stage-slide-box .stage-box {
    --col: 4;
    --start: 2
  }
}

@media only screen and (min-width:1280px) {
  .topic-stage.stage-marginal-column .topic-stage-slide-box {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(9, minmax(0, 1fr));
    padding-inline: 0;
    position: absolute
  }

  .topic-stage.stage-marginal-column .topic-stage-slide-box[class*=right] .stage-box {
    --start: 5
  }

  .topic-stage.stage-marginal-column .topic-stage-slide-box .stage-box {
    --col: 4;
    --start: 2
  }
}

@media only print and (width >=0px) {
  .topic-stage.stage-marginal-column .topic-stage-slide-box {
    --padding-x: 3rem;
    padding-inline: var(--padding-x)
  }
}

@media only screen and (min-width:840px)and (max-width:calc(1280px - 1px)) {
  .topic-stage.stage-marginal-column .topic-stage-slide-box {
    --padding-x: 3rem;
    padding-inline: var(--padding-x)
  }
}

@media only print and (width >=0px) {
  .topic-stage.stage-marginal-column .topic-stage-slide .stage-box-inner {
    background-color: transparent
  }
}

@media(min-width:960px)and (max-width:calc(1280px - 1px)) {
  .topic-stage.stage-marginal-column .topic-stage-slide .stage-box-inner {
    background-color: transparent
  }
}

@media only print and (width >=0px) {
  .topic-stage.stage-marginal-column .topic-stage-slide {
    padding-bottom: 0
  }
}

@media only screen and (min-width:1280px) {
  .topic-stage.stage-marginal-column .topic-stage-slide {
    padding-bottom: 0
  }
}

@media only screen and (max-width:calc(1280px - 1px)) {
  .topic-stage.stage-marginal-column .slider.js-initialized {
    padding-bottom: 0
  }

  .topic-stage.stage-marginal-column .slider.js-initialized .slider-pagination {
    bottom: 3rem
  }

  .topic-stage.stage-marginal-column .slider.js-initialized .slider-pagination .slider-bullets-container {
    background-color: transparent
  }
}

@media only print and (width >=0px) {
  .topic-stage.stage-marginal-column {
    --c-overflow: 0rem
  }
}

@media only screen and (min-width:840px) {
  .topic-stage.stage-marginal-column {
    --c-overflow: 0rem
  }
}

@media only screen and (max-width:calc(960px - 1px)) {

  .page-s12 .topic-stage.show-transformation-beam:not(.video) .slider,
  .page-s13 .topic-stage.show-transformation-beam:not(.video) .slider {
    --tb-image: var(--transformation-beam-default);
    --tb-ratio: 326/19;
    container-type: inline-size
  }

  .page-s12 .topic-stage.show-transformation-beam:not(.video) .slider:before,
  .page-s13 .topic-stage.show-transformation-beam:not(.video) .slider:before {
    aspect-ratio: var(--tb-ratio);
    background-image: var(--tb-image);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: auto;
    margin-bottom: 0;
    min-height: var(--tb-height, 1.8rem);
    width: 100%
  }

  @container (min-width: 600px) {

    .page-s12 .topic-stage.show-transformation-beam:not(.video) .slider:before,
    .page-s13 .topic-stage.show-transformation-beam:not(.video) .slider:before {
      --tb-image: var(--transformation-beam-600);
      --tb-ratio: 30/1
    }
  }

  @container (min-width: 840px) {

    .page-s12 .topic-stage.show-transformation-beam:not(.video) .slider:before,
    .page-s13 .topic-stage.show-transformation-beam:not(.video) .slider:before {
      --tb-image: var(--transformation-beam-840);
      --tb-ratio: 42/1
    }
  }
}

@media only print and (width >=0px) {

  .page-s12 .topic-stage.show-transformation-beam:not(.video) .slider,
  .page-s13 .topic-stage.show-transformation-beam:not(.video) .slider {
    --tb-height: 2rem
  }
}

@media only screen and (min-width:600px) {

  .page-s12 .topic-stage.show-transformation-beam:not(.video) .slider,
  .page-s13 .topic-stage.show-transformation-beam:not(.video) .slider {
    --tb-height: 2rem
  }
}

@media only print and (width >=0px) {

  .page-s12 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box,
  .page-s13 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box {
    --tb-image: var(--transformation-beam-default);
    --tb-ratio: 326/19;
    container-type: inline-size
  }

  .page-s12 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box:before,
  .page-s13 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box:before {
    aspect-ratio: var(--tb-ratio);
    background-image: var(--tb-image);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: auto;
    margin-bottom: var(--tb-mb, .5rem);
    min-height: var(--tb-height, 2rem);
    width: 100%
  }

  @container (min-width: 600px) {

    .page-s12 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box:before,
    .page-s13 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box:before {
      --tb-image: var(--transformation-beam-600);
      --tb-ratio: 30/1
    }
  }

  @container (min-width: 840px) {

    .page-s12 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box:before,
    .page-s13 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box:before {
      --tb-image: var(--transformation-beam-840);
      --tb-ratio: 42/1
    }
  }
}

@media only screen and (min-width:960px) {

  .page-s12 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box,
  .page-s13 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box {
    --tb-image: var(--transformation-beam-default);
    --tb-ratio: 326/19;
    container-type: inline-size
  }

  .page-s12 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box:before,
  .page-s13 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box:before {
    aspect-ratio: var(--tb-ratio);
    background-image: var(--tb-image);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: auto;
    margin-bottom: var(--tb-mb, .5rem);
    min-height: var(--tb-height, 2rem);
    width: 100%
  }

  @container (min-width: 600px) {

    .page-s12 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box:before,
    .page-s13 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box:before {
      --tb-image: var(--transformation-beam-600);
      --tb-ratio: 30/1
    }
  }

  @container (min-width: 840px) {

    .page-s12 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box:before,
    .page-s13 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box:before {
      --tb-image: var(--transformation-beam-840);
      --tb-ratio: 42/1
    }
  }
}

@media only print and (width >=0px) {

  .page-s12 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box,
  .page-s13 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box {
    --tb-mb: 0.9rem;
    --tb-height: 2.5rem
  }
}

@media only screen and (min-width:1280px) {

  .page-s12 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box,
  .page-s13 .topic-stage.show-transformation-beam:not(.video) .topic-stage-slide-box .stage-box {
    --tb-mb: 0.9rem;
    --tb-height: 2.5rem
  }
}

@media only screen and (max-width:calc(1280px - 1px)) {

  .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide,
  .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide {
    --tb-image: var(--transformation-beam-default);
    --tb-ratio: 326/19;
    container-type: inline-size
  }

  .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide:before,
  .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide:before {
    aspect-ratio: var(--tb-ratio);
    background-image: var(--tb-image);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: auto;
    margin-bottom: 0;
    min-height: var(--tb-height, 1.8rem);
    width: 100%
  }

  @container (min-width: 600px) {

    .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide:before,
    .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide:before {
      --tb-image: var(--transformation-beam-600);
      --tb-ratio: 30/1
    }
  }

  @container (min-width: 840px) {

    .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide:before,
    .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide:before {
      --tb-image: var(--transformation-beam-840);
      --tb-ratio: 42/1
    }
  }
}

@media only print and (width >=0px) {

  .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide,
  .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide {
    --tb-height: 2rem
  }
}

@media only screen and (min-width:600px) {

  .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide,
  .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide {
    --tb-height: 2rem
  }
}

@media only print and (width >=0px) {

  .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box,
  .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box {
    --tb-image: var(--transformation-beam-default);
    --tb-ratio: 326/19;
    container-type: inline-size
  }

  .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box:before,
  .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box:before {
    aspect-ratio: var(--tb-ratio);
    background-image: var(--tb-image);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: auto;
    margin-bottom: var(--tb-mb, .5rem);
    min-height: var(--tb-height, 2rem);
    width: 100%
  }

  @container (min-width: 600px) {

    .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box:before,
    .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box:before {
      --tb-image: var(--transformation-beam-600);
      --tb-ratio: 30/1
    }
  }

  @container (min-width: 840px) {

    .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box:before,
    .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box:before {
      --tb-image: var(--transformation-beam-840);
      --tb-ratio: 42/1
    }
  }
}

@media only screen and (min-width:1280px) {

  .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box,
  .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box {
    --tb-image: var(--transformation-beam-default);
    --tb-ratio: 326/19;
    container-type: inline-size
  }

  .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box:before,
  .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box:before {
    aspect-ratio: var(--tb-ratio);
    background-image: var(--tb-image);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: auto;
    margin-bottom: var(--tb-mb, .5rem);
    min-height: var(--tb-height, 2rem);
    width: 100%
  }

  @container (min-width: 600px) {

    .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box:before,
    .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box:before {
      --tb-image: var(--transformation-beam-600);
      --tb-ratio: 30/1
    }
  }

  @container (min-width: 840px) {

    .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box:before,
    .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box:before {
      --tb-image: var(--transformation-beam-840);
      --tb-ratio: 42/1
    }
  }
}

@media only print and (width >=0px) {

  .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box,
  .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box {
    --tb-mb: 0.9rem;
    --tb-height: 2.5rem
  }
}

@media only screen and (min-width:1280px) {

  .page-s12 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box,
  .page-s13 .topic-stage.show-transformation-beam.video .topic-stage-slide-box .stage-box {
    --tb-mb: 0.9rem;
    --tb-height: 2.5rem
  }
}

.topic-stage .slider {
  --pagination-height: 2.8rem;
  --pagination-t: 3.5rem;
  --pagination-b: var(--space-medium);
  --space-bottom: var(--space-medium)
}

.topic-stage .slider.js-initialized,
.topic-stage .slider:not(.js-initialized) .swiper-slide:not(:only-child) .topic-stage-slide {
  --space-bottom: calc(var(--pagination-t) + var(--pagination-height) + var(--pagination-b))
}

.topic-stage .slider.js-initialized {
  margin-inline: 0;
  padding-inline: 0
}

.topic-stage .slider.js-initialized .slider-pagination {
  bottom: var(--pagination-b);
  height: var(--pagination-height)
}

@media only print and (width >=0px) {
  .topic-stage .slider.js-initialized {
    --pagination-height: 3.6rem
  }
}

@media only screen and (min-width:840px) {
  .topic-stage .slider.js-initialized {
    --pagination-height: 3.6rem
  }
}

@media only print and (width >=0px) {
  .topic-stage .slider.js-initialized {
    --pagination-t: 1rem;
    --pagination-b: 0rem;
    padding-bottom: var(--space-bottom)
  }
}

@media only screen and (min-width:960px) {
  .topic-stage .slider.js-initialized {
    --pagination-t: 1rem;
    --pagination-b: 0rem;
    padding-bottom: var(--space-bottom)
  }
}

.topic-stage .slider .swiper-slide:first-child:last-child .topic-stage-slide {
  padding-bottom: 0
}

@media only screen and (max-width:calc(960px - 1px)) {
  .topic-stage .slider .swiper-slide:first-child:last-child .topic-stage-slide .stage-box {
    padding-bottom: var(--space-medium)
  }
}

.topic-stage .slider .swiper-slide:first-child:last-child .topic-stage-slide-box:empty {
  display: none
}

@media only screen and (max-width:calc(960px - 1px)) {
  .topic-stage .slider-bullets-container {
    background: transparent
  }
}

.stage-box {
  --inline-spacer: var(--gutter);
  margin: 0 var(--inline-spacer);
  opacity: 1;
  position: relative;
  transition: opacity .5s ease-in-out
}

.stage-box-inner {
  padding: 20px 0 0;
  position: relative
}

.stage-box-link {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--space-small)
}

.stage-box-link:focus-visible {
  outline: none
}

@media only screen and (max-width:calc(840px - 1px)) {
  .stage-box-link:focus-visible .stage-box-headline .link-labeling {
    border-radius: 4px;
    outline: 2px dashed var(--link-color-hover);
    outline-offset: 2px
  }
}

@media only print and (width >=0px) {
  .stage .stage-box-link:focus-visible .stage-box-headline-sub {
    border-radius: 4px;
    outline: 2px dashed var(--link-color-hover);
    outline-offset: 2px
  }

  .stage .stage-box-link:focus-visible .stage-box-headline-sub .link-labeling {
    text-decoration: underline
  }
}

@media only screen and (min-width:600px) {
  .stage .stage-box-link:focus-visible .stage-box-headline-sub {
    border-radius: 4px;
    outline: 2px dashed var(--link-color-hover);
    outline-offset: 2px
  }

  .stage .stage-box-link:focus-visible .stage-box-headline-sub .link-labeling {
    text-decoration: underline
  }
}

@media only print and (width >=0px) {
  .stage .stage-box {
    grid-column: var(--start, 2)/span var(--col, 5);
    margin: 0
  }

  .stage .stage-box-inner {
    background: var(--color-opacity-light-95);
    padding: 20px 30px 30px
  }
}

@media only screen and (min-width:840px) {
  .stage .stage-box {
    grid-column: var(--start, 2)/span var(--col, 5);
    margin: 0
  }

  .stage .stage-box-inner {
    background: var(--color-opacity-light-95);
    padding: 20px 30px 30px
  }
}

@media only print and (width >=0px) {
  .topic-stage:not(.video) .stage-box-link:focus-visible .stage-box-headline-sub {
    border-radius: 4px;
    outline: 2px dashed var(--link-color-hover);
    outline-offset: 2px
  }

  .topic-stage:not(.video) .stage-box-link:focus-visible .stage-box-headline-sub .link-labeling {
    text-decoration: underline
  }
}

@media only screen and (min-width:840px) {
  .topic-stage:not(.video) .stage-box-link:focus-visible .stage-box-headline-sub {
    border-radius: 4px;
    outline: 2px dashed var(--link-color-hover);
    outline-offset: 2px
  }

  .topic-stage:not(.video) .stage-box-link:focus-visible .stage-box-headline-sub .link-labeling {
    text-decoration: underline
  }
}

@media only print and (width >=0px) {
  .topic-stage:not(.video) .stage-box {
    grid-column: var(--start, 2)/span var(--col, 5);
    margin: 0
  }

  .topic-stage:not(.video) .stage-box-inner {
    background: var(--color-opacity-light-95);
    padding: 20px 30px 30px
  }
}

@media only screen and (min-width:960px) {
  .topic-stage:not(.video) .stage-box {
    grid-column: var(--start, 2)/span var(--col, 5);
    margin: 0
  }

  .topic-stage:not(.video) .stage-box-inner {
    background: var(--color-opacity-light-95);
    padding: 20px 30px 30px
  }
}

@media only print and (width >=0px) {
  .topic-stage.video .stage-box-link:focus-visible .stage-box-headline-sub {
    border-radius: 4px;
    outline: 2px dashed var(--link-color-hover);
    outline-offset: 2px
  }

  .topic-stage.video .stage-box-link:focus-visible .stage-box-headline-sub .link-labeling {
    text-decoration: underline
  }
}

@media only screen and (min-width:960px) {
  .topic-stage.video .stage-box-link:focus-visible .stage-box-headline-sub {
    border-radius: 4px;
    outline: 2px dashed var(--link-color-hover);
    outline-offset: 2px
  }

  .topic-stage.video .stage-box-link:focus-visible .stage-box-headline-sub .link-labeling {
    text-decoration: underline
  }
}

@media only print and (width >=0px) {
  .topic-stage.video .stage-box {
    grid-column: var(--start, 2)/span var(--col, 5);
    margin: 0
  }

  .topic-stage.video .stage-box-inner {
    background: var(--color-opacity-light-95);
    padding: 20px 30px 30px
  }
}

@media only screen and (min-width:1280px) {
  .topic-stage.video .stage-box {
    grid-column: var(--start, 2)/span var(--col, 5);
    margin: 0
  }

  .topic-stage.video .stage-box-inner {
    background: var(--color-opacity-light-95);
    padding: 20px 30px 30px
  }
}

@media only print and (width >=0px) {
  .topic-stage.video .stage-box {
    --inline-spacer: 3rem
  }
}

@media(min-width:960px)and (max-width:calc(1280px - 1px)) {
  .topic-stage.video .stage-box {
    --inline-spacer: 3rem
  }
}

.stage-box .stage-box-headline {
  display: block;
  margin-bottom: 0
}

.stage-box .stage-box-headline-sub.button {
  margin-top: 1rem
}

.stage-box .stage-box-headline,
.stage-box .stage-box-headline .link-labeling,
.stage-box .stage-box-headline-sub,
.stage-box .stage-box-headline-sub .link-labeling {
  transform: translateZ(0)
}

@media only print and (width >=0px) {
  .stage-box .stage-box-headline:focus-visible .link-labeling {
    border-radius: 4px;
    outline: 2px dashed var(--link-color-hover);
    outline-offset: 2px
  }
}

@media only screen and (min-width:840px) {
  .stage-box .stage-box-headline:focus-visible .link-labeling {
    border-radius: 4px;
    outline: 2px dashed var(--link-color-hover);
    outline-offset: 2px
  }
}

@media only print and (width >=0px) {
  .stage-box {
    --inline-spacer: 2rem
  }
}

@media only screen and (min-width:840px) {
  .stage-box {
    --inline-spacer: 2rem
  }
}

#highStageVideo:empty {
  overflow: hidden;
  pointer-events: none;
  position: relative
}

#highStageVideo:empty:before {
  content: url(../images/assets/skeletons/videoStage/xs632bd4b9f4b5c6ac9000.svg);
  display: block;
  width: 100%
}

@media only print and (width >=0px) {
  #highStageVideo:empty:before {
    content: url(../images/assets/skeletons/videoStage/sm0a3e4c939d3c58c591da.svg)
  }
}

@media only screen and (min-width:600px) {
  #highStageVideo:empty:before {
    content: url(../images/assets/skeletons/videoStage/sm0a3e4c939d3c58c591da.svg)
  }
}

@media only print and (width >=0px) {
  #highStageVideo:empty:before {
    content: url(../images/assets/skeletons/videoStage/md0a3e4c939d3c58c591da.svg)
  }
}

@media only screen and (min-width:840px) {
  #highStageVideo:empty:before {
    content: url(../images/assets/skeletons/videoStage/md0a3e4c939d3c58c591da.svg)
  }
}

@media only print and (width >=0px) {
  #highStageVideo:empty:before {
    content: url(../images/assets/skeletons/videoStage/lg0a3e4c939d3c58c591da.svg)
  }
}

@media only screen and (min-width:960px) {
  #highStageVideo:empty:before {
    content: url(../images/assets/skeletons/videoStage/lg0a3e4c939d3c58c591da.svg)
  }
}

@media only print and (width >=0px) {
  #highStageVideo:empty:before {
    content: url(../images/assets/skeletons/videoStage/xl14d6274e95ce114849d3.svg)
  }
}

@media only screen and (min-width:1280px) {
  #highStageVideo:empty:before {
    content: url(../images/assets/skeletons/videoStage/xl14d6274e95ce114849d3.svg)
  }
}

#highStageVideo:empty:after {
  animation: mask 2s ease infinite;
  bottom: -5%;
  box-shadow: var(--kfw-color-white) 5px 0 50px 25px;
  content: "";
  display: block;
  left: -110%;
  position: absolute;
  top: -5%;
  transform: rotate(5deg)
}

@media(prefers-reduced-motion) {
  #highStageVideo:empty:after {
    animation: none
  }
}

@media only print and (width >=0px) {

  .topic-stage.stage-type--high.video:not(.topic-stage--muted) .topic-stage-slide-video:has(.slide-presenter-container[data-playback-state=paused])+.topic-stage-slide-box,
  .topic-stage.stage-type--high.video:not(.topic-stage--muted) .topic-stage-slide-video:has(.slide-presenter-container[data-playback-state=started])+.topic-stage-slide-box {
    display: none
  }
}

@media only screen and (min-width:1280px) {

  .topic-stage.stage-type--high.video:not(.topic-stage--muted) .topic-stage-slide-video:has(.slide-presenter-container[data-playback-state=paused])+.topic-stage-slide-box,
  .topic-stage.stage-type--high.video:not(.topic-stage--muted) .topic-stage-slide-video:has(.slide-presenter-container[data-playback-state=started])+.topic-stage-slide-box {
    display: none
  }
}

@media only screen and (max-width:calc(1280px - 1px)) {
  .topic-stage.stage-type--high.video>.topic-stage-slide {
    padding-bottom: var(--space-medium)
  }
}

.topic-stage.stage-type--high.video .btn-play-pause {
  background-color: var(--color-fn);
  border: 2px solid var(--kfw-color-white);
  border-radius: 50%;
  color: var(--color-font-on-dark-bg);
  height: 4rem;
  position: absolute;
  right: 0;
  top: -2rem;
  width: 4rem;
  z-index: 2
}

.topic-stage.stage-type--high.video .btn-play-pause:hover {
  background-color: var(--color-background);
  border-color: var(--color-fn-active);
  color: var(--color-fn-active)
}

.topic-stage.stage-type--high.video .btn-play-pause:focus-visible {
  background-color: var(--color-background);
  color: var(--color-fn-active);
  outline: 2px dotted var(--color-fn-active)
}

@media only print and (width >=0px) {
  .topic-stage.stage-type--high.video .btn-play-pause {
    right: 2rem
  }
}

@media only screen and (min-width:1280px) {
  .topic-stage.stage-type--high.video .btn-play-pause {
    right: 2rem
  }
}

.topic-stage.stage-type--high.video .topic-stage-slide-video {
  aspect-ratio: 16/9;
  width: 100%
}

.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.two-column-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.two-column-container.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.two-column-container.bg-dark .button--primary,
.two-column-container.bg-dark .button--primary-positive,
.two-column-container.bg-dark .button--secondary,
.two-column-container.bg-dark .button--secondary-positive,
.two-column-container.bg-dark .button--tertiary,
.two-column-container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.two-column-container.bg-dark .button--primary,
.two-column-container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.two-column-container.bg-dark .button--secondary,
.two-column-container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.two-column-container.bg-dark .button--tertiary,
.two-column-container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.two-column-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.two-column-container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.two-column-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.two-column-container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.two-column-container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.two-column-container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.two-column-container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.two-column-container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.two-column-container.bg-dark,
:where(main)>.two-column-container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.two-column-container.bg-dark+*>*,
:where(main)>.two-column-container.bg-dark>* {
  --margin-top: initial
}

.two-column-container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .two-column-container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .two-column-container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .two-column-container.bg-dark.product-header,
  .two-column-container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .two-column-container.bg-dark.product-header,
  .two-column-container.bg-dark.product-header[class*=bg-],
  .two-column-container.bg-dark[class*=bg-],
  .two-column-container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .two-column-container.bg-dark.product-header .hintbox-icon img,
  .two-column-container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .two-column-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .two-column-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .two-column-container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .two-column-container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.two-column-container.bg-dark .details--s9>.details .main-column[class*=bg-],
.two-column-container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .two-column-container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .two-column-container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.two-column-container.bg-dark .hintbox,
.two-column-container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.two-column-container.bg-dark,
.overlay-content .main-column>.two-column-container.bg-dark .two-column-container.bg-dark,
.overlay-content body>.two-column-container.bg-dark,
.overlay-content>.two-column-container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.two-column-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container.bg-dark .two-column-container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.two-column-container.bg-dark .product-label.product-label--overflow,
.overlay-content>.two-column-container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.two-column-container.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.two-column-container.bg-dark-accent .button--primary,
.two-column-container.bg-dark-accent .button--primary-positive,
.two-column-container.bg-dark-accent .button--secondary,
.two-column-container.bg-dark-accent .button--secondary-positive,
.two-column-container.bg-dark-accent .button--tertiary,
.two-column-container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.two-column-container.bg-dark-accent .button--primary,
.two-column-container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.two-column-container.bg-dark-accent .button--secondary,
.two-column-container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.two-column-container.bg-dark-accent .button--tertiary,
.two-column-container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.two-column-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.two-column-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.two-column-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.two-column-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.two-column-container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.two-column-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.two-column-container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.two-column-container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.two-column-container.bg-dark-accent,
:where(main)>.two-column-container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.two-column-container.bg-dark-accent+*>*,
:where(main)>.two-column-container.bg-dark-accent>* {
  --margin-top: initial
}

.two-column-container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .two-column-container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .two-column-container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .two-column-container.bg-dark-accent.product-header,
  .two-column-container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .two-column-container.bg-dark-accent.product-header,
  .two-column-container.bg-dark-accent.product-header[class*=bg-],
  .two-column-container.bg-dark-accent[class*=bg-],
  .two-column-container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .two-column-container.bg-dark-accent.product-header .hintbox-icon img,
  .two-column-container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .two-column-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .two-column-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .two-column-container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .two-column-container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.two-column-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.two-column-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .two-column-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .two-column-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.two-column-container.bg-dark-accent .hintbox,
.two-column-container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.two-column-container.bg-dark-accent,
.overlay-content .main-column>.two-column-container.bg-dark-accent .two-column-container.bg-dark-accent,
.overlay-content body>.two-column-container.bg-dark-accent,
.overlay-content>.two-column-container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.two-column-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container.bg-dark-accent .two-column-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.two-column-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.two-column-container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.two-column-container.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.two-column-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.two-column-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.two-column-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.two-column-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.two-column-container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.two-column-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.two-column-container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.two-column-container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.two-column-container.bg-light-accent,
:where(main)>.two-column-container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.two-column-container.bg-light-accent+*>*,
:where(main)>.two-column-container.bg-light-accent>* {
  --margin-top: initial
}

.two-column-container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .two-column-container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .two-column-container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .two-column-container.bg-light-accent.product-header,
  .two-column-container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .two-column-container.bg-light-accent.product-header,
  .two-column-container.bg-light-accent.product-header[class*=bg-],
  .two-column-container.bg-light-accent[class*=bg-],
  .two-column-container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .two-column-container.bg-light-accent.product-header .hintbox-icon img,
  .two-column-container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .two-column-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .two-column-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .two-column-container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .two-column-container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.two-column-container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.two-column-container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .two-column-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .two-column-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.two-column-container.bg-light-accent .hintbox,
.two-column-container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.two-column-container.bg-light-accent,
.overlay-content .main-column>.two-column-container.bg-light-accent .two-column-container.bg-light-accent,
.overlay-content body>.two-column-container.bg-light-accent,
.overlay-content>.two-column-container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.two-column-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container.bg-light-accent .two-column-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.two-column-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.two-column-container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.two-column-container.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.two-column-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.two-column-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.two-column-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.two-column-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.two-column-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.two-column-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.two-column-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.two-column-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.two-column-container.bg-light-accent-secondary,
:where(main)>.two-column-container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.two-column-container.bg-light-accent-secondary+*>*,
:where(main)>.two-column-container.bg-light-accent-secondary>* {
  --margin-top: initial
}

.two-column-container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .two-column-container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .two-column-container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .two-column-container.bg-light-accent-secondary.product-header,
  .two-column-container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .two-column-container.bg-light-accent-secondary.product-header,
  .two-column-container.bg-light-accent-secondary.product-header[class*=bg-],
  .two-column-container.bg-light-accent-secondary[class*=bg-],
  .two-column-container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .two-column-container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .two-column-container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .two-column-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .two-column-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .two-column-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .two-column-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.two-column-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.two-column-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .two-column-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .two-column-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.two-column-container.bg-light-accent-secondary .hintbox,
.two-column-container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.two-column-container.bg-light-accent-secondary,
.overlay-content .main-column>.two-column-container.bg-light-accent-secondary .two-column-container.bg-light-accent-secondary,
.overlay-content body>.two-column-container.bg-light-accent-secondary,
.overlay-content>.two-column-container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.two-column-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container.bg-light-accent-secondary .two-column-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.two-column-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.two-column-container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.two-column-container.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.two-column-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.two-column-container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.two-column-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.two-column-container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.two-column-container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.two-column-container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.two-column-container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.two-column-container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.two-column-container.bg-light,
:where(main)>.two-column-container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.two-column-container.bg-light+*>*,
:where(main)>.two-column-container.bg-light>* {
  --margin-top: initial
}

.two-column-container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .two-column-container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .two-column-container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .two-column-container.bg-light.product-header,
  .two-column-container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .two-column-container.bg-light.product-header,
  .two-column-container.bg-light.product-header[class*=bg-],
  .two-column-container.bg-light[class*=bg-],
  .two-column-container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .two-column-container.bg-light.product-header .hintbox-icon img,
  .two-column-container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .two-column-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .two-column-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .two-column-container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .two-column-container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.two-column-container.bg-light .details--s9>.details .main-column[class*=bg-],
.two-column-container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .two-column-container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .two-column-container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.two-column-container.bg-light .hintbox,
.two-column-container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.two-column-container.bg-light,
.overlay-content .main-column>.two-column-container.bg-light .two-column-container.bg-light,
.overlay-content body>.two-column-container.bg-light,
.overlay-content>.two-column-container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.two-column-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container.bg-light .two-column-container.bg-light .product-label.product-label--overflow,
.overlay-content body>.two-column-container.bg-light .product-label.product-label--overflow,
.overlay-content>.two-column-container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.two-column-container {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative
}

.two-column-container-title {
  flex: 1
}

@media only screen and (max-width:calc(1280px - 1px)) {
  .two-column-container-title .container-headline {
    margin-bottom: 2rem
  }
}

@media only print and (width >=0px) {
  .two-column-container-title .container-headline {
    --margin-bottom: 1rem;
    --font-size: 2.4rem;
    --letter-spacing: -0.5px;
    --line-height: 1.3;
    --font-weight: 500
  }
}

@media only screen and (min-width:960px) {
  .two-column-container-title .container-headline {
    --margin-bottom: 1rem;
    --font-size: 2.4rem;
    --letter-spacing: -0.5px;
    --line-height: 1.3;
    --font-weight: 500
  }
}

@media only print and (width >=0px) {
  .two-column-container-title .container-headline {
    --font-size: 2.6rem;
    --letter-spacing: 0;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {
  .two-column-container-title .container-headline {
    --font-size: 2.6rem;
    --letter-spacing: 0;
    --font-weight: 500
  }
}

@media only print and (width >=0px) {
  .two-column-container-title {
    width: calc(min(100%, var(--col-width) * 3 + var(--gap) * (3 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .two-column-container-title {
    --columns: 12
  }
}

@media only screen and (min-width:960px) {
  .two-column-container-title {
    width: calc(min(100%, var(--col-width) * 3 + var(--gap) * (3 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:960px)and (min-width:600px) {
  .two-column-container-title {
    --columns: 12
  }
}

.two-column-container-content {
  flex-shrink: 0
}

.two-column-container-content .details--acc2:last-child,
.two-column-container-content .details--acc3:last-child {
  margin-bottom: 0
}

@media only print and (width >=0px) {
  .two-column-container-content {
    width: calc(min(100%, var(--col-width) * 9 + var(--gap) * (9 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .two-column-container-content {
    --columns: 12
  }
}

@media only screen and (min-width:960px) {
  .two-column-container-content {
    width: calc(min(100%, var(--col-width) * 9 + var(--gap) * (9 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:960px)and (min-width:600px) {
  .two-column-container-content {
    --columns: 12
  }
}

.two-column-container :not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.two-column-container :not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.two-column-container .hintbox {
  --c-padding-t: var(--space-small);
  --c-padding-b: var(--space-medium)
}

@media only print and (width >=0px) {
  .two-column-container {
    align-items: flex-start;
    flex-direction: row;
    gap: 0 var(--gap);
    justify-content: space-between
  }
}

@media only screen and (min-width:960px) {
  .two-column-container {
    align-items: flex-start;
    flex-direction: row;
    gap: 0 var(--gap);
    justify-content: space-between
  }
}

.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.banner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.banner.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.banner.bg-dark .button--primary,
.banner.bg-dark .button--primary-positive,
.banner.bg-dark .button--secondary,
.banner.bg-dark .button--secondary-positive,
.banner.bg-dark .button--tertiary,
.banner.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.banner.bg-dark .button--primary,
.banner.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.banner.bg-dark .button--secondary,
.banner.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.banner.bg-dark .button--tertiary,
.banner.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.banner.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.banner.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.banner.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.banner.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.banner.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.banner.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.banner.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.banner.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.banner.bg-dark,
:where(main)>.banner.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.banner.bg-dark+*>*,
:where(main)>.banner.bg-dark>* {
  --margin-top: initial
}

.banner.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .banner.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .banner.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .banner.bg-dark.product-header,
  .banner.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .banner.bg-dark.product-header,
  .banner.bg-dark.product-header[class*=bg-],
  .banner.bg-dark[class*=bg-],
  .banner.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .banner.bg-dark.product-header .hintbox-icon img,
  .banner.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.banner.bg-dark .details--s9>.details .main-column[class*=bg-],
.banner.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .banner.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .banner.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .banner.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .banner.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .banner.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .banner.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.banner.bg-dark .hintbox,
.banner.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.banner.bg-dark,
.overlay-content .main-column>.banner.bg-dark .banner.bg-dark,
.overlay-content body>.banner.bg-dark,
.overlay-content>.banner.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.banner.bg-dark .banner.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.banner.bg-dark .product-label.product-label--overflow,
.overlay-content body>.banner.bg-dark .product-label.product-label--overflow,
.overlay-content>.banner.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.banner.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.banner.bg-dark-accent .button--primary,
.banner.bg-dark-accent .button--primary-positive,
.banner.bg-dark-accent .button--secondary,
.banner.bg-dark-accent .button--secondary-positive,
.banner.bg-dark-accent .button--tertiary,
.banner.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.banner.bg-dark-accent .button--primary,
.banner.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.banner.bg-dark-accent .button--secondary,
.banner.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.banner.bg-dark-accent .button--tertiary,
.banner.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.banner.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.banner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.banner.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.banner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.banner.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.banner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.banner.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.banner.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.banner.bg-dark-accent,
:where(main)>.banner.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.banner.bg-dark-accent+*>*,
:where(main)>.banner.bg-dark-accent>* {
  --margin-top: initial
}

.banner.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .banner.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .banner.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .banner.bg-dark-accent.product-header,
  .banner.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .banner.bg-dark-accent.product-header,
  .banner.bg-dark-accent.product-header[class*=bg-],
  .banner.bg-dark-accent[class*=bg-],
  .banner.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .banner.bg-dark-accent.product-header .hintbox-icon img,
  .banner.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.banner.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.banner.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .banner.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .banner.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .banner.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .banner.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .banner.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .banner.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.banner.bg-dark-accent .hintbox,
.banner.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.banner.bg-dark-accent,
.overlay-content .main-column>.banner.bg-dark-accent .banner.bg-dark-accent,
.overlay-content body>.banner.bg-dark-accent,
.overlay-content>.banner.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.banner.bg-dark-accent .banner.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.banner.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.banner.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.banner.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.banner.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.banner.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.banner.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.banner.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.banner.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.banner.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.banner.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.banner.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.banner.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.banner.bg-light-accent,
:where(main)>.banner.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.banner.bg-light-accent+*>*,
:where(main)>.banner.bg-light-accent>* {
  --margin-top: initial
}

.banner.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .banner.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .banner.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .banner.bg-light-accent.product-header,
  .banner.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .banner.bg-light-accent.product-header,
  .banner.bg-light-accent.product-header[class*=bg-],
  .banner.bg-light-accent[class*=bg-],
  .banner.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .banner.bg-light-accent.product-header .hintbox-icon img,
  .banner.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.banner.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.banner.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .banner.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .banner.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .banner.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .banner.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .banner.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .banner.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.banner.bg-light-accent .hintbox,
.banner.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.banner.bg-light-accent,
.overlay-content .main-column>.banner.bg-light-accent .banner.bg-light-accent,
.overlay-content body>.banner.bg-light-accent,
.overlay-content>.banner.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.banner.bg-light-accent .banner.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.banner.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.banner.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.banner.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.banner.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.banner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.banner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.banner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.banner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.banner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.banner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.banner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.banner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.banner.bg-light-accent-secondary,
:where(main)>.banner.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.banner.bg-light-accent-secondary+*>*,
:where(main)>.banner.bg-light-accent-secondary>* {
  --margin-top: initial
}

.banner.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .banner.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .banner.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .banner.bg-light-accent-secondary.product-header,
  .banner.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .banner.bg-light-accent-secondary.product-header,
  .banner.bg-light-accent-secondary.product-header[class*=bg-],
  .banner.bg-light-accent-secondary[class*=bg-],
  .banner.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .banner.bg-light-accent-secondary.product-header .hintbox-icon img,
  .banner.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.banner.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.banner.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .banner.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .banner.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .banner.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .banner.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .banner.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .banner.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.banner.bg-light-accent-secondary .hintbox,
.banner.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.banner.bg-light-accent-secondary,
.overlay-content .main-column>.banner.bg-light-accent-secondary .banner.bg-light-accent-secondary,
.overlay-content body>.banner.bg-light-accent-secondary,
.overlay-content>.banner.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.banner.bg-light-accent-secondary .banner.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.banner.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.banner.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.banner.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.banner.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.banner.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.banner.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.banner.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.banner.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.banner.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.banner.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.banner.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.banner.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.banner.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.banner.bg-light,
:where(main)>.banner.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.banner.bg-light+*>*,
:where(main)>.banner.bg-light>* {
  --margin-top: initial
}

.banner.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .banner.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .banner.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .banner.bg-light.product-header,
  .banner.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .banner.bg-light.product-header,
  .banner.bg-light.product-header[class*=bg-],
  .banner.bg-light[class*=bg-],
  .banner.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .banner.bg-light.product-header .hintbox-icon img,
  .banner.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.banner.bg-light .details--s9>.details .main-column[class*=bg-],
.banner.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .banner.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .banner.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .banner.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .banner.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .banner.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .banner.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.banner.bg-light .hintbox,
.banner.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.banner.bg-light,
.overlay-content .main-column>.banner.bg-light .banner.bg-light,
.overlay-content body>.banner.bg-light,
.overlay-content>.banner.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.banner.bg-light .banner.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.banner.bg-light .product-label.product-label--overflow,
.overlay-content body>.banner.bg-light .product-label.product-label--overflow,
.overlay-content>.banner.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

@media only print and (width >=0px) {
  .banner {
    margin-top: var(--c-spacing-l)
  }
}

@media only screen and (min-width:320px)and (max-width:calc(960px - 1px)) {
  .banner {
    margin-top: var(--c-spacing-l)
  }
}

.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: var(--padding-x, 0px)
}

.details.details--acc1 .details-content>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.link-list:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.link-list.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, 0px)
}

.link-list.bg-dark .button--primary,
.link-list.bg-dark .button--primary-positive,
.link-list.bg-dark .button--secondary,
.link-list.bg-dark .button--secondary-positive,
.link-list.bg-dark .button--tertiary,
.link-list.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.link-list.bg-dark .button--primary,
.link-list.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.link-list.bg-dark .button--secondary,
.link-list.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.link-list.bg-dark .button--tertiary,
.link-list.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.link-list.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.link-list.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.link-list.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.link-list.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.link-list.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.link-list.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.link-list.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.link-list.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.link-list.bg-dark,
:where(main)>.link-list.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.link-list.bg-dark+*>*,
:where(main)>.link-list.bg-dark>* {
  --margin-top: initial
}

.link-list.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.link-list.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .link-list.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .link-list.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .link-list.bg-dark.product-header,
  .link-list.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .link-list.bg-dark.product-header,
  .link-list.bg-dark.product-header[class*=bg-],
  .link-list.bg-dark[class*=bg-],
  .link-list.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .link-list.bg-dark.product-header .hintbox-icon img,
  .link-list.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.link-list.bg-dark .details--s9>.details .main-column[class*=bg-],
.link-list.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .link-list.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .link-list.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .link-list.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .link-list.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .link-list.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .link-list.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.link-list.bg-dark .hintbox,
.link-list.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.link-list.bg-dark,
.overlay-content .main-column>.link-list.bg-dark .link-list.bg-dark,
.overlay-content body>.link-list.bg-dark,
.overlay-content>.link-list.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.link-list.bg-dark .link-list.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.link-list.bg-dark .product-label.product-label--overflow,
.overlay-content body>.link-list.bg-dark .product-label.product-label--overflow,
.overlay-content>.link-list.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.link-list.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, 0px)
}

.link-list.bg-dark-accent .button--primary,
.link-list.bg-dark-accent .button--primary-positive,
.link-list.bg-dark-accent .button--secondary,
.link-list.bg-dark-accent .button--secondary-positive,
.link-list.bg-dark-accent .button--tertiary,
.link-list.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.link-list.bg-dark-accent .button--primary,
.link-list.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.link-list.bg-dark-accent .button--secondary,
.link-list.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.link-list.bg-dark-accent .button--tertiary,
.link-list.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.link-list.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.link-list.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.link-list.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.link-list.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.link-list.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.link-list.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.link-list.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.link-list.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.link-list.bg-dark-accent,
:where(main)>.link-list.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.link-list.bg-dark-accent+*>*,
:where(main)>.link-list.bg-dark-accent>* {
  --margin-top: initial
}

.link-list.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.link-list.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .link-list.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .link-list.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .link-list.bg-dark-accent.product-header,
  .link-list.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .link-list.bg-dark-accent.product-header,
  .link-list.bg-dark-accent.product-header[class*=bg-],
  .link-list.bg-dark-accent[class*=bg-],
  .link-list.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .link-list.bg-dark-accent.product-header .hintbox-icon img,
  .link-list.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.link-list.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.link-list.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .link-list.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .link-list.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .link-list.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .link-list.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .link-list.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .link-list.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.link-list.bg-dark-accent .hintbox,
.link-list.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.link-list.bg-dark-accent,
.overlay-content .main-column>.link-list.bg-dark-accent .link-list.bg-dark-accent,
.overlay-content body>.link-list.bg-dark-accent,
.overlay-content>.link-list.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.link-list.bg-dark-accent .link-list.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.link-list.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.link-list.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.link-list.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.link-list.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, 0px)
}

.details.details--acc1 .details-content>.link-list.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.link-list.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.link-list.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.link-list.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.link-list.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.link-list.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.link-list.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.link-list.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.link-list.bg-light-accent,
:where(main)>.link-list.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.link-list.bg-light-accent+*>*,
:where(main)>.link-list.bg-light-accent>* {
  --margin-top: initial
}

.link-list.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.link-list.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .link-list.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .link-list.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .link-list.bg-light-accent.product-header,
  .link-list.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .link-list.bg-light-accent.product-header,
  .link-list.bg-light-accent.product-header[class*=bg-],
  .link-list.bg-light-accent[class*=bg-],
  .link-list.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .link-list.bg-light-accent.product-header .hintbox-icon img,
  .link-list.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.link-list.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.link-list.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .link-list.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .link-list.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .link-list.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .link-list.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .link-list.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .link-list.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.link-list.bg-light-accent .hintbox,
.link-list.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.link-list.bg-light-accent,
.overlay-content .main-column>.link-list.bg-light-accent .link-list.bg-light-accent,
.overlay-content body>.link-list.bg-light-accent,
.overlay-content>.link-list.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.link-list.bg-light-accent .link-list.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.link-list.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.link-list.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.link-list.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.link-list.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, 0px)
}

.details.details--acc1 .details-content>.link-list.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.link-list.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.link-list.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.link-list.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.link-list.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.link-list.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.link-list.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.link-list.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.link-list.bg-light-accent-secondary,
:where(main)>.link-list.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.link-list.bg-light-accent-secondary+*>*,
:where(main)>.link-list.bg-light-accent-secondary>* {
  --margin-top: initial
}

.link-list.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.link-list.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .link-list.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .link-list.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .link-list.bg-light-accent-secondary.product-header,
  .link-list.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .link-list.bg-light-accent-secondary.product-header,
  .link-list.bg-light-accent-secondary.product-header[class*=bg-],
  .link-list.bg-light-accent-secondary[class*=bg-],
  .link-list.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .link-list.bg-light-accent-secondary.product-header .hintbox-icon img,
  .link-list.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.link-list.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.link-list.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .link-list.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .link-list.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .link-list.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .link-list.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .link-list.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .link-list.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.link-list.bg-light-accent-secondary .hintbox,
.link-list.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.link-list.bg-light-accent-secondary,
.overlay-content .main-column>.link-list.bg-light-accent-secondary .link-list.bg-light-accent-secondary,
.overlay-content body>.link-list.bg-light-accent-secondary,
.overlay-content>.link-list.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.link-list.bg-light-accent-secondary .link-list.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.link-list.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.link-list.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.link-list.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.link-list.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, 0px)
}

.details.details--acc1 .details-content>.link-list.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.link-list.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.link-list.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.link-list.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.link-list.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.link-list.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.link-list.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.link-list.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.link-list.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.link-list.bg-light,
:where(main)>.link-list.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.link-list.bg-light+*>*,
:where(main)>.link-list.bg-light>* {
  --margin-top: initial
}

.link-list.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.link-list.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .link-list.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .link-list.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .link-list.bg-light.product-header,
  .link-list.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .link-list.bg-light.product-header,
  .link-list.bg-light.product-header[class*=bg-],
  .link-list.bg-light[class*=bg-],
  .link-list.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .link-list.bg-light.product-header .hintbox-icon img,
  .link-list.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.link-list.bg-light .details--s9>.details .main-column[class*=bg-],
.link-list.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .link-list.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .link-list.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .link-list.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .link-list.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .link-list.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .link-list.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.link-list.bg-light .hintbox,
.link-list.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.link-list.bg-light,
.overlay-content .main-column>.link-list.bg-light .link-list.bg-light,
.overlay-content body>.link-list.bg-light,
.overlay-content>.link-list.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.link-list.bg-light .link-list.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.link-list.bg-light .product-label.product-label--overflow,
.overlay-content body>.link-list.bg-light .product-label.product-label--overflow,
.overlay-content>.link-list.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.link-list:not([class*=bg-]) {
  --c-overflow: 0px
}

.link-list-headline {
  margin-bottom: var(--space-x-small)
}

.details .link-list[class*=bg-],
.details .link-list[class*=bg-][class*=bg-],
.page-s12 .details .link-list[class*=bg-],
.page-s12 .details .link-list[class*=bg-][class*=bg-],
.page-s12 .structure .link-list[class*=bg-],
.page-s12 .structure .link-list[class*=bg-][class*=bg-],
.structure .link-list[class*=bg-],
.structure .link-list[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.marginal-column .link-list {
  --c-overflow: var(--gutter)
}

@media only screen and (max-width:calc(960px - 1px)) {

  .marginal-column .link-list,
  .marginal-column .link-list[class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .marginal-column .link-list .teaser-headline-icon {
    filter: none
  }
}

@media only print and (width >=0px) {
  .marginal-column .link-list {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-x: 1.5rem;
    --c-padding-t: 0px;
    --c-padding-b: calc(1.5rem + var(--c-padding-b-addition))
  }
}

@media only screen and (min-width:600px) {
  .marginal-column .link-list {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-x: 1.5rem;
    --c-padding-t: 0px;
    --c-padding-b: calc(1.5rem + var(--c-padding-b-addition))
  }
}

@media only print and (width >=0px) {
  .marginal-column .link-list:not([class*=bg-]) {
    --c-padding-b: 0px;
    --margin-top: 0px
  }

  .marginal-column .link-list.contact-teaser {
    --c-padding-x: 0px;
    --c-padding-b: 0px
  }

  .marginal-column .link-list.contact-teaser .contact-teaser-content,
  .marginal-column .link-list.contact-teaser .smk-1 {
    padding: 0 1.5rem
  }

  .marginal-column .link-list.contact-teaser .contact-teaser-content {
    padding-bottom: 2.5rem
  }

  .marginal-column .link-list[class*=bg-]>:first-child:not(.teaser-media-container) {
    margin-top: var(--c-padding-x)
  }

  .marginal-column .link-list .teaser-media-container {
    margin-inline: calc(-1*var(--c-padding-x));
    max-width: none
  }
}

@media only screen and (min-width:960px) {
  .marginal-column .link-list:not([class*=bg-]) {
    --c-padding-b: 0px;
    --margin-top: 0px
  }

  .marginal-column .link-list.contact-teaser {
    --c-padding-x: 0px;
    --c-padding-b: 0px
  }

  .marginal-column .link-list.contact-teaser .contact-teaser-content,
  .marginal-column .link-list.contact-teaser .smk-1 {
    padding: 0 1.5rem
  }

  .marginal-column .link-list.contact-teaser .contact-teaser-content {
    padding-bottom: 2.5rem
  }

  .marginal-column .link-list[class*=bg-]>:first-child:not(.teaser-media-container) {
    margin-top: var(--c-padding-x)
  }

  .marginal-column .link-list .teaser-media-container {
    margin-inline: calc(-1*var(--c-padding-x));
    max-width: none
  }
}

@media only print and (width >=0px) {
  .marginal-column .link-list {
    --margin-top: 0px
  }
}

@media only screen and (min-width:600px)and (max-width:calc(1280px - 1px)) {
  .marginal-column .link-list {
    --margin-top: 0px
  }
}

.page-s12 .link-list {
  --c-padding-y-bg: 0px;
  --padding-x: 0px
}

.page-s12 .link-list[class*=bg-] {
  --c-padding-y-bg: 15px;
  --padding-x: 15px
}

@media only screen and (max-width:calc(600px - 1px)) {
  .page-s12 .link-list {
    --c-overflow: 0px;
    --c-padding-y-bg: 20px
  }
}

@media only print and (width >=0px) {
  .page-s12 .link-list[class*=bg-] {
    --c-padding-y-bg: 20px;
    --padding-x: 20px
  }
}

@media only screen and (min-width:600px) {
  .page-s12 .link-list[class*=bg-] {
    --c-padding-y-bg: 20px;
    --padding-x: 20px
  }
}

@media only print and (width >=0px) {
  .page-s12 .link-list[class*=bg-] {
    --c-padding-y-bg: 40px;
    --padding-x: 40px
  }
}

@media only screen and (min-width:840px) {
  .page-s12 .link-list[class*=bg-] {
    --c-padding-y-bg: 40px;
    --padding-x: 40px
  }
}

.page-s14 .link-list {
  --c-padding-y-bg: 0px;
  --padding-x: 0px
}

.page-s14 .link-list[class*=bg-] {
  --c-padding-y-bg: 20px;
  --padding-x: min(var(--gutter), var(--c-overflow))
}

@media only print and (width >=0px) {
  .page-s14 .link-list[class*=bg-] {
    --c-padding-y-bg: 40px
  }
}

@media only screen and (min-width:840px) {
  .page-s14 .link-list[class*=bg-] {
    --c-padding-y-bg: 40px
  }
}

.focus-teaser {
  --c-padding-b-addition: 0px;
  --c-padding-y-bg: 0px
}

.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.focus-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.focus-teaser.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.focus-teaser.bg-dark .button--primary,
.focus-teaser.bg-dark .button--primary-positive,
.focus-teaser.bg-dark .button--secondary,
.focus-teaser.bg-dark .button--secondary-positive,
.focus-teaser.bg-dark .button--tertiary,
.focus-teaser.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.focus-teaser.bg-dark .button--primary,
.focus-teaser.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.focus-teaser.bg-dark .button--secondary,
.focus-teaser.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.focus-teaser.bg-dark .button--tertiary,
.focus-teaser.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.focus-teaser.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.focus-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.focus-teaser.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.focus-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.focus-teaser.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.focus-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.focus-teaser.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.focus-teaser.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.focus-teaser.bg-dark,
:where(main)>.focus-teaser.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.focus-teaser.bg-dark+*>*,
:where(main)>.focus-teaser.bg-dark>* {
  --margin-top: initial
}

.focus-teaser.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.focus-teaser.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .focus-teaser.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .focus-teaser.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .focus-teaser.bg-dark.product-header,
  .focus-teaser.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .focus-teaser.bg-dark.product-header,
  .focus-teaser.bg-dark.product-header[class*=bg-],
  .focus-teaser.bg-dark[class*=bg-],
  .focus-teaser.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .focus-teaser.bg-dark.product-header .hintbox-icon img,
  .focus-teaser.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.focus-teaser.bg-dark .details--s9>.details .main-column[class*=bg-],
.focus-teaser.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .focus-teaser.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .focus-teaser.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .focus-teaser.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .focus-teaser.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .focus-teaser.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .focus-teaser.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.focus-teaser.bg-dark .hintbox,
.focus-teaser.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.focus-teaser.bg-dark,
.overlay-content .main-column>.focus-teaser.bg-dark .focus-teaser.bg-dark,
.overlay-content body>.focus-teaser.bg-dark,
.overlay-content>.focus-teaser.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.focus-teaser.bg-dark .focus-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.focus-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content body>.focus-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content>.focus-teaser.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.focus-teaser.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.focus-teaser.bg-dark-accent .button--primary,
.focus-teaser.bg-dark-accent .button--primary-positive,
.focus-teaser.bg-dark-accent .button--secondary,
.focus-teaser.bg-dark-accent .button--secondary-positive,
.focus-teaser.bg-dark-accent .button--tertiary,
.focus-teaser.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.focus-teaser.bg-dark-accent .button--primary,
.focus-teaser.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.focus-teaser.bg-dark-accent .button--secondary,
.focus-teaser.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.focus-teaser.bg-dark-accent .button--tertiary,
.focus-teaser.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.focus-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.focus-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.focus-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.focus-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.focus-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.focus-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.focus-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.focus-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.focus-teaser.bg-dark-accent,
:where(main)>.focus-teaser.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.focus-teaser.bg-dark-accent+*>*,
:where(main)>.focus-teaser.bg-dark-accent>* {
  --margin-top: initial
}

.focus-teaser.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.focus-teaser.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .focus-teaser.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .focus-teaser.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .focus-teaser.bg-dark-accent.product-header,
  .focus-teaser.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .focus-teaser.bg-dark-accent.product-header,
  .focus-teaser.bg-dark-accent.product-header[class*=bg-],
  .focus-teaser.bg-dark-accent[class*=bg-],
  .focus-teaser.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .focus-teaser.bg-dark-accent.product-header .hintbox-icon img,
  .focus-teaser.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.focus-teaser.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.focus-teaser.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .focus-teaser.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .focus-teaser.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .focus-teaser.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .focus-teaser.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .focus-teaser.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .focus-teaser.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.focus-teaser.bg-dark-accent .hintbox,
.focus-teaser.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.focus-teaser.bg-dark-accent,
.overlay-content .main-column>.focus-teaser.bg-dark-accent .focus-teaser.bg-dark-accent,
.overlay-content body>.focus-teaser.bg-dark-accent,
.overlay-content>.focus-teaser.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.focus-teaser.bg-dark-accent .focus-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.focus-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.focus-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.focus-teaser.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.focus-teaser.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.focus-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.focus-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.focus-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.focus-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.focus-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.focus-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.focus-teaser.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.focus-teaser.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.focus-teaser.bg-light-accent,
:where(main)>.focus-teaser.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.focus-teaser.bg-light-accent+*>*,
:where(main)>.focus-teaser.bg-light-accent>* {
  --margin-top: initial
}

.focus-teaser.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.focus-teaser.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .focus-teaser.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .focus-teaser.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .focus-teaser.bg-light-accent.product-header,
  .focus-teaser.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .focus-teaser.bg-light-accent.product-header,
  .focus-teaser.bg-light-accent.product-header[class*=bg-],
  .focus-teaser.bg-light-accent[class*=bg-],
  .focus-teaser.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .focus-teaser.bg-light-accent.product-header .hintbox-icon img,
  .focus-teaser.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.focus-teaser.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.focus-teaser.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .focus-teaser.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .focus-teaser.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .focus-teaser.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .focus-teaser.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .focus-teaser.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .focus-teaser.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.focus-teaser.bg-light-accent .hintbox,
.focus-teaser.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.focus-teaser.bg-light-accent,
.overlay-content .main-column>.focus-teaser.bg-light-accent .focus-teaser.bg-light-accent,
.overlay-content body>.focus-teaser.bg-light-accent,
.overlay-content>.focus-teaser.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.focus-teaser.bg-light-accent .focus-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.focus-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.focus-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.focus-teaser.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.focus-teaser.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.focus-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.focus-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.focus-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.focus-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.focus-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.focus-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.focus-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.focus-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.focus-teaser.bg-light-accent-secondary,
:where(main)>.focus-teaser.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.focus-teaser.bg-light-accent-secondary+*>*,
:where(main)>.focus-teaser.bg-light-accent-secondary>* {
  --margin-top: initial
}

.focus-teaser.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.focus-teaser.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .focus-teaser.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .focus-teaser.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .focus-teaser.bg-light-accent-secondary.product-header,
  .focus-teaser.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .focus-teaser.bg-light-accent-secondary.product-header,
  .focus-teaser.bg-light-accent-secondary.product-header[class*=bg-],
  .focus-teaser.bg-light-accent-secondary[class*=bg-],
  .focus-teaser.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .focus-teaser.bg-light-accent-secondary.product-header .hintbox-icon img,
  .focus-teaser.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.focus-teaser.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.focus-teaser.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .focus-teaser.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .focus-teaser.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .focus-teaser.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .focus-teaser.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .focus-teaser.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .focus-teaser.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.focus-teaser.bg-light-accent-secondary .hintbox,
.focus-teaser.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.focus-teaser.bg-light-accent-secondary,
.overlay-content .main-column>.focus-teaser.bg-light-accent-secondary .focus-teaser.bg-light-accent-secondary,
.overlay-content body>.focus-teaser.bg-light-accent-secondary,
.overlay-content>.focus-teaser.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.focus-teaser.bg-light-accent-secondary .focus-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.focus-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.focus-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.focus-teaser.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.focus-teaser.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.focus-teaser.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.focus-teaser.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.focus-teaser.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.focus-teaser.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.focus-teaser.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.focus-teaser.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.focus-teaser.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.focus-teaser.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.focus-teaser.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.focus-teaser.bg-light,
:where(main)>.focus-teaser.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.focus-teaser.bg-light+*>*,
:where(main)>.focus-teaser.bg-light>* {
  --margin-top: initial
}

.focus-teaser.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.focus-teaser.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .focus-teaser.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .focus-teaser.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .focus-teaser.bg-light.product-header,
  .focus-teaser.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .focus-teaser.bg-light.product-header,
  .focus-teaser.bg-light.product-header[class*=bg-],
  .focus-teaser.bg-light[class*=bg-],
  .focus-teaser.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .focus-teaser.bg-light.product-header .hintbox-icon img,
  .focus-teaser.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.focus-teaser.bg-light .details--s9>.details .main-column[class*=bg-],
.focus-teaser.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .focus-teaser.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .focus-teaser.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .focus-teaser.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .focus-teaser.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .focus-teaser.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .focus-teaser.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.focus-teaser.bg-light .hintbox,
.focus-teaser.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.focus-teaser.bg-light,
.overlay-content .main-column>.focus-teaser.bg-light .focus-teaser.bg-light,
.overlay-content body>.focus-teaser.bg-light,
.overlay-content>.focus-teaser.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.focus-teaser.bg-light .focus-teaser.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.focus-teaser.bg-light .product-label.product-label--overflow,
.overlay-content body>.focus-teaser.bg-light .product-label.product-label--overflow,
.overlay-content>.focus-teaser.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.focus-teaser-box-content {
  --headline-color: var(--color);
  --padding-bottom: var(--space-x-small);
  padding: var(--space-small) var(--space-small) var(--padding-bottom)
}

.focus-teaser-box-content:has(a.link),
.focus-teaser-box-content:has(span.button-container) {
  --padding-bottom: var(--space-large)
}

.focus-teaser-box-content>:first-child:not(:only-child) {
  margin-bottom: var(--space-medium)
}

.focus-teaser-box-content .button-container {
  margin-right: 0
}

@media only print and (width >=0px) {
  .focus-teaser-box {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    left: 0;
    padding: 0 var(--c-calc-overflow);
    position: absolute;
    right: 0;
    top: var(--space-small)
  }

  .bg-dark .focus-teaser-box,
  .bg-dark .focus-teaser-box .button,
  .bg-dark-accent .focus-teaser-box,
  .bg-dark-accent .focus-teaser-box .button {
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .focus-teaser-box-content {
    background-color: var(--color-opacity-light-95);
    border-bottom-right-radius: 20px;
    grid-column: auto/span 4;
    padding-bottom: var(--space-medium);
    transform: translateX(-2rem)
  }
}

@media only screen and (min-width:840px) {
  .focus-teaser-box {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    left: 0;
    padding: 0 var(--c-calc-overflow);
    position: absolute;
    right: 0;
    top: var(--space-small)
  }

  .bg-dark .focus-teaser-box,
  .bg-dark .focus-teaser-box .button,
  .bg-dark-accent .focus-teaser-box,
  .bg-dark-accent .focus-teaser-box .button {
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .focus-teaser-box-content {
    background-color: var(--color-opacity-light-95);
    border-bottom-right-radius: 20px;
    grid-column: auto/span 4;
    padding-bottom: var(--space-medium);
    transform: translateX(-2rem)
  }
}

.focus-teaser-image picture,
.focus-teaser-image picture image {
  aspect-ratio: 16/9
}

@media only print and (width >=0px) {

  .focus-teaser-image picture,
  .focus-teaser-image picture image {
    aspect-ratio: 5/2
  }
}

@media only screen and (min-width:1280px) {

  .focus-teaser-image picture,
  .focus-teaser-image picture image {
    aspect-ratio: 5/2
  }
}

@media only print and (width >=0px) {
  .focus-teaser-image {
    grid-column: 1/span 4
  }
}

@media only screen and (min-width:840px) {
  .focus-teaser-image {
    grid-column: 1/span 4
  }
}

.focus-teaser-image+.focus-teaser-links,
.focus-teaser-links:first-child {
  padding-top: var(--space-small)
}

.focus-teaser-links {
  padding: 0 var(--space-small) var(--space-medium)
}

.focus-teaser-links .link-list {
  margin: 0;
  padding: 0;
  width: 100%
}

.focus-teaser-links .link-list .link-notice {
  color: var(--color-font-on-light-bg)
}

.focus-teaser-links .link-list .link-labeling {
  margin-right: .5rem
}

@media only print and (width >=0px) {
  .focus-teaser-links {
    grid-column: 6/span 1;
    padding-inline: 0;
    padding-top: var(--space-large)
  }
}

@media only screen and (min-width:840px) {
  .focus-teaser-links {
    grid-column: 6/span 1;
    padding-inline: 0;
    padding-top: var(--space-large)
  }
}

@media only print and (width >=0px) {
  .focus-teaser {
    display: grid;
    grid-template-columns: var(--c-calc-overflow) minmax(0, 1fr) var(--gap) minmax(0, 1fr) var(--gap) minmax(0, 1fr) var(--c-calc-overflow);
    position: relative
  }
}

@media only screen and (min-width:840px) {
  .focus-teaser {
    display: grid;
    grid-template-columns: var(--c-calc-overflow) minmax(0, 1fr) var(--gap) minmax(0, 1fr) var(--gap) minmax(0, 1fr) var(--c-calc-overflow);
    position: relative
  }
}

.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.three-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-steps.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.three-steps.bg-dark .button--primary,
.three-steps.bg-dark .button--primary-positive,
.three-steps.bg-dark .button--secondary,
.three-steps.bg-dark .button--secondary-positive,
.three-steps.bg-dark .button--tertiary,
.three-steps.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.three-steps.bg-dark .button--primary,
.three-steps.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.three-steps.bg-dark .button--secondary,
.three-steps.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.three-steps.bg-dark .button--tertiary,
.three-steps.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.three-steps.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-steps.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-steps.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-steps.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-steps.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.three-steps.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-steps.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-steps.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-steps.bg-dark,
:where(main)>.three-steps.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-steps.bg-dark+*>*,
:where(main)>.three-steps.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .three-steps.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .three-steps.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.three-steps.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.three-steps.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-steps.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-steps.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-steps.bg-dark.product-header,
  .three-steps.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-steps.bg-dark.product-header,
  .three-steps.bg-dark.product-header[class*=bg-],
  .three-steps.bg-dark[class*=bg-],
  .three-steps.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-steps.bg-dark.product-header .hintbox-icon img,
  .three-steps.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-steps.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-steps.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-steps.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-steps.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.three-steps.bg-dark .details--s9>.details .main-column[class*=bg-],
.three-steps.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-steps.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-steps.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-steps.bg-dark .hintbox,
.three-steps.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-steps.bg-dark,
.overlay-content .main-column>.three-steps.bg-dark .three-steps.bg-dark,
.overlay-content body>.three-steps.bg-dark,
.overlay-content>.three-steps.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-steps.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.three-steps.bg-dark .three-steps.bg-dark .product-label.product-label--overflow,
.overlay-content body>.three-steps.bg-dark .product-label.product-label--overflow,
.overlay-content>.three-steps.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-steps.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.three-steps.bg-dark-accent .button--primary,
.three-steps.bg-dark-accent .button--primary-positive,
.three-steps.bg-dark-accent .button--secondary,
.three-steps.bg-dark-accent .button--secondary-positive,
.three-steps.bg-dark-accent .button--tertiary,
.three-steps.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.three-steps.bg-dark-accent .button--primary,
.three-steps.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.three-steps.bg-dark-accent .button--secondary,
.three-steps.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.three-steps.bg-dark-accent .button--tertiary,
.three-steps.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.three-steps.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-steps.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-steps.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-steps.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-steps.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.three-steps.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-steps.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-steps.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-steps.bg-dark-accent,
:where(main)>.three-steps.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-steps.bg-dark-accent+*>*,
:where(main)>.three-steps.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .three-steps.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .three-steps.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.three-steps.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.three-steps.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-steps.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-steps.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-steps.bg-dark-accent.product-header,
  .three-steps.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-steps.bg-dark-accent.product-header,
  .three-steps.bg-dark-accent.product-header[class*=bg-],
  .three-steps.bg-dark-accent[class*=bg-],
  .three-steps.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-steps.bg-dark-accent.product-header .hintbox-icon img,
  .three-steps.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-steps.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-steps.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-steps.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-steps.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.three-steps.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.three-steps.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-steps.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-steps.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-steps.bg-dark-accent .hintbox,
.three-steps.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-steps.bg-dark-accent,
.overlay-content .main-column>.three-steps.bg-dark-accent .three-steps.bg-dark-accent,
.overlay-content body>.three-steps.bg-dark-accent,
.overlay-content>.three-steps.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-steps.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.three-steps.bg-dark-accent .three-steps.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.three-steps.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.three-steps.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-steps.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.three-steps.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-steps.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-steps.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-steps.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-steps.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.three-steps.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-steps.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-steps.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-steps.bg-light-accent,
:where(main)>.three-steps.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-steps.bg-light-accent+*>*,
:where(main)>.three-steps.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .three-steps.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .three-steps.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.three-steps.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.three-steps.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-steps.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-steps.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-steps.bg-light-accent.product-header,
  .three-steps.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-steps.bg-light-accent.product-header,
  .three-steps.bg-light-accent.product-header[class*=bg-],
  .three-steps.bg-light-accent[class*=bg-],
  .three-steps.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-steps.bg-light-accent.product-header .hintbox-icon img,
  .three-steps.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-steps.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-steps.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-steps.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-steps.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.three-steps.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.three-steps.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-steps.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-steps.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-steps.bg-light-accent .hintbox,
.three-steps.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-steps.bg-light-accent,
.overlay-content .main-column>.three-steps.bg-light-accent .three-steps.bg-light-accent,
.overlay-content body>.three-steps.bg-light-accent,
.overlay-content>.three-steps.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-steps.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.three-steps.bg-light-accent .three-steps.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.three-steps.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.three-steps.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-steps.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.three-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.three-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-steps.bg-light-accent-secondary,
:where(main)>.three-steps.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-steps.bg-light-accent-secondary+*>*,
:where(main)>.three-steps.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .three-steps.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .three-steps.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.three-steps.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.three-steps.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-steps.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-steps.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-steps.bg-light-accent-secondary.product-header,
  .three-steps.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-steps.bg-light-accent-secondary.product-header,
  .three-steps.bg-light-accent-secondary.product-header[class*=bg-],
  .three-steps.bg-light-accent-secondary[class*=bg-],
  .three-steps.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-steps.bg-light-accent-secondary.product-header .hintbox-icon img,
  .three-steps.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-steps.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-steps.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-steps.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-steps.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.three-steps.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.three-steps.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-steps.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-steps.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-steps.bg-light-accent-secondary .hintbox,
.three-steps.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-steps.bg-light-accent-secondary,
.overlay-content .main-column>.three-steps.bg-light-accent-secondary .three-steps.bg-light-accent-secondary,
.overlay-content body>.three-steps.bg-light-accent-secondary,
.overlay-content>.three-steps.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-steps.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.three-steps.bg-light-accent-secondary .three-steps.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.three-steps.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.three-steps.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-steps.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.three-steps.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.three-steps.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.three-steps.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.three-steps.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.three-steps.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.three-steps.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.three-steps.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.three-steps.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.three-steps.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.three-steps.bg-light,
:where(main)>.three-steps.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.three-steps.bg-light+*>*,
:where(main)>.three-steps.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .three-steps.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .three-steps.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.three-steps.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.three-steps.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .three-steps.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .three-steps.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .three-steps.bg-light.product-header,
  .three-steps.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .three-steps.bg-light.product-header,
  .three-steps.bg-light.product-header[class*=bg-],
  .three-steps.bg-light[class*=bg-],
  .three-steps.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .three-steps.bg-light.product-header .hintbox-icon img,
  .three-steps.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .three-steps.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .three-steps.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .three-steps.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .three-steps.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.three-steps.bg-light .details--s9>.details .main-column[class*=bg-],
.three-steps.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .three-steps.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .three-steps.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.three-steps.bg-light .hintbox,
.three-steps.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.three-steps.bg-light,
.overlay-content .main-column>.three-steps.bg-light .three-steps.bg-light,
.overlay-content body>.three-steps.bg-light,
.overlay-content>.three-steps.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.three-steps.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.three-steps.bg-light .three-steps.bg-light .product-label.product-label--overflow,
.overlay-content body>.three-steps.bg-light .product-label.product-label--overflow,
.overlay-content>.three-steps.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.three-steps-content {
  position: relative
}

*+.three-steps-content {
  margin-top: var(--space-large)
}

.three-steps-content .image {
  aspect-ratio: 16/9
}

@media only print and (width >=0px) {
  .three-steps-content {
    --size: 8rem;
    display: grid;
    grid-template-columns: 1fr var(--gap) minmax(0, var(--size)) 1fr minmax(0, var(--size)) var(--gap) 1fr
  }

  .three-steps-content:after,
  .three-steps-content:before {
    align-items: center;
    aspect-ratio: 7/11;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: flex;
    grid-row: 1;
    width: 100%
  }

  .three-steps-content:before {
    background-image: url(../images/assets/img/svg/three-steps/arrow-134aab3f7d3b53e657be5.svg);
    grid-column: 3/span 1
  }

  .three-steps-content:after {
    background-image: url(../images/assets/img/svg/three-steps/arrow-281981f33373552c6b425.svg);
    grid-column: 5/span 1;
    justify-content: flex-end
  }

  .three-steps-content .swiper-wrapper {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .three-steps-content .slider.swiper {
    display: flex;
    grid-column: 1/-1;
    grid-row: 1
  }
}

@media only screen and (min-width:840px) {
  .three-steps-content {
    --size: 8rem;
    display: grid;
    grid-template-columns: 1fr var(--gap) minmax(0, var(--size)) 1fr minmax(0, var(--size)) var(--gap) 1fr
  }

  .three-steps-content:after,
  .three-steps-content:before {
    align-items: center;
    aspect-ratio: 7/11;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: flex;
    grid-row: 1;
    width: 100%
  }

  .three-steps-content:before {
    background-image: url(../images/assets/img/svg/three-steps/arrow-134aab3f7d3b53e657be5.svg);
    grid-column: 3/span 1
  }

  .three-steps-content:after {
    background-image: url(../images/assets/img/svg/three-steps/arrow-281981f33373552c6b425.svg);
    grid-column: 5/span 1;
    justify-content: flex-end
  }

  .three-steps-content .swiper-wrapper {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .three-steps-content .slider.swiper {
    display: flex;
    grid-column: 1/-1;
    grid-row: 1
  }
}

@media only print and (width >=0px) {
  .three-steps-content {
    --size: 11.6rem
  }
}

@media only screen and (min-width:1280px) {
  .three-steps-content {
    --size: 11.6rem
  }
}

.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.progress-steps:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.progress-steps.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.progress-steps.bg-dark .button--primary,
.progress-steps.bg-dark .button--primary-positive,
.progress-steps.bg-dark .button--secondary,
.progress-steps.bg-dark .button--secondary-positive,
.progress-steps.bg-dark .button--tertiary,
.progress-steps.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.progress-steps.bg-dark .button--primary,
.progress-steps.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.progress-steps.bg-dark .button--secondary,
.progress-steps.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.progress-steps.bg-dark .button--tertiary,
.progress-steps.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.progress-steps.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.progress-steps.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.progress-steps.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.progress-steps.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.progress-steps.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.progress-steps.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.progress-steps.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.progress-steps.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.progress-steps.bg-dark,
:where(main)>.progress-steps.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.progress-steps.bg-dark+*>*,
:where(main)>.progress-steps.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .progress-steps.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .progress-steps.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.progress-steps.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.progress-steps.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .progress-steps.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .progress-steps.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .progress-steps.bg-dark.product-header,
  .progress-steps.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .progress-steps.bg-dark.product-header,
  .progress-steps.bg-dark.product-header[class*=bg-],
  .progress-steps.bg-dark[class*=bg-],
  .progress-steps.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .progress-steps.bg-dark.product-header .hintbox-icon img,
  .progress-steps.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .progress-steps.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .progress-steps.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .progress-steps.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .progress-steps.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.progress-steps.bg-dark .details--s9>.details .main-column[class*=bg-],
.progress-steps.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .progress-steps.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .progress-steps.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.progress-steps.bg-dark .hintbox,
.progress-steps.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.progress-steps.bg-dark,
.overlay-content .main-column>.progress-steps.bg-dark .progress-steps.bg-dark,
.overlay-content body>.progress-steps.bg-dark,
.overlay-content>.progress-steps.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.progress-steps.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.progress-steps.bg-dark .progress-steps.bg-dark .product-label.product-label--overflow,
.overlay-content body>.progress-steps.bg-dark .product-label.product-label--overflow,
.overlay-content>.progress-steps.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.progress-steps.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.progress-steps.bg-dark-accent .button--primary,
.progress-steps.bg-dark-accent .button--primary-positive,
.progress-steps.bg-dark-accent .button--secondary,
.progress-steps.bg-dark-accent .button--secondary-positive,
.progress-steps.bg-dark-accent .button--tertiary,
.progress-steps.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.progress-steps.bg-dark-accent .button--primary,
.progress-steps.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.progress-steps.bg-dark-accent .button--secondary,
.progress-steps.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.progress-steps.bg-dark-accent .button--tertiary,
.progress-steps.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.progress-steps.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.progress-steps.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.progress-steps.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.progress-steps.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.progress-steps.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.progress-steps.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.progress-steps.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.progress-steps.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.progress-steps.bg-dark-accent,
:where(main)>.progress-steps.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.progress-steps.bg-dark-accent+*>*,
:where(main)>.progress-steps.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .progress-steps.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .progress-steps.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.progress-steps.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.progress-steps.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .progress-steps.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .progress-steps.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .progress-steps.bg-dark-accent.product-header,
  .progress-steps.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .progress-steps.bg-dark-accent.product-header,
  .progress-steps.bg-dark-accent.product-header[class*=bg-],
  .progress-steps.bg-dark-accent[class*=bg-],
  .progress-steps.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .progress-steps.bg-dark-accent.product-header .hintbox-icon img,
  .progress-steps.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .progress-steps.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .progress-steps.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .progress-steps.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .progress-steps.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.progress-steps.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.progress-steps.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .progress-steps.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .progress-steps.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.progress-steps.bg-dark-accent .hintbox,
.progress-steps.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.progress-steps.bg-dark-accent,
.overlay-content .main-column>.progress-steps.bg-dark-accent .progress-steps.bg-dark-accent,
.overlay-content body>.progress-steps.bg-dark-accent,
.overlay-content>.progress-steps.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.progress-steps.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.progress-steps.bg-dark-accent .progress-steps.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.progress-steps.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.progress-steps.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.progress-steps.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.progress-steps.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.progress-steps.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.progress-steps.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.progress-steps.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.progress-steps.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.progress-steps.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.progress-steps.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.progress-steps.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.progress-steps.bg-light-accent,
:where(main)>.progress-steps.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.progress-steps.bg-light-accent+*>*,
:where(main)>.progress-steps.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .progress-steps.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .progress-steps.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.progress-steps.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.progress-steps.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .progress-steps.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .progress-steps.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .progress-steps.bg-light-accent.product-header,
  .progress-steps.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .progress-steps.bg-light-accent.product-header,
  .progress-steps.bg-light-accent.product-header[class*=bg-],
  .progress-steps.bg-light-accent[class*=bg-],
  .progress-steps.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .progress-steps.bg-light-accent.product-header .hintbox-icon img,
  .progress-steps.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .progress-steps.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .progress-steps.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .progress-steps.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .progress-steps.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.progress-steps.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.progress-steps.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .progress-steps.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .progress-steps.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.progress-steps.bg-light-accent .hintbox,
.progress-steps.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.progress-steps.bg-light-accent,
.overlay-content .main-column>.progress-steps.bg-light-accent .progress-steps.bg-light-accent,
.overlay-content body>.progress-steps.bg-light-accent,
.overlay-content>.progress-steps.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.progress-steps.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.progress-steps.bg-light-accent .progress-steps.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.progress-steps.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.progress-steps.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.progress-steps.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.progress-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.progress-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.progress-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.progress-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.progress-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.progress-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.progress-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.progress-steps.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.progress-steps.bg-light-accent-secondary,
:where(main)>.progress-steps.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.progress-steps.bg-light-accent-secondary+*>*,
:where(main)>.progress-steps.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .progress-steps.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .progress-steps.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.progress-steps.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.progress-steps.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .progress-steps.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .progress-steps.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .progress-steps.bg-light-accent-secondary.product-header,
  .progress-steps.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .progress-steps.bg-light-accent-secondary.product-header,
  .progress-steps.bg-light-accent-secondary.product-header[class*=bg-],
  .progress-steps.bg-light-accent-secondary[class*=bg-],
  .progress-steps.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .progress-steps.bg-light-accent-secondary.product-header .hintbox-icon img,
  .progress-steps.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .progress-steps.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .progress-steps.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .progress-steps.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .progress-steps.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.progress-steps.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.progress-steps.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .progress-steps.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .progress-steps.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.progress-steps.bg-light-accent-secondary .hintbox,
.progress-steps.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.progress-steps.bg-light-accent-secondary,
.overlay-content .main-column>.progress-steps.bg-light-accent-secondary .progress-steps.bg-light-accent-secondary,
.overlay-content body>.progress-steps.bg-light-accent-secondary,
.overlay-content>.progress-steps.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.progress-steps.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.progress-steps.bg-light-accent-secondary .progress-steps.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.progress-steps.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.progress-steps.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.progress-steps.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.progress-steps.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.progress-steps.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.progress-steps.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.progress-steps.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.progress-steps.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.progress-steps.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.progress-steps.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.progress-steps.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.progress-steps.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.progress-steps.bg-light,
:where(main)>.progress-steps.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.progress-steps.bg-light+*>*,
:where(main)>.progress-steps.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .progress-steps.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .progress-steps.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.progress-steps.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.progress-steps.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .progress-steps.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .progress-steps.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .progress-steps.bg-light.product-header,
  .progress-steps.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .progress-steps.bg-light.product-header,
  .progress-steps.bg-light.product-header[class*=bg-],
  .progress-steps.bg-light[class*=bg-],
  .progress-steps.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .progress-steps.bg-light.product-header .hintbox-icon img,
  .progress-steps.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .progress-steps.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .progress-steps.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .progress-steps.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .progress-steps.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.progress-steps.bg-light .details--s9>.details .main-column[class*=bg-],
.progress-steps.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .progress-steps.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .progress-steps.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.progress-steps.bg-light .hintbox,
.progress-steps.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.progress-steps.bg-light,
.overlay-content .main-column>.progress-steps.bg-light .progress-steps.bg-light,
.overlay-content body>.progress-steps.bg-light,
.overlay-content>.progress-steps.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.progress-steps.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.progress-steps.bg-light .progress-steps.bg-light .product-label.product-label--overflow,
.overlay-content body>.progress-steps.bg-light .product-label.product-label--overflow,
.overlay-content>.progress-steps.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.progress-steps {
  padding-bottom: 0
}

.progress-steps.progress-steps[class*=bg-] {
  --overflow: true;
  padding-bottom: 0
}

.progress-steps-details {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0 var(--gap);
  width: 100%
}

@media only print and (width >=0px) {
  .progress-steps-details--image .content-text {
    --col: 7
  }
}

@media only screen and (min-width:840px) {
  .progress-steps-details--image .content-text {
    --col: 7
  }
}

.progress-steps-details--image .content-image {
  width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
  --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
}

@media only print and (width >=0px) {
  .progress-steps-details--image .content-image {
    --columns: 12
  }
}

@media only screen and (min-width:600px) {
  .progress-steps-details--image .content-image {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .progress-steps-details--image .content-image {
    --col: 5;
    align-self: flex-end
  }
}

@media only screen and (min-width:840px) {
  .progress-steps-details--image .content-image {
    --col: 5;
    align-self: flex-end
  }
}

.progress-steps-details .content-text {
  --col: 12;
  padding-bottom: var(--space-small);
  width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
  --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
}

@media only print and (width >=0px) {
  .progress-steps-details .content-text {
    --columns: 12
  }
}

@media only screen and (min-width:600px) {
  .progress-steps-details .content-text {
    --columns: 12
  }
}

.progress-steps-details .content-text .headline {
  margin-bottom: var(--space-small)
}

.progress-steps-details .content-text .text {
  margin-bottom: 0
}

@media only print and (width >=0px) {
  .progress-steps-details .content-text {
    padding-bottom: 50px
  }
}

@media only screen and (min-width:840px) {
  .progress-steps-details .content-text {
    padding-bottom: 50px
  }
}

.progress-steps-details .content-image {
  justify-self: flex-end;
  max-width: 100%
}

.progress-steps-details .content-image img {
  aspect-ratio: 16/9
}

@media only screen and (max-width:calc(840px - 1px)) {
  .progress-steps-details .content-image {
    max-width: 40rem
  }
}

@media only print and (width >=0px) {
  .progress-steps-details {
    align-items: flex-start;
    flex-direction: row
  }
}

@media only screen and (min-width:840px) {
  .progress-steps-details {
    align-items: flex-start;
    flex-direction: row
  }
}

.progress-steps .step-navigation-wrapper {
  margin-bottom: var(--space-medium)
}

@media only print and (width >=0px) {
  .progress-steps .step-navigation-wrapper {
    margin-bottom: var(--space-large)
  }
}

@media only screen and (min-width:840px) {
  .progress-steps .step-navigation-wrapper {
    margin-bottom: var(--space-large)
  }
}

.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dwik.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.dwik.bg-dark .button--primary,
.dwik.bg-dark .button--primary-positive,
.dwik.bg-dark .button--secondary,
.dwik.bg-dark .button--secondary-positive,
.dwik.bg-dark .button--tertiary,
.dwik.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.dwik.bg-dark .button--primary,
.dwik.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.dwik.bg-dark .button--secondary,
.dwik.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.dwik.bg-dark .button--tertiary,
.dwik.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.dwik.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dwik.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dwik.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dwik.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dwik.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.dwik.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dwik.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dwik.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dwik.bg-dark,
:where(main)>.dwik.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dwik.bg-dark+*>*,
:where(main)>.dwik.bg-dark>* {
  --margin-top: initial
}

.dwik.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dwik.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dwik.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dwik.bg-dark.product-header,
  .dwik.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dwik.bg-dark.product-header,
  .dwik.bg-dark.product-header[class*=bg-],
  .dwik.bg-dark[class*=bg-],
  .dwik.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dwik.bg-dark.product-header .hintbox-icon img,
  .dwik.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dwik.bg-dark .details--s9>.details .main-column[class*=bg-],
.dwik.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dwik.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dwik.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dwik.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dwik.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dwik.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dwik.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dwik.bg-dark .hintbox,
.dwik.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dwik.bg-dark,
.overlay-content .main-column>.dwik.bg-dark .dwik.bg-dark,
.overlay-content body>.dwik.bg-dark,
.overlay-content>.dwik.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dwik.bg-dark .dwik.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.dwik.bg-dark .product-label.product-label--overflow,
.overlay-content body>.dwik.bg-dark .product-label.product-label--overflow,
.overlay-content>.dwik.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dwik.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.dwik.bg-dark-accent .button--primary,
.dwik.bg-dark-accent .button--primary-positive,
.dwik.bg-dark-accent .button--secondary,
.dwik.bg-dark-accent .button--secondary-positive,
.dwik.bg-dark-accent .button--tertiary,
.dwik.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.dwik.bg-dark-accent .button--primary,
.dwik.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.dwik.bg-dark-accent .button--secondary,
.dwik.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.dwik.bg-dark-accent .button--tertiary,
.dwik.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.dwik.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dwik.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dwik.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dwik.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dwik.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.dwik.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dwik.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dwik.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dwik.bg-dark-accent,
:where(main)>.dwik.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dwik.bg-dark-accent+*>*,
:where(main)>.dwik.bg-dark-accent>* {
  --margin-top: initial
}

.dwik.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dwik.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dwik.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dwik.bg-dark-accent.product-header,
  .dwik.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dwik.bg-dark-accent.product-header,
  .dwik.bg-dark-accent.product-header[class*=bg-],
  .dwik.bg-dark-accent[class*=bg-],
  .dwik.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dwik.bg-dark-accent.product-header .hintbox-icon img,
  .dwik.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dwik.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.dwik.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dwik.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dwik.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dwik.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dwik.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dwik.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dwik.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dwik.bg-dark-accent .hintbox,
.dwik.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dwik.bg-dark-accent,
.overlay-content .main-column>.dwik.bg-dark-accent .dwik.bg-dark-accent,
.overlay-content body>.dwik.bg-dark-accent,
.overlay-content>.dwik.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dwik.bg-dark-accent .dwik.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.dwik.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.dwik.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.dwik.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dwik.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.dwik.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dwik.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dwik.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dwik.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dwik.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.dwik.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dwik.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dwik.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dwik.bg-light-accent,
:where(main)>.dwik.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dwik.bg-light-accent+*>*,
:where(main)>.dwik.bg-light-accent>* {
  --margin-top: initial
}

.dwik.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dwik.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dwik.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dwik.bg-light-accent.product-header,
  .dwik.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dwik.bg-light-accent.product-header,
  .dwik.bg-light-accent.product-header[class*=bg-],
  .dwik.bg-light-accent[class*=bg-],
  .dwik.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dwik.bg-light-accent.product-header .hintbox-icon img,
  .dwik.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dwik.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.dwik.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dwik.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dwik.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dwik.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dwik.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dwik.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dwik.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dwik.bg-light-accent .hintbox,
.dwik.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dwik.bg-light-accent,
.overlay-content .main-column>.dwik.bg-light-accent .dwik.bg-light-accent,
.overlay-content body>.dwik.bg-light-accent,
.overlay-content>.dwik.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dwik.bg-light-accent .dwik.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.dwik.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.dwik.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.dwik.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dwik.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dwik.bg-light-accent-secondary,
:where(main)>.dwik.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dwik.bg-light-accent-secondary+*>*,
:where(main)>.dwik.bg-light-accent-secondary>* {
  --margin-top: initial
}

.dwik.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dwik.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dwik.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dwik.bg-light-accent-secondary.product-header,
  .dwik.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dwik.bg-light-accent-secondary.product-header,
  .dwik.bg-light-accent-secondary.product-header[class*=bg-],
  .dwik.bg-light-accent-secondary[class*=bg-],
  .dwik.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dwik.bg-light-accent-secondary.product-header .hintbox-icon img,
  .dwik.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dwik.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.dwik.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dwik.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dwik.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dwik.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dwik.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dwik.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dwik.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dwik.bg-light-accent-secondary .hintbox,
.dwik.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dwik.bg-light-accent-secondary,
.overlay-content .main-column>.dwik.bg-light-accent-secondary .dwik.bg-light-accent-secondary,
.overlay-content body>.dwik.bg-light-accent-secondary,
.overlay-content>.dwik.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dwik.bg-light-accent-secondary .dwik.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.dwik.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.dwik.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.dwik.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dwik.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.dwik.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dwik.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dwik.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dwik.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dwik.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.dwik.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dwik.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dwik.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dwik.bg-light,
:where(main)>.dwik.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dwik.bg-light+*>*,
:where(main)>.dwik.bg-light>* {
  --margin-top: initial
}

.dwik.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dwik.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dwik.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dwik.bg-light.product-header,
  .dwik.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dwik.bg-light.product-header,
  .dwik.bg-light.product-header[class*=bg-],
  .dwik.bg-light[class*=bg-],
  .dwik.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dwik.bg-light.product-header .hintbox-icon img,
  .dwik.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dwik.bg-light .details--s9>.details .main-column[class*=bg-],
.dwik.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dwik.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dwik.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dwik.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dwik.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dwik.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dwik.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dwik.bg-light .hintbox,
.dwik.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dwik.bg-light,
.overlay-content .main-column>.dwik.bg-light .dwik.bg-light,
.overlay-content body>.dwik.bg-light,
.overlay-content>.dwik.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dwik.bg-light .dwik.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.dwik.bg-light .product-label.product-label--overflow,
.overlay-content body>.dwik.bg-light .product-label.product-label--overflow,
.overlay-content>.dwik.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dwik {
  --margin-top: var(--space-large)
}

@media only print and (width >=0px) {
  .dwik-content-left {
    grid-column: auto/span 7
  }
}

@media only screen and (min-width:840px) {
  .dwik-content-left {
    grid-column: auto/span 7
  }
}

@media only print and (width >=0px) {
  .dwik-content-left {
    grid-column: auto/span 8
  }
}

@media only screen and (min-width:1280px) {
  .dwik-content-left {
    grid-column: auto/span 8
  }
}

.dwik-content-right {
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(12, minmax(0, 1fr))
}

.dwik-content-right>.jumpmark {
  align-self: flex-end;
  margin-left: auto
}

@media only screen and (max-width:calc(840px - 1px)) {
  .dwik-content-right>.jumpmark {
    display: none
  }
}

.dwik-content-right>.teaser {
  grid-column: auto/span 12;
  height: fit-content;
  --c-overflow: var(--gutter)
}

@media only screen and (max-width:calc(840px - 1px)) {

  .dwik-content-right>.teaser,
  .dwik-content-right>.teaser[class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dwik-content-right>.teaser .teaser-headline-icon {
    filter: none
  }
}

@media only print and (width >=0px) {
  .dwik-content-right>.teaser {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-x: 2rem;
    --c-padding-t: 0px;
    --c-padding-b: calc(2rem + var(--c-padding-b-addition))
  }
}

@media only screen and (min-width:600px) {
  .dwik-content-right>.teaser {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-x: 2rem;
    --c-padding-t: 0px;
    --c-padding-b: calc(2rem + var(--c-padding-b-addition))
  }
}

@media only print and (width >=0px) {
  .dwik-content-right>.teaser:not([class*=bg-]) {
    --c-padding-b: 0px;
    --margin-top: 0px
  }

  .dwik-content-right>.teaser.contact-teaser {
    --c-padding-x: 0px;
    --c-padding-b: 0px
  }

  .dwik-content-right>.teaser.contact-teaser .contact-teaser-content,
  .dwik-content-right>.teaser.contact-teaser .smk-1 {
    padding: 0 1.5rem
  }

  .dwik-content-right>.teaser.contact-teaser .contact-teaser-content {
    padding-bottom: 2.5rem
  }

  .dwik-content-right>.teaser[class*=bg-]>:first-child:not(.teaser-media-container) {
    margin-top: var(--c-padding-x)
  }

  .dwik-content-right>.teaser .teaser-media-container {
    margin-inline: calc(-1*var(--c-padding-x));
    max-width: none
  }
}

@media only screen and (min-width:840px) {
  .dwik-content-right>.teaser:not([class*=bg-]) {
    --c-padding-b: 0px;
    --margin-top: 0px
  }

  .dwik-content-right>.teaser.contact-teaser {
    --c-padding-x: 0px;
    --c-padding-b: 0px
  }

  .dwik-content-right>.teaser.contact-teaser .contact-teaser-content,
  .dwik-content-right>.teaser.contact-teaser .smk-1 {
    padding: 0 1.5rem
  }

  .dwik-content-right>.teaser.contact-teaser .contact-teaser-content {
    padding-bottom: 2.5rem
  }

  .dwik-content-right>.teaser[class*=bg-]>:first-child:not(.teaser-media-container) {
    margin-top: var(--c-padding-x)
  }

  .dwik-content-right>.teaser .teaser-media-container {
    margin-inline: calc(-1*var(--c-padding-x));
    max-width: none
  }
}

@media only print and (width >=0px) {
  .dwik-content-right>.teaser {
    --margin-top: 0px
  }
}

@media only screen and (min-width:600px)and (max-width:calc(960px - 1px)) {
  .dwik-content-right>.teaser {
    --margin-top: 0px
  }
}

@media(min-width:600px)and (max-width:calc(840px - 1px)) {
  .dwik-content-right>.teaser {
    grid-column: auto/span 6
  }
}

@media only screen and (max-width:calc(840px - 1px)) {
  .dwik-content-right>.teaser {
    margin-top: var(--space-large)
  }
}

.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: var(--padding-x)
}

.details.details--acc1 .details-content>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.dwik-content-right>.link-list.dwik:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dwik-content-right>.link-list.dwik.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x)
}

.dwik-content-right>.link-list.dwik.bg-dark .button--primary,
.dwik-content-right>.link-list.dwik.bg-dark .button--primary-positive,
.dwik-content-right>.link-list.dwik.bg-dark .button--secondary,
.dwik-content-right>.link-list.dwik.bg-dark .button--secondary-positive,
.dwik-content-right>.link-list.dwik.bg-dark .button--tertiary,
.dwik-content-right>.link-list.dwik.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.dwik-content-right>.link-list.dwik.bg-dark .button--primary,
.dwik-content-right>.link-list.dwik.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.dwik-content-right>.link-list.dwik.bg-dark .button--secondary,
.dwik-content-right>.link-list.dwik.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.dwik-content-right>.link-list.dwik.bg-dark .button--tertiary,
.dwik-content-right>.link-list.dwik.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.dwik-content-right>.link-list.dwik.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dwik-content-right>.link-list.dwik.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dwik-content-right>.link-list.dwik.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dwik-content-right>.link-list.dwik.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dwik-content-right>.link-list.dwik.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.dwik-content-right>.link-list.dwik.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dwik-content-right>.link-list.dwik.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dwik-content-right>.link-list.dwik.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dwik-content-right>.link-list.dwik.bg-dark,
:where(main)>.dwik-content-right>.link-list.dwik.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dwik-content-right>.link-list.dwik.bg-dark+*>*,
:where(main)>.dwik-content-right>.link-list.dwik.bg-dark>* {
  --margin-top: initial
}

.dwik-content-right>.link-list.dwik.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.dwik-content-right>.link-list.dwik.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dwik-content-right>.link-list.dwik.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dwik-content-right>.link-list.dwik.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dwik-content-right>.link-list.dwik.bg-dark.product-header,
  .dwik-content-right>.link-list.dwik.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dwik-content-right>.link-list.dwik.bg-dark.product-header,
  .dwik-content-right>.link-list.dwik.bg-dark.product-header[class*=bg-],
  .dwik-content-right>.link-list.dwik.bg-dark[class*=bg-],
  .dwik-content-right>.link-list.dwik.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dwik-content-right>.link-list.dwik.bg-dark.product-header .hintbox-icon img,
  .dwik-content-right>.link-list.dwik.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dwik-content-right>.link-list.dwik.bg-dark .details--s9>.details .main-column[class*=bg-],
.dwik-content-right>.link-list.dwik.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dwik-content-right>.link-list.dwik.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dwik-content-right>.link-list.dwik.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dwik-content-right>.link-list.dwik.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dwik-content-right>.link-list.dwik.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dwik-content-right>.link-list.dwik.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dwik-content-right>.link-list.dwik.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dwik-content-right>.link-list.dwik.bg-dark .hintbox,
.dwik-content-right>.link-list.dwik.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-dark,
.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-dark .dwik-content-right>.link-list.dwik.bg-dark,
.overlay-content body>.dwik-content-right>.link-list.dwik.bg-dark,
.overlay-content>.dwik-content-right>.link-list.dwik.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-dark .dwik-content-right>.link-list.dwik.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-dark .product-label.product-label--overflow,
.overlay-content body>.dwik-content-right>.link-list.dwik.bg-dark .product-label.product-label--overflow,
.overlay-content>.dwik-content-right>.link-list.dwik.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dwik-content-right>.link-list.dwik.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x)
}

.dwik-content-right>.link-list.dwik.bg-dark-accent .button--primary,
.dwik-content-right>.link-list.dwik.bg-dark-accent .button--primary-positive,
.dwik-content-right>.link-list.dwik.bg-dark-accent .button--secondary,
.dwik-content-right>.link-list.dwik.bg-dark-accent .button--secondary-positive,
.dwik-content-right>.link-list.dwik.bg-dark-accent .button--tertiary,
.dwik-content-right>.link-list.dwik.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.dwik-content-right>.link-list.dwik.bg-dark-accent .button--primary,
.dwik-content-right>.link-list.dwik.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.dwik-content-right>.link-list.dwik.bg-dark-accent .button--secondary,
.dwik-content-right>.link-list.dwik.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.dwik-content-right>.link-list.dwik.bg-dark-accent .button--tertiary,
.dwik-content-right>.link-list.dwik.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.dwik-content-right>.link-list.dwik.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dwik-content-right>.link-list.dwik.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dwik-content-right>.link-list.dwik.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dwik-content-right>.link-list.dwik.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dwik-content-right>.link-list.dwik.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.dwik-content-right>.link-list.dwik.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dwik-content-right>.link-list.dwik.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dwik-content-right>.link-list.dwik.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dwik-content-right>.link-list.dwik.bg-dark-accent,
:where(main)>.dwik-content-right>.link-list.dwik.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dwik-content-right>.link-list.dwik.bg-dark-accent+*>*,
:where(main)>.dwik-content-right>.link-list.dwik.bg-dark-accent>* {
  --margin-top: initial
}

.dwik-content-right>.link-list.dwik.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.dwik-content-right>.link-list.dwik.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dwik-content-right>.link-list.dwik.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dwik-content-right>.link-list.dwik.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dwik-content-right>.link-list.dwik.bg-dark-accent.product-header,
  .dwik-content-right>.link-list.dwik.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dwik-content-right>.link-list.dwik.bg-dark-accent.product-header,
  .dwik-content-right>.link-list.dwik.bg-dark-accent.product-header[class*=bg-],
  .dwik-content-right>.link-list.dwik.bg-dark-accent[class*=bg-],
  .dwik-content-right>.link-list.dwik.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dwik-content-right>.link-list.dwik.bg-dark-accent.product-header .hintbox-icon img,
  .dwik-content-right>.link-list.dwik.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dwik-content-right>.link-list.dwik.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.dwik-content-right>.link-list.dwik.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dwik-content-right>.link-list.dwik.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dwik-content-right>.link-list.dwik.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dwik-content-right>.link-list.dwik.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dwik-content-right>.link-list.dwik.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dwik-content-right>.link-list.dwik.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dwik-content-right>.link-list.dwik.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dwik-content-right>.link-list.dwik.bg-dark-accent .hintbox,
.dwik-content-right>.link-list.dwik.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-dark-accent,
.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-dark-accent .dwik-content-right>.link-list.dwik.bg-dark-accent,
.overlay-content body>.dwik-content-right>.link-list.dwik.bg-dark-accent,
.overlay-content>.dwik-content-right>.link-list.dwik.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-dark-accent .dwik-content-right>.link-list.dwik.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.dwik-content-right>.link-list.dwik.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.dwik-content-right>.link-list.dwik.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dwik-content-right>.link-list.dwik.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x)
}

.details.details--acc1 .details-content>.dwik-content-right>.link-list.dwik.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dwik-content-right>.link-list.dwik.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dwik-content-right>.link-list.dwik.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dwik-content-right>.link-list.dwik.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dwik-content-right>.link-list.dwik.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.dwik-content-right>.link-list.dwik.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dwik-content-right>.link-list.dwik.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dwik-content-right>.link-list.dwik.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dwik-content-right>.link-list.dwik.bg-light-accent,
:where(main)>.dwik-content-right>.link-list.dwik.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dwik-content-right>.link-list.dwik.bg-light-accent+*>*,
:where(main)>.dwik-content-right>.link-list.dwik.bg-light-accent>* {
  --margin-top: initial
}

.dwik-content-right>.link-list.dwik.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.dwik-content-right>.link-list.dwik.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dwik-content-right>.link-list.dwik.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dwik-content-right>.link-list.dwik.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dwik-content-right>.link-list.dwik.bg-light-accent.product-header,
  .dwik-content-right>.link-list.dwik.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dwik-content-right>.link-list.dwik.bg-light-accent.product-header,
  .dwik-content-right>.link-list.dwik.bg-light-accent.product-header[class*=bg-],
  .dwik-content-right>.link-list.dwik.bg-light-accent[class*=bg-],
  .dwik-content-right>.link-list.dwik.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dwik-content-right>.link-list.dwik.bg-light-accent.product-header .hintbox-icon img,
  .dwik-content-right>.link-list.dwik.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dwik-content-right>.link-list.dwik.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.dwik-content-right>.link-list.dwik.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dwik-content-right>.link-list.dwik.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dwik-content-right>.link-list.dwik.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dwik-content-right>.link-list.dwik.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dwik-content-right>.link-list.dwik.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dwik-content-right>.link-list.dwik.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dwik-content-right>.link-list.dwik.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dwik-content-right>.link-list.dwik.bg-light-accent .hintbox,
.dwik-content-right>.link-list.dwik.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-light-accent,
.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-light-accent .dwik-content-right>.link-list.dwik.bg-light-accent,
.overlay-content body>.dwik-content-right>.link-list.dwik.bg-light-accent,
.overlay-content>.dwik-content-right>.link-list.dwik.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-light-accent .dwik-content-right>.link-list.dwik.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.dwik-content-right>.link-list.dwik.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.dwik-content-right>.link-list.dwik.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dwik-content-right>.link-list.dwik.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x)
}

.details.details--acc1 .details-content>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary,
:where(main)>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary+*>*,
:where(main)>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary>* {
  --margin-top: initial
}

.dwik-content-right>.link-list.dwik.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.dwik-content-right>.link-list.dwik.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dwik-content-right>.link-list.dwik.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dwik-content-right>.link-list.dwik.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dwik-content-right>.link-list.dwik.bg-light-accent-secondary.product-header,
  .dwik-content-right>.link-list.dwik.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dwik-content-right>.link-list.dwik.bg-light-accent-secondary.product-header,
  .dwik-content-right>.link-list.dwik.bg-light-accent-secondary.product-header[class*=bg-],
  .dwik-content-right>.link-list.dwik.bg-light-accent-secondary[class*=bg-],
  .dwik-content-right>.link-list.dwik.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dwik-content-right>.link-list.dwik.bg-light-accent-secondary.product-header .hintbox-icon img,
  .dwik-content-right>.link-list.dwik.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dwik-content-right>.link-list.dwik.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.dwik-content-right>.link-list.dwik.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dwik-content-right>.link-list.dwik.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dwik-content-right>.link-list.dwik.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dwik-content-right>.link-list.dwik.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dwik-content-right>.link-list.dwik.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dwik-content-right>.link-list.dwik.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dwik-content-right>.link-list.dwik.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dwik-content-right>.link-list.dwik.bg-light-accent-secondary .hintbox,
.dwik-content-right>.link-list.dwik.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary,
.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary .dwik-content-right>.link-list.dwik.bg-light-accent-secondary,
.overlay-content body>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary,
.overlay-content>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary .dwik-content-right>.link-list.dwik.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.dwik-content-right>.link-list.dwik.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dwik-content-right>.link-list.dwik.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x)
}

.details.details--acc1 .details-content>.dwik-content-right>.link-list.dwik.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dwik-content-right>.link-list.dwik.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dwik-content-right>.link-list.dwik.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dwik-content-right>.link-list.dwik.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dwik-content-right>.link-list.dwik.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.dwik-content-right>.link-list.dwik.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dwik-content-right>.link-list.dwik.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dwik-content-right>.link-list.dwik.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dwik-content-right>.link-list.dwik.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dwik-content-right>.link-list.dwik.bg-light,
:where(main)>.dwik-content-right>.link-list.dwik.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dwik-content-right>.link-list.dwik.bg-light+*>*,
:where(main)>.dwik-content-right>.link-list.dwik.bg-light>* {
  --margin-top: initial
}

.dwik-content-right>.link-list.dwik.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.dwik-content-right>.link-list.dwik.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dwik-content-right>.link-list.dwik.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dwik-content-right>.link-list.dwik.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dwik-content-right>.link-list.dwik.bg-light.product-header,
  .dwik-content-right>.link-list.dwik.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dwik-content-right>.link-list.dwik.bg-light.product-header,
  .dwik-content-right>.link-list.dwik.bg-light.product-header[class*=bg-],
  .dwik-content-right>.link-list.dwik.bg-light[class*=bg-],
  .dwik-content-right>.link-list.dwik.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dwik-content-right>.link-list.dwik.bg-light.product-header .hintbox-icon img,
  .dwik-content-right>.link-list.dwik.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dwik-content-right>.link-list.dwik.bg-light .details--s9>.details .main-column[class*=bg-],
.dwik-content-right>.link-list.dwik.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dwik-content-right>.link-list.dwik.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dwik-content-right>.link-list.dwik.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dwik-content-right>.link-list.dwik.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dwik-content-right>.link-list.dwik.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dwik-content-right>.link-list.dwik.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dwik-content-right>.link-list.dwik.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dwik-content-right>.link-list.dwik.bg-light .hintbox,
.dwik-content-right>.link-list.dwik.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-light,
.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-light .dwik-content-right>.link-list.dwik.bg-light,
.overlay-content body>.dwik-content-right>.link-list.dwik.bg-light,
.overlay-content>.dwik-content-right>.link-list.dwik.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-light .dwik-content-right>.link-list.dwik.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.dwik-content-right>.link-list.dwik.bg-light .product-label.product-label--overflow,
.overlay-content body>.dwik-content-right>.link-list.dwik.bg-light .product-label.product-label--overflow,
.overlay-content>.dwik-content-right>.link-list.dwik.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dwik-content-right>.link-list.dwik {
  --padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-y-bg: 2rem;
  height: fit-content
}

@media only screen and (max-width:calc(600px - 1px)) {
  .dwik-content-right>.link-list.dwik {
    --c-overflow: var(--gutter)
  }
}

@media only screen and (max-width:calc(840px - 1px)) {
  .dwik-content-right>.link-list.dwik {
    border-radius: unset;
    grid-column: auto/span 12;
    margin-top: var(--space-large)
  }
}

@media only print and (width >=0px) {
  .dwik-content-right>.link-list.dwik {
    --c-overflow: 0px;
    --padding-x: 20px
  }

  .dwik-content-right>.link-list.dwik[class*=bg-] {
    padding: 20px 20px 30px
  }
}

@media only screen and (min-width:840px) {
  .dwik-content-right>.link-list.dwik {
    --c-overflow: 0px;
    --padding-x: 20px
  }

  .dwik-content-right>.link-list.dwik[class*=bg-] {
    padding: 20px 20px 30px
  }
}

@media only print and (width >=0px) {
  .dwik-content-right {
    display: flex;
    grid-column: auto/span 5
  }
}

@media only screen and (min-width:840px) {
  .dwik-content-right {
    display: flex;
    grid-column: auto/span 5
  }
}

@media only print and (width >=0px) {
  .dwik-content-right {
    grid-column: auto/span 4
  }
}

@media only screen and (min-width:1280px) {
  .dwik-content-right {
    grid-column: auto/span 4
  }
}

@media only print and (width >=0px) {
  .dwik-content {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }
}

@media only screen and (min-width:840px) {
  .dwik-content {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }
}

.programtile-container {
  position: relative
}

.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.programtile-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.programtile-container.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.programtile-container.bg-dark .button--primary,
.programtile-container.bg-dark .button--primary-positive,
.programtile-container.bg-dark .button--secondary,
.programtile-container.bg-dark .button--secondary-positive,
.programtile-container.bg-dark .button--tertiary,
.programtile-container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.programtile-container.bg-dark .button--primary,
.programtile-container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.programtile-container.bg-dark .button--secondary,
.programtile-container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.programtile-container.bg-dark .button--tertiary,
.programtile-container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.programtile-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.programtile-container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.programtile-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.programtile-container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.programtile-container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.programtile-container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.programtile-container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.programtile-container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.programtile-container.bg-dark,
:where(main)>.programtile-container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.programtile-container.bg-dark+*>*,
:where(main)>.programtile-container.bg-dark>* {
  --margin-top: initial
}

.programtile-container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .programtile-container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .programtile-container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .programtile-container.bg-dark.product-header,
  .programtile-container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .programtile-container.bg-dark.product-header,
  .programtile-container.bg-dark.product-header[class*=bg-],
  .programtile-container.bg-dark[class*=bg-],
  .programtile-container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .programtile-container.bg-dark.product-header .hintbox-icon img,
  .programtile-container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .programtile-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .programtile-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .programtile-container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .programtile-container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.programtile-container.bg-dark .details--s9>.details .main-column[class*=bg-],
.programtile-container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .programtile-container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .programtile-container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.programtile-container.bg-dark .hintbox,
.programtile-container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.programtile-container.bg-dark,
.overlay-content .main-column>.programtile-container.bg-dark .programtile-container.bg-dark,
.overlay-content body>.programtile-container.bg-dark,
.overlay-content>.programtile-container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.programtile-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.programtile-container.bg-dark .programtile-container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.programtile-container.bg-dark .product-label.product-label--overflow,
.overlay-content>.programtile-container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.programtile-container.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.programtile-container.bg-dark-accent .button--primary,
.programtile-container.bg-dark-accent .button--primary-positive,
.programtile-container.bg-dark-accent .button--secondary,
.programtile-container.bg-dark-accent .button--secondary-positive,
.programtile-container.bg-dark-accent .button--tertiary,
.programtile-container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.programtile-container.bg-dark-accent .button--primary,
.programtile-container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.programtile-container.bg-dark-accent .button--secondary,
.programtile-container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.programtile-container.bg-dark-accent .button--tertiary,
.programtile-container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.programtile-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.programtile-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.programtile-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.programtile-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.programtile-container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.programtile-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.programtile-container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.programtile-container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.programtile-container.bg-dark-accent,
:where(main)>.programtile-container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.programtile-container.bg-dark-accent+*>*,
:where(main)>.programtile-container.bg-dark-accent>* {
  --margin-top: initial
}

.programtile-container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .programtile-container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .programtile-container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .programtile-container.bg-dark-accent.product-header,
  .programtile-container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .programtile-container.bg-dark-accent.product-header,
  .programtile-container.bg-dark-accent.product-header[class*=bg-],
  .programtile-container.bg-dark-accent[class*=bg-],
  .programtile-container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .programtile-container.bg-dark-accent.product-header .hintbox-icon img,
  .programtile-container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .programtile-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .programtile-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .programtile-container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .programtile-container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.programtile-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.programtile-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .programtile-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .programtile-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.programtile-container.bg-dark-accent .hintbox,
.programtile-container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.programtile-container.bg-dark-accent,
.overlay-content .main-column>.programtile-container.bg-dark-accent .programtile-container.bg-dark-accent,
.overlay-content body>.programtile-container.bg-dark-accent,
.overlay-content>.programtile-container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.programtile-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.programtile-container.bg-dark-accent .programtile-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.programtile-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.programtile-container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.programtile-container.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.programtile-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.programtile-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.programtile-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.programtile-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.programtile-container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.programtile-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.programtile-container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.programtile-container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.programtile-container.bg-light-accent,
:where(main)>.programtile-container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.programtile-container.bg-light-accent+*>*,
:where(main)>.programtile-container.bg-light-accent>* {
  --margin-top: initial
}

.programtile-container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .programtile-container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .programtile-container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .programtile-container.bg-light-accent.product-header,
  .programtile-container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .programtile-container.bg-light-accent.product-header,
  .programtile-container.bg-light-accent.product-header[class*=bg-],
  .programtile-container.bg-light-accent[class*=bg-],
  .programtile-container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .programtile-container.bg-light-accent.product-header .hintbox-icon img,
  .programtile-container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .programtile-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .programtile-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .programtile-container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .programtile-container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.programtile-container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.programtile-container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .programtile-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .programtile-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.programtile-container.bg-light-accent .hintbox,
.programtile-container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.programtile-container.bg-light-accent,
.overlay-content .main-column>.programtile-container.bg-light-accent .programtile-container.bg-light-accent,
.overlay-content body>.programtile-container.bg-light-accent,
.overlay-content>.programtile-container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.programtile-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.programtile-container.bg-light-accent .programtile-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.programtile-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.programtile-container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.programtile-container.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.programtile-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.programtile-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.programtile-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.programtile-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.programtile-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.programtile-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.programtile-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.programtile-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.programtile-container.bg-light-accent-secondary,
:where(main)>.programtile-container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.programtile-container.bg-light-accent-secondary+*>*,
:where(main)>.programtile-container.bg-light-accent-secondary>* {
  --margin-top: initial
}

.programtile-container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .programtile-container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .programtile-container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .programtile-container.bg-light-accent-secondary.product-header,
  .programtile-container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .programtile-container.bg-light-accent-secondary.product-header,
  .programtile-container.bg-light-accent-secondary.product-header[class*=bg-],
  .programtile-container.bg-light-accent-secondary[class*=bg-],
  .programtile-container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .programtile-container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .programtile-container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .programtile-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .programtile-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .programtile-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .programtile-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.programtile-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.programtile-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .programtile-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .programtile-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.programtile-container.bg-light-accent-secondary .hintbox,
.programtile-container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.programtile-container.bg-light-accent-secondary,
.overlay-content .main-column>.programtile-container.bg-light-accent-secondary .programtile-container.bg-light-accent-secondary,
.overlay-content body>.programtile-container.bg-light-accent-secondary,
.overlay-content>.programtile-container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.programtile-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.programtile-container.bg-light-accent-secondary .programtile-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.programtile-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.programtile-container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.programtile-container.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.programtile-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.programtile-container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.programtile-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.programtile-container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.programtile-container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.programtile-container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.programtile-container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.programtile-container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile-container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.programtile-container.bg-light,
:where(main)>.programtile-container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.programtile-container.bg-light+*>*,
:where(main)>.programtile-container.bg-light>* {
  --margin-top: initial
}

.programtile-container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .programtile-container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .programtile-container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .programtile-container.bg-light.product-header,
  .programtile-container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .programtile-container.bg-light.product-header,
  .programtile-container.bg-light.product-header[class*=bg-],
  .programtile-container.bg-light[class*=bg-],
  .programtile-container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .programtile-container.bg-light.product-header .hintbox-icon img,
  .programtile-container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .programtile-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .programtile-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .programtile-container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .programtile-container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.programtile-container.bg-light .details--s9>.details .main-column[class*=bg-],
.programtile-container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .programtile-container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .programtile-container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.programtile-container.bg-light .hintbox,
.programtile-container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.programtile-container.bg-light,
.overlay-content .main-column>.programtile-container.bg-light .programtile-container.bg-light,
.overlay-content body>.programtile-container.bg-light,
.overlay-content>.programtile-container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.programtile-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.programtile-container.bg-light .programtile-container.bg-light .product-label.product-label--overflow,
.overlay-content body>.programtile-container.bg-light .product-label.product-label--overflow,
.overlay-content>.programtile-container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.programtile-container,
.programtile-container+* {
  --margin-top: var(--space-large)
}

.programtile-container>.hl-3 {
  margin-bottom: 2rem
}

.programtile-container .programtile-box .programtile-item+.programtile-item {
  margin-top: .5rem
}

.programtile-container .alternative-headline+.programtile-item,
.programtile-container .programtile-item+.alternative-headline {
  margin-top: var(--space-large)
}

.programtile {
  --c-padding-y-bg: 0rem;
  --c-padding-b-addition: 0rem;
  position: relative
}

.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.programtile.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.programtile.bg-dark .button--primary,
.programtile.bg-dark .button--primary-positive,
.programtile.bg-dark .button--secondary,
.programtile.bg-dark .button--secondary-positive,
.programtile.bg-dark .button--tertiary,
.programtile.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.programtile.bg-dark .button--primary,
.programtile.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.programtile.bg-dark .button--secondary,
.programtile.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.programtile.bg-dark .button--tertiary,
.programtile.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.programtile.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.programtile.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.programtile.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.programtile.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.programtile.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.programtile.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.programtile.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.programtile.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.programtile.bg-dark,
:where(main)>.programtile.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.programtile.bg-dark+*>*,
:where(main)>.programtile.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .programtile.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .programtile.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.programtile.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.programtile.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .programtile.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .programtile.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .programtile.bg-dark.product-header,
  .programtile.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .programtile.bg-dark.product-header,
  .programtile.bg-dark.product-header[class*=bg-],
  .programtile.bg-dark[class*=bg-],
  .programtile.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .programtile.bg-dark.product-header .hintbox-icon img,
  .programtile.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .programtile.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .programtile.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .programtile.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .programtile.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.programtile.bg-dark .details--s9>.details .main-column[class*=bg-],
.programtile.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .programtile.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .programtile.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.programtile.bg-dark .hintbox,
.programtile.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.programtile.bg-dark,
.overlay-content .main-column>.programtile.bg-dark .programtile.bg-dark,
.overlay-content body>.programtile.bg-dark,
.overlay-content>.programtile.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.programtile.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.programtile.bg-dark .programtile.bg-dark .product-label.product-label--overflow,
.overlay-content body>.programtile.bg-dark .product-label.product-label--overflow,
.overlay-content>.programtile.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.programtile.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.programtile.bg-dark-accent .button--primary,
.programtile.bg-dark-accent .button--primary-positive,
.programtile.bg-dark-accent .button--secondary,
.programtile.bg-dark-accent .button--secondary-positive,
.programtile.bg-dark-accent .button--tertiary,
.programtile.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.programtile.bg-dark-accent .button--primary,
.programtile.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.programtile.bg-dark-accent .button--secondary,
.programtile.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.programtile.bg-dark-accent .button--tertiary,
.programtile.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.programtile.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.programtile.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.programtile.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.programtile.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.programtile.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.programtile.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.programtile.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.programtile.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.programtile.bg-dark-accent,
:where(main)>.programtile.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.programtile.bg-dark-accent+*>*,
:where(main)>.programtile.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .programtile.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .programtile.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.programtile.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.programtile.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .programtile.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .programtile.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .programtile.bg-dark-accent.product-header,
  .programtile.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .programtile.bg-dark-accent.product-header,
  .programtile.bg-dark-accent.product-header[class*=bg-],
  .programtile.bg-dark-accent[class*=bg-],
  .programtile.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .programtile.bg-dark-accent.product-header .hintbox-icon img,
  .programtile.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .programtile.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .programtile.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .programtile.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .programtile.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.programtile.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.programtile.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .programtile.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .programtile.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.programtile.bg-dark-accent .hintbox,
.programtile.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.programtile.bg-dark-accent,
.overlay-content .main-column>.programtile.bg-dark-accent .programtile.bg-dark-accent,
.overlay-content body>.programtile.bg-dark-accent,
.overlay-content>.programtile.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.programtile.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.programtile.bg-dark-accent .programtile.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.programtile.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.programtile.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.programtile.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.programtile.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.programtile.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.programtile.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.programtile.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.programtile.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.programtile.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.programtile.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.programtile.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.programtile.bg-light-accent,
:where(main)>.programtile.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.programtile.bg-light-accent+*>*,
:where(main)>.programtile.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .programtile.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .programtile.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.programtile.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.programtile.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .programtile.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .programtile.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .programtile.bg-light-accent.product-header,
  .programtile.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .programtile.bg-light-accent.product-header,
  .programtile.bg-light-accent.product-header[class*=bg-],
  .programtile.bg-light-accent[class*=bg-],
  .programtile.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .programtile.bg-light-accent.product-header .hintbox-icon img,
  .programtile.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .programtile.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .programtile.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .programtile.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .programtile.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.programtile.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.programtile.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .programtile.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .programtile.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.programtile.bg-light-accent .hintbox,
.programtile.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.programtile.bg-light-accent,
.overlay-content .main-column>.programtile.bg-light-accent .programtile.bg-light-accent,
.overlay-content body>.programtile.bg-light-accent,
.overlay-content>.programtile.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.programtile.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.programtile.bg-light-accent .programtile.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.programtile.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.programtile.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.programtile.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.programtile.bg-light-accent-secondary,
:where(main)>.programtile.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.programtile.bg-light-accent-secondary+*>*,
:where(main)>.programtile.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .programtile.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .programtile.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.programtile.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.programtile.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .programtile.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .programtile.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .programtile.bg-light-accent-secondary.product-header,
  .programtile.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .programtile.bg-light-accent-secondary.product-header,
  .programtile.bg-light-accent-secondary.product-header[class*=bg-],
  .programtile.bg-light-accent-secondary[class*=bg-],
  .programtile.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .programtile.bg-light-accent-secondary.product-header .hintbox-icon img,
  .programtile.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .programtile.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .programtile.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .programtile.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .programtile.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.programtile.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.programtile.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .programtile.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .programtile.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.programtile.bg-light-accent-secondary .hintbox,
.programtile.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.programtile.bg-light-accent-secondary,
.overlay-content .main-column>.programtile.bg-light-accent-secondary .programtile.bg-light-accent-secondary,
.overlay-content body>.programtile.bg-light-accent-secondary,
.overlay-content>.programtile.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.programtile.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.programtile.bg-light-accent-secondary .programtile.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.programtile.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.programtile.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.programtile.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.programtile.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.programtile.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.programtile.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.programtile.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.programtile.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.programtile.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.programtile.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.programtile.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.programtile.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.programtile.bg-light,
:where(main)>.programtile.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.programtile.bg-light+*>*,
:where(main)>.programtile.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .programtile.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .programtile.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.programtile.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.programtile.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .programtile.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .programtile.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .programtile.bg-light.product-header,
  .programtile.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .programtile.bg-light.product-header,
  .programtile.bg-light.product-header[class*=bg-],
  .programtile.bg-light[class*=bg-],
  .programtile.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .programtile.bg-light.product-header .hintbox-icon img,
  .programtile.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .programtile.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .programtile.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .programtile.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .programtile.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.programtile.bg-light .details--s9>.details .main-column[class*=bg-],
.programtile.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .programtile.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .programtile.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.programtile.bg-light .hintbox,
.programtile.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.programtile.bg-light,
.overlay-content .main-column>.programtile.bg-light .programtile.bg-light,
.overlay-content body>.programtile.bg-light,
.overlay-content>.programtile.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.programtile.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.programtile.bg-light .programtile.bg-light .product-label.product-label--overflow,
.overlay-content body>.programtile.bg-light .product-label.product-label--overflow,
.overlay-content>.programtile.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.programtile-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-bottom: 30px;
  position: relative;
  width: 100%
}

@media only print and (width >=0px) {
  .programtile-wrapper {
    align-items: flex-start;
    display: grid;
    flex-direction: row;
    gap: var(--gap);
    gap: 0 var(--gap);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    justify-content: space-between;
    padding-bottom: 50px
  }
}

@media only screen and (min-width:840px) {
  .programtile-wrapper {
    align-items: flex-start;
    display: grid;
    flex-direction: row;
    gap: var(--gap);
    gap: 0 var(--gap);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    justify-content: space-between;
    padding-bottom: 50px
  }
}

.programtile-headline,
.programtile-left-box {
  flex: 1
}

@media only print and (width >=0px) {

  .programtile-headline,
  .programtile-left-box {
    align-self: flex-end;
    grid-column: auto/span 9
  }
}

@media only screen and (min-width:840px) {

  .programtile-headline,
  .programtile-left-box {
    align-self: flex-end;
    grid-column: auto/span 9
  }
}

@media only screen and (max-width:calc(840px - 1px)) {
  .programtile-left-box {
    margin-bottom: var(--space-small)
  }
}

.programtile-link {
  flex-shrink: 0;
  max-width: 100%
}

@media only print and (width >=0px) {
  .programtile-link {
    align-self: flex-end;
    grid-column: auto/span 3
  }
}

@media only screen and (min-width:840px) {
  .programtile-link {
    align-self: flex-end;
    grid-column: auto/span 3
  }
}

@media only print and (width >=0px) {
  .programtile-link {
    text-align: end
  }
}

@media only screen and (min-width:840px) {
  .programtile-link {
    text-align: end
  }
}

.programtile-description,
.programtile-headline {
  margin-bottom: var(--space-x-small)
}

.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*,
:where(main)>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>*,
:where(main)>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
  .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-],
  .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img,
  .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact,
.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.page-s3 .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.two-column-container .programtile:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s3 .programtile.bg-dark,
.two-column-container .programtile.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.page-s3 .programtile.bg-dark .button--primary,
.page-s3 .programtile.bg-dark .button--primary-positive,
.page-s3 .programtile.bg-dark .button--secondary,
.page-s3 .programtile.bg-dark .button--secondary-positive,
.page-s3 .programtile.bg-dark .button--tertiary,
.page-s3 .programtile.bg-dark .button--tertiary-positive,
.two-column-container .programtile.bg-dark .button--primary,
.two-column-container .programtile.bg-dark .button--primary-positive,
.two-column-container .programtile.bg-dark .button--secondary,
.two-column-container .programtile.bg-dark .button--secondary-positive,
.two-column-container .programtile.bg-dark .button--tertiary,
.two-column-container .programtile.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s3 .programtile.bg-dark .button--primary,
.page-s3 .programtile.bg-dark .button--primary-positive,
.two-column-container .programtile.bg-dark .button--primary,
.two-column-container .programtile.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s3 .programtile.bg-dark .button--secondary,
.page-s3 .programtile.bg-dark .button--secondary-positive,
.two-column-container .programtile.bg-dark .button--secondary,
.two-column-container .programtile.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.page-s3 .programtile.bg-dark .button--tertiary,
.page-s3 .programtile.bg-dark .button--tertiary-positive,
.two-column-container .programtile.bg-dark .button--tertiary,
.two-column-container .programtile.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.page-s3 .programtile.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s3 .programtile.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.two-column-container .programtile.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.two-column-container .programtile.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s3 .programtile.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s3 .programtile.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.two-column-container .programtile.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.two-column-container .programtile.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s3 .programtile.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s3 .programtile.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.two-column-container .programtile.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.two-column-container .programtile.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s3 .programtile.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s3 .programtile.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.two-column-container .programtile.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.two-column-container .programtile.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-dark:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-dark:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s3 .programtile.bg-dark,
:where(main)>.page-s3 .programtile.bg-dark+*,
:where(main)>.two-column-container .programtile.bg-dark,
:where(main)>.two-column-container .programtile.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s3 .programtile.bg-dark+*>*,
:where(main)>.page-s3 .programtile.bg-dark>*,
:where(main)>.two-column-container .programtile.bg-dark+*>*,
:where(main)>.two-column-container .programtile.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .page-s3 .programtile.bg-dark,
  .two-column-container .programtile.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .page-s3 .programtile.bg-dark,
  .two-column-container .programtile.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s3 .programtile.bg-dark,
.two-column-container .programtile.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s3 .programtile.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.two-column-container .programtile.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .page-s3 .programtile.bg-dark,
  .two-column-container .programtile.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s3 .programtile.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .two-column-container .programtile.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s3 .programtile.bg-dark.product-header,
  .page-s3 .programtile.bg-dark[class*=bg-],
  .two-column-container .programtile.bg-dark.product-header,
  .two-column-container .programtile.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s3 .programtile.bg-dark.product-header,
  .page-s3 .programtile.bg-dark.product-header[class*=bg-],
  .page-s3 .programtile.bg-dark[class*=bg-],
  .page-s3 .programtile.bg-dark[class*=bg-][class*=bg-],
  .two-column-container .programtile.bg-dark.product-header,
  .two-column-container .programtile.bg-dark.product-header[class*=bg-],
  .two-column-container .programtile.bg-dark[class*=bg-],
  .two-column-container .programtile.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s3 .programtile.bg-dark.product-header .hintbox-icon img,
  .page-s3 .programtile.bg-dark[class*=bg-] .hintbox-icon img,
  .two-column-container .programtile.bg-dark.product-header .hintbox-icon img,
  .two-column-container .programtile.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s3 .programtile.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s3 .programtile.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .two-column-container .programtile.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .two-column-container .programtile.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .programtile.bg-dark .details--s9>.details .main-column[class*=bg-],
.page-s3 .programtile.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s3 .programtile.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s3 .programtile.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .two-column-container .programtile.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .two-column-container .programtile.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.two-column-container .programtile.bg-dark .details--s9>.details .main-column[class*=bg-],
.two-column-container .programtile.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s3 .programtile.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s3 .programtile.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .two-column-container .programtile.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .two-column-container .programtile.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s3 .programtile.bg-dark .hintbox,
.page-s3 .programtile.bg-dark.compact,
.two-column-container .programtile.bg-dark .hintbox,
.two-column-container .programtile.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s3 .programtile.bg-dark,
.overlay-content .main-column>.page-s3 .programtile.bg-dark .page-s3 .programtile.bg-dark,
.overlay-content .main-column>.page-s3 .programtile.bg-dark .two-column-container .programtile.bg-dark,
.overlay-content .main-column>.two-column-container .programtile.bg-dark,
.overlay-content .main-column>.two-column-container .programtile.bg-dark .page-s3 .programtile.bg-dark,
.overlay-content .main-column>.two-column-container .programtile.bg-dark .two-column-container .programtile.bg-dark,
.overlay-content body>.page-s3 .programtile.bg-dark,
.overlay-content body>.two-column-container .programtile.bg-dark,
.overlay-content>.page-s3 .programtile.bg-dark,
.overlay-content>.two-column-container .programtile.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s3 .programtile.bg-dark .page-s3 .programtile.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.page-s3 .programtile.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.page-s3 .programtile.bg-dark .two-column-container .programtile.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-dark .page-s3 .programtile.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-dark .two-column-container .programtile.bg-dark .product-label.product-label--overflow,
.overlay-content body>.page-s3 .programtile.bg-dark .product-label.product-label--overflow,
.overlay-content body>.two-column-container .programtile.bg-dark .product-label.product-label--overflow,
.overlay-content>.page-s3 .programtile.bg-dark .product-label.product-label--overflow,
.overlay-content>.two-column-container .programtile.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s3 .programtile.bg-dark-accent,
.two-column-container .programtile.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.page-s3 .programtile.bg-dark-accent .button--primary,
.page-s3 .programtile.bg-dark-accent .button--primary-positive,
.page-s3 .programtile.bg-dark-accent .button--secondary,
.page-s3 .programtile.bg-dark-accent .button--secondary-positive,
.page-s3 .programtile.bg-dark-accent .button--tertiary,
.page-s3 .programtile.bg-dark-accent .button--tertiary-positive,
.two-column-container .programtile.bg-dark-accent .button--primary,
.two-column-container .programtile.bg-dark-accent .button--primary-positive,
.two-column-container .programtile.bg-dark-accent .button--secondary,
.two-column-container .programtile.bg-dark-accent .button--secondary-positive,
.two-column-container .programtile.bg-dark-accent .button--tertiary,
.two-column-container .programtile.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s3 .programtile.bg-dark-accent .button--primary,
.page-s3 .programtile.bg-dark-accent .button--primary-positive,
.two-column-container .programtile.bg-dark-accent .button--primary,
.two-column-container .programtile.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s3 .programtile.bg-dark-accent .button--secondary,
.page-s3 .programtile.bg-dark-accent .button--secondary-positive,
.two-column-container .programtile.bg-dark-accent .button--secondary,
.two-column-container .programtile.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.page-s3 .programtile.bg-dark-accent .button--tertiary,
.page-s3 .programtile.bg-dark-accent .button--tertiary-positive,
.two-column-container .programtile.bg-dark-accent .button--tertiary,
.two-column-container .programtile.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.page-s3 .programtile.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s3 .programtile.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.two-column-container .programtile.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.two-column-container .programtile.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s3 .programtile.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s3 .programtile.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.two-column-container .programtile.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.two-column-container .programtile.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s3 .programtile.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s3 .programtile.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.two-column-container .programtile.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.two-column-container .programtile.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s3 .programtile.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s3 .programtile.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.two-column-container .programtile.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.two-column-container .programtile.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-dark-accent:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-dark-accent:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s3 .programtile.bg-dark-accent,
:where(main)>.page-s3 .programtile.bg-dark-accent+*,
:where(main)>.two-column-container .programtile.bg-dark-accent,
:where(main)>.two-column-container .programtile.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s3 .programtile.bg-dark-accent+*>*,
:where(main)>.page-s3 .programtile.bg-dark-accent>*,
:where(main)>.two-column-container .programtile.bg-dark-accent+*>*,
:where(main)>.two-column-container .programtile.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .page-s3 .programtile.bg-dark-accent,
  .two-column-container .programtile.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .page-s3 .programtile.bg-dark-accent,
  .two-column-container .programtile.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s3 .programtile.bg-dark-accent,
.two-column-container .programtile.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s3 .programtile.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.two-column-container .programtile.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .page-s3 .programtile.bg-dark-accent,
  .two-column-container .programtile.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s3 .programtile.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .two-column-container .programtile.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s3 .programtile.bg-dark-accent.product-header,
  .page-s3 .programtile.bg-dark-accent[class*=bg-],
  .two-column-container .programtile.bg-dark-accent.product-header,
  .two-column-container .programtile.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s3 .programtile.bg-dark-accent.product-header,
  .page-s3 .programtile.bg-dark-accent.product-header[class*=bg-],
  .page-s3 .programtile.bg-dark-accent[class*=bg-],
  .page-s3 .programtile.bg-dark-accent[class*=bg-][class*=bg-],
  .two-column-container .programtile.bg-dark-accent.product-header,
  .two-column-container .programtile.bg-dark-accent.product-header[class*=bg-],
  .two-column-container .programtile.bg-dark-accent[class*=bg-],
  .two-column-container .programtile.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s3 .programtile.bg-dark-accent.product-header .hintbox-icon img,
  .page-s3 .programtile.bg-dark-accent[class*=bg-] .hintbox-icon img,
  .two-column-container .programtile.bg-dark-accent.product-header .hintbox-icon img,
  .two-column-container .programtile.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s3 .programtile.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s3 .programtile.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .two-column-container .programtile.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .two-column-container .programtile.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .programtile.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.page-s3 .programtile.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s3 .programtile.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s3 .programtile.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .two-column-container .programtile.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .two-column-container .programtile.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.two-column-container .programtile.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.two-column-container .programtile.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s3 .programtile.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s3 .programtile.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .two-column-container .programtile.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .two-column-container .programtile.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s3 .programtile.bg-dark-accent .hintbox,
.page-s3 .programtile.bg-dark-accent.compact,
.two-column-container .programtile.bg-dark-accent .hintbox,
.two-column-container .programtile.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s3 .programtile.bg-dark-accent,
.overlay-content .main-column>.page-s3 .programtile.bg-dark-accent .page-s3 .programtile.bg-dark-accent,
.overlay-content .main-column>.page-s3 .programtile.bg-dark-accent .two-column-container .programtile.bg-dark-accent,
.overlay-content .main-column>.two-column-container .programtile.bg-dark-accent,
.overlay-content .main-column>.two-column-container .programtile.bg-dark-accent .page-s3 .programtile.bg-dark-accent,
.overlay-content .main-column>.two-column-container .programtile.bg-dark-accent .two-column-container .programtile.bg-dark-accent,
.overlay-content body>.page-s3 .programtile.bg-dark-accent,
.overlay-content body>.two-column-container .programtile.bg-dark-accent,
.overlay-content>.page-s3 .programtile.bg-dark-accent,
.overlay-content>.two-column-container .programtile.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s3 .programtile.bg-dark-accent .page-s3 .programtile.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.page-s3 .programtile.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.page-s3 .programtile.bg-dark-accent .two-column-container .programtile.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-dark-accent .page-s3 .programtile.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-dark-accent .two-column-container .programtile.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.page-s3 .programtile.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.two-column-container .programtile.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.page-s3 .programtile.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.two-column-container .programtile.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s3 .programtile.bg-light-accent,
.two-column-container .programtile.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-s3 .programtile.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s3 .programtile.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.two-column-container .programtile.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.two-column-container .programtile.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s3 .programtile.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s3 .programtile.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.two-column-container .programtile.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.two-column-container .programtile.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s3 .programtile.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s3 .programtile.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.two-column-container .programtile.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.two-column-container .programtile.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s3 .programtile.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s3 .programtile.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.two-column-container .programtile.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.two-column-container .programtile.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-light-accent:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-light-accent:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s3 .programtile.bg-light-accent,
:where(main)>.page-s3 .programtile.bg-light-accent+*,
:where(main)>.two-column-container .programtile.bg-light-accent,
:where(main)>.two-column-container .programtile.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s3 .programtile.bg-light-accent+*>*,
:where(main)>.page-s3 .programtile.bg-light-accent>*,
:where(main)>.two-column-container .programtile.bg-light-accent+*>*,
:where(main)>.two-column-container .programtile.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .page-s3 .programtile.bg-light-accent,
  .two-column-container .programtile.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .page-s3 .programtile.bg-light-accent,
  .two-column-container .programtile.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s3 .programtile.bg-light-accent,
.two-column-container .programtile.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s3 .programtile.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.two-column-container .programtile.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .page-s3 .programtile.bg-light-accent,
  .two-column-container .programtile.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s3 .programtile.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .two-column-container .programtile.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s3 .programtile.bg-light-accent.product-header,
  .page-s3 .programtile.bg-light-accent[class*=bg-],
  .two-column-container .programtile.bg-light-accent.product-header,
  .two-column-container .programtile.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s3 .programtile.bg-light-accent.product-header,
  .page-s3 .programtile.bg-light-accent.product-header[class*=bg-],
  .page-s3 .programtile.bg-light-accent[class*=bg-],
  .page-s3 .programtile.bg-light-accent[class*=bg-][class*=bg-],
  .two-column-container .programtile.bg-light-accent.product-header,
  .two-column-container .programtile.bg-light-accent.product-header[class*=bg-],
  .two-column-container .programtile.bg-light-accent[class*=bg-],
  .two-column-container .programtile.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s3 .programtile.bg-light-accent.product-header .hintbox-icon img,
  .page-s3 .programtile.bg-light-accent[class*=bg-] .hintbox-icon img,
  .two-column-container .programtile.bg-light-accent.product-header .hintbox-icon img,
  .two-column-container .programtile.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s3 .programtile.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s3 .programtile.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .two-column-container .programtile.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .two-column-container .programtile.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .programtile.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.page-s3 .programtile.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s3 .programtile.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s3 .programtile.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .two-column-container .programtile.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .two-column-container .programtile.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.two-column-container .programtile.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.two-column-container .programtile.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s3 .programtile.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s3 .programtile.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .two-column-container .programtile.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .two-column-container .programtile.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s3 .programtile.bg-light-accent .hintbox,
.page-s3 .programtile.bg-light-accent.compact,
.two-column-container .programtile.bg-light-accent .hintbox,
.two-column-container .programtile.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s3 .programtile.bg-light-accent,
.overlay-content .main-column>.page-s3 .programtile.bg-light-accent .page-s3 .programtile.bg-light-accent,
.overlay-content .main-column>.page-s3 .programtile.bg-light-accent .two-column-container .programtile.bg-light-accent,
.overlay-content .main-column>.two-column-container .programtile.bg-light-accent,
.overlay-content .main-column>.two-column-container .programtile.bg-light-accent .page-s3 .programtile.bg-light-accent,
.overlay-content .main-column>.two-column-container .programtile.bg-light-accent .two-column-container .programtile.bg-light-accent,
.overlay-content body>.page-s3 .programtile.bg-light-accent,
.overlay-content body>.two-column-container .programtile.bg-light-accent,
.overlay-content>.page-s3 .programtile.bg-light-accent,
.overlay-content>.two-column-container .programtile.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s3 .programtile.bg-light-accent .page-s3 .programtile.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.page-s3 .programtile.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.page-s3 .programtile.bg-light-accent .two-column-container .programtile.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-light-accent .page-s3 .programtile.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-light-accent .two-column-container .programtile.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.page-s3 .programtile.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.two-column-container .programtile.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.page-s3 .programtile.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.two-column-container .programtile.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s3 .programtile.bg-light-accent-secondary,
.two-column-container .programtile.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-s3 .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s3 .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.two-column-container .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.two-column-container .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s3 .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s3 .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.two-column-container .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.two-column-container .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s3 .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s3 .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.two-column-container .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.two-column-container .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s3 .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s3 .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.two-column-container .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.two-column-container .programtile.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-light-accent-secondary:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-light-accent-secondary:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s3 .programtile.bg-light-accent-secondary,
:where(main)>.page-s3 .programtile.bg-light-accent-secondary+*,
:where(main)>.two-column-container .programtile.bg-light-accent-secondary,
:where(main)>.two-column-container .programtile.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s3 .programtile.bg-light-accent-secondary+*>*,
:where(main)>.page-s3 .programtile.bg-light-accent-secondary>*,
:where(main)>.two-column-container .programtile.bg-light-accent-secondary+*>*,
:where(main)>.two-column-container .programtile.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .page-s3 .programtile.bg-light-accent-secondary,
  .two-column-container .programtile.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .page-s3 .programtile.bg-light-accent-secondary,
  .two-column-container .programtile.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s3 .programtile.bg-light-accent-secondary,
.two-column-container .programtile.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s3 .programtile.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.two-column-container .programtile.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .page-s3 .programtile.bg-light-accent-secondary,
  .two-column-container .programtile.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s3 .programtile.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .two-column-container .programtile.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s3 .programtile.bg-light-accent-secondary.product-header,
  .page-s3 .programtile.bg-light-accent-secondary[class*=bg-],
  .two-column-container .programtile.bg-light-accent-secondary.product-header,
  .two-column-container .programtile.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s3 .programtile.bg-light-accent-secondary.product-header,
  .page-s3 .programtile.bg-light-accent-secondary.product-header[class*=bg-],
  .page-s3 .programtile.bg-light-accent-secondary[class*=bg-],
  .page-s3 .programtile.bg-light-accent-secondary[class*=bg-][class*=bg-],
  .two-column-container .programtile.bg-light-accent-secondary.product-header,
  .two-column-container .programtile.bg-light-accent-secondary.product-header[class*=bg-],
  .two-column-container .programtile.bg-light-accent-secondary[class*=bg-],
  .two-column-container .programtile.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s3 .programtile.bg-light-accent-secondary.product-header .hintbox-icon img,
  .page-s3 .programtile.bg-light-accent-secondary[class*=bg-] .hintbox-icon img,
  .two-column-container .programtile.bg-light-accent-secondary.product-header .hintbox-icon img,
  .two-column-container .programtile.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s3 .programtile.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s3 .programtile.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .two-column-container .programtile.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .two-column-container .programtile.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .programtile.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.page-s3 .programtile.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s3 .programtile.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s3 .programtile.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .two-column-container .programtile.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .two-column-container .programtile.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.two-column-container .programtile.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.two-column-container .programtile.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s3 .programtile.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s3 .programtile.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .two-column-container .programtile.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .two-column-container .programtile.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s3 .programtile.bg-light-accent-secondary .hintbox,
.page-s3 .programtile.bg-light-accent-secondary.compact,
.two-column-container .programtile.bg-light-accent-secondary .hintbox,
.two-column-container .programtile.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s3 .programtile.bg-light-accent-secondary,
.overlay-content .main-column>.page-s3 .programtile.bg-light-accent-secondary .page-s3 .programtile.bg-light-accent-secondary,
.overlay-content .main-column>.page-s3 .programtile.bg-light-accent-secondary .two-column-container .programtile.bg-light-accent-secondary,
.overlay-content .main-column>.two-column-container .programtile.bg-light-accent-secondary,
.overlay-content .main-column>.two-column-container .programtile.bg-light-accent-secondary .page-s3 .programtile.bg-light-accent-secondary,
.overlay-content .main-column>.two-column-container .programtile.bg-light-accent-secondary .two-column-container .programtile.bg-light-accent-secondary,
.overlay-content body>.page-s3 .programtile.bg-light-accent-secondary,
.overlay-content body>.two-column-container .programtile.bg-light-accent-secondary,
.overlay-content>.page-s3 .programtile.bg-light-accent-secondary,
.overlay-content>.two-column-container .programtile.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s3 .programtile.bg-light-accent-secondary .page-s3 .programtile.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.page-s3 .programtile.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.page-s3 .programtile.bg-light-accent-secondary .two-column-container .programtile.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-light-accent-secondary .page-s3 .programtile.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-light-accent-secondary .two-column-container .programtile.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.page-s3 .programtile.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.two-column-container .programtile.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.page-s3 .programtile.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.two-column-container .programtile.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s3 .programtile.bg-light,
.two-column-container .programtile.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-s3 .programtile.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s3 .programtile.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.two-column-container .programtile.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.two-column-container .programtile.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s3 .programtile.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s3 .programtile.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.two-column-container .programtile.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.two-column-container .programtile.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s3 .programtile.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s3 .programtile.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.two-column-container .programtile.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.two-column-container .programtile.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s3 .programtile.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s3 .programtile.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.two-column-container .programtile.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.two-column-container .programtile.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-light:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s3 .programtile.bg-light:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.two-column-container .programtile.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s3 .programtile.bg-light,
:where(main)>.page-s3 .programtile.bg-light+*,
:where(main)>.two-column-container .programtile.bg-light,
:where(main)>.two-column-container .programtile.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s3 .programtile.bg-light+*>*,
:where(main)>.page-s3 .programtile.bg-light>*,
:where(main)>.two-column-container .programtile.bg-light+*>*,
:where(main)>.two-column-container .programtile.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .page-s3 .programtile.bg-light,
  .two-column-container .programtile.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .page-s3 .programtile.bg-light,
  .two-column-container .programtile.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s3 .programtile.bg-light,
.two-column-container .programtile.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s3 .programtile.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.two-column-container .programtile.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .page-s3 .programtile.bg-light,
  .two-column-container .programtile.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s3 .programtile.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .two-column-container .programtile.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s3 .programtile.bg-light.product-header,
  .page-s3 .programtile.bg-light[class*=bg-],
  .two-column-container .programtile.bg-light.product-header,
  .two-column-container .programtile.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s3 .programtile.bg-light.product-header,
  .page-s3 .programtile.bg-light.product-header[class*=bg-],
  .page-s3 .programtile.bg-light[class*=bg-],
  .page-s3 .programtile.bg-light[class*=bg-][class*=bg-],
  .two-column-container .programtile.bg-light.product-header,
  .two-column-container .programtile.bg-light.product-header[class*=bg-],
  .two-column-container .programtile.bg-light[class*=bg-],
  .two-column-container .programtile.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s3 .programtile.bg-light.product-header .hintbox-icon img,
  .page-s3 .programtile.bg-light[class*=bg-] .hintbox-icon img,
  .two-column-container .programtile.bg-light.product-header .hintbox-icon img,
  .two-column-container .programtile.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s3 .programtile.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s3 .programtile.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .two-column-container .programtile.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .two-column-container .programtile.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .programtile.bg-light .details--s9>.details .main-column[class*=bg-],
.page-s3 .programtile.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s3 .programtile.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s3 .programtile.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .two-column-container .programtile.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .two-column-container .programtile.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.two-column-container .programtile.bg-light .details--s9>.details .main-column[class*=bg-],
.two-column-container .programtile.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s3 .programtile.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s3 .programtile.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .two-column-container .programtile.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .two-column-container .programtile.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s3 .programtile.bg-light .hintbox,
.page-s3 .programtile.bg-light.compact,
.two-column-container .programtile.bg-light .hintbox,
.two-column-container .programtile.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s3 .programtile.bg-light,
.overlay-content .main-column>.page-s3 .programtile.bg-light .page-s3 .programtile.bg-light,
.overlay-content .main-column>.page-s3 .programtile.bg-light .two-column-container .programtile.bg-light,
.overlay-content .main-column>.two-column-container .programtile.bg-light,
.overlay-content .main-column>.two-column-container .programtile.bg-light .page-s3 .programtile.bg-light,
.overlay-content .main-column>.two-column-container .programtile.bg-light .two-column-container .programtile.bg-light,
.overlay-content body>.page-s3 .programtile.bg-light,
.overlay-content body>.two-column-container .programtile.bg-light,
.overlay-content>.page-s3 .programtile.bg-light,
.overlay-content>.two-column-container .programtile.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s3 .programtile.bg-light .page-s3 .programtile.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.page-s3 .programtile.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.page-s3 .programtile.bg-light .two-column-container .programtile.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-light .page-s3 .programtile.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.two-column-container .programtile.bg-light .two-column-container .programtile.bg-light .product-label.product-label--overflow,
.overlay-content body>.page-s3 .programtile.bg-light .product-label.product-label--overflow,
.overlay-content body>.two-column-container .programtile.bg-light .product-label.product-label--overflow,
.overlay-content>.page-s3 .programtile.bg-light .product-label.product-label--overflow,
.overlay-content>.two-column-container .programtile.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

@media only print and (width >=0px) {

  .page-s3 .programtile,
  .two-column-container .programtile {
    --c-spacing-s: 0rem;
    --c-overflow: 0rem
  }

  .page-s3 .programtile .product-label,
  .two-column-container .programtile .product-label {
    --c-overflow: 0rem;
    padding-left: 2rem
  }

  .page-s3 .programtile .programtile-wrapper,
  .two-column-container .programtile .programtile-wrapper {
    padding-bottom: 30px
  }

  .page-s3 .programtile .programtile-link,
  .two-column-container .programtile .programtile-link {
    align-self: flex-end;
    margin-right: 20px
  }

  .page-s3 .programtile .programtile-headline>p,
  .page-s3 .programtile .programtile-left-box,
  .two-column-container .programtile .programtile-headline>p,
  .two-column-container .programtile .programtile-left-box {
    margin-left: 20px
  }

  .page-s3 .programtile .programtile-wrapper,
  .two-column-container .programtile .programtile-wrapper {
    display: grid;
    gap: var(--gap);
    gap: 0 var(--gap);
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }

  .page-s3 .programtile .programtile-headline,
  .page-s3 .programtile .programtile-left-box,
  .two-column-container .programtile .programtile-headline,
  .two-column-container .programtile .programtile-left-box {
    grid-column: auto/span 6
  }
}

@media only screen and (min-width:960px) {

  .page-s3 .programtile,
  .two-column-container .programtile {
    --c-spacing-s: 0rem;
    --c-overflow: 0rem
  }

  .page-s3 .programtile .product-label,
  .two-column-container .programtile .product-label {
    --c-overflow: 0rem;
    padding-left: 2rem
  }

  .page-s3 .programtile .programtile-wrapper,
  .two-column-container .programtile .programtile-wrapper {
    padding-bottom: 30px
  }

  .page-s3 .programtile .programtile-link,
  .two-column-container .programtile .programtile-link {
    align-self: flex-end;
    margin-right: 20px
  }

  .page-s3 .programtile .programtile-headline>p,
  .page-s3 .programtile .programtile-left-box,
  .two-column-container .programtile .programtile-headline>p,
  .two-column-container .programtile .programtile-left-box {
    margin-left: 20px
  }

  .page-s3 .programtile .programtile-wrapper,
  .two-column-container .programtile .programtile-wrapper {
    display: grid;
    gap: var(--gap);
    gap: 0 var(--gap);
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }

  .page-s3 .programtile .programtile-headline,
  .page-s3 .programtile .programtile-left-box,
  .two-column-container .programtile .programtile-headline,
  .two-column-container .programtile .programtile-left-box {
    grid-column: auto/span 6
  }
}

.programtile .product-label {
  margin-bottom: var(--space-small)
}

@media only screen and (max-width:calc(600px - 1px)) {
  .details .programtile {
    --c-overflow: var(--gutter)
  }
}

@media only print and (width >=0px) {
  .details .programtile {
    --c-spacing-s: 0rem;
    --c-overflow: 0rem
  }

  .details .programtile .product-label {
    --c-overflow: 0rem;
    padding-left: 2rem
  }

  .details .programtile .programtile-wrapper {
    padding-bottom: 30px
  }

  .details .programtile .programtile-link {
    align-self: flex-end;
    margin-right: 20px
  }

  .details .programtile .programtile-headline>p,
  .details .programtile .programtile-left-box {
    margin-left: 20px
  }

  .details .programtile .programtile-wrapper {
    display: grid;
    gap: var(--gap);
    gap: 0 var(--gap);
    grid-template-columns: repeat(11, minmax(0, 1fr))
  }

  .details .programtile .programtile-headline,
  .details .programtile .programtile-left-box {
    grid-column: auto/span 8
  }

  .details .programtile .programtile-link {
    margin-left: 1rem
  }
}

@media only screen and (min-width:840px) {
  .details .programtile {
    --c-spacing-s: 0rem;
    --c-overflow: 0rem
  }

  .details .programtile .product-label {
    --c-overflow: 0rem;
    padding-left: 2rem
  }

  .details .programtile .programtile-wrapper {
    padding-bottom: 30px
  }

  .details .programtile .programtile-link {
    align-self: flex-end;
    margin-right: 20px
  }

  .details .programtile .programtile-headline>p,
  .details .programtile .programtile-left-box {
    margin-left: 20px
  }

  .details .programtile .programtile-wrapper {
    display: grid;
    gap: var(--gap);
    gap: 0 var(--gap);
    grid-template-columns: repeat(11, minmax(0, 1fr))
  }

  .details .programtile .programtile-headline,
  .details .programtile .programtile-left-box {
    grid-column: auto/span 8
  }

  .details .programtile .programtile-link {
    margin-left: 1rem
  }
}

.process-steps-container {
  list-style-position: inside
}

.process-steps-container>.text-image {
  margin-bottom: 0
}

.process-steps-container>.process-step-list-item {
  position: relative
}

.process-steps-container>.process-step-list-item:before {
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --margin-bottom: 2rem;
  --font-size: 2.8rem;
  --letter-spacing: -0.5px;
  --line-height: 1.3;
  --font-weight: 500
}

@media only print and (width >=0px) {
  .process-steps-container>.process-step-list-item:before {
    --font-size: 3.2rem;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {
  .process-steps-container>.process-step-list-item:before {
    --font-size: 3.2rem;
    --font-weight: 500
  }
}

.process-steps-container>.process-step-list-item:before:last-child {
  --margin-bottom: 0
}

.process-steps-container>.process-step-list-item:before {
  content: attr(value);
  line-height: 3.1rem;
  margin-bottom: 0;
  position: absolute
}

@media only print and (width >=0px) {
  .process-steps-container>.process-step-list-item:before {
    line-height: 3.4rem
  }
}

@media only screen and (min-width:1280px) {
  .process-steps-container>.process-step-list-item:before {
    line-height: 3.4rem
  }
}

.process-steps-container>.process-step-list-item>.process-step-content {
  padding-left: calc(var(--space-x-small) + 1.6rem)
}

.process-steps-container>.process-step-list-item>.process-step-content>:last-child {
  margin-bottom: 0
}

.process-steps-container>.process-step-list-item>.process-step-content>.text-image .text-image-headline+.text-image-content {
  margin-top: var(--space-x-small)
}

.process-steps-container+* {
  margin-top: var(--space-large)
}

.process-steps-container>:not(:last-child) {
  margin-bottom: var(--space-large)
}

.login-container {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.login-container:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-container:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-container:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-container:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-container:where(.hintbox, .programtile-container),
.two-column-container-content>.login-container:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-container:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-container:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-container,
:where(main)>.login-container+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-container+*>*,
:where(main)>.login-container>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .login-container {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .login-container {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.login-container {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.login-container:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-container {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-container:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-container.product-header,
  .login-container[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-container.product-header,
  .login-container.product-header[class*=bg-],
  .login-container[class*=bg-],
  .login-container[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-container.product-header .hintbox-icon img,
  .login-container[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-container .details--s9>.details .main-column[class*=bg-],
.login-container .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-container:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-container:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-container:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-container:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-container:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-container:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-container .hintbox,
.login-container.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-container,
.overlay-content .main-column>.login-container .login-container,
.overlay-content body>.login-container,
.overlay-content>.login-container {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-container .login-container .product-label.product-label--overflow,
.overlay-content .main-column>.login-container .product-label.product-label--overflow,
.overlay-content body>.login-container .product-label.product-label--overflow,
.overlay-content>.login-container .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-container.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.login-container.bg-dark .button--primary,
.login-container.bg-dark .button--primary-positive,
.login-container.bg-dark .button--secondary,
.login-container.bg-dark .button--secondary-positive,
.login-container.bg-dark .button--tertiary,
.login-container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-container.bg-dark .button--primary,
.login-container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-container.bg-dark .button--secondary,
.login-container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.login-container.bg-dark .button--tertiary,
.login-container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.login-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.login-container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-container.bg-dark,
:where(main)>.login-container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-container.bg-dark+*>*,
:where(main)>.login-container.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .login-container.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .login-container.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.login-container.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.login-container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-container.bg-dark.product-header,
  .login-container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-container.bg-dark.product-header,
  .login-container.bg-dark.product-header[class*=bg-],
  .login-container.bg-dark[class*=bg-],
  .login-container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-container.bg-dark.product-header .hintbox-icon img,
  .login-container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-container.bg-dark .details--s9>.details .main-column[class*=bg-],
.login-container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-container.bg-dark .hintbox,
.login-container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-container.bg-dark,
.overlay-content .main-column>.login-container.bg-dark .login-container.bg-dark,
.overlay-content body>.login-container.bg-dark,
.overlay-content>.login-container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-container.bg-dark .login-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.login-container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.login-container.bg-dark .product-label.product-label--overflow,
.overlay-content>.login-container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-container.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.login-container.bg-dark-accent .button--primary,
.login-container.bg-dark-accent .button--primary-positive,
.login-container.bg-dark-accent .button--secondary,
.login-container.bg-dark-accent .button--secondary-positive,
.login-container.bg-dark-accent .button--tertiary,
.login-container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-container.bg-dark-accent .button--primary,
.login-container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-container.bg-dark-accent .button--secondary,
.login-container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.login-container.bg-dark-accent .button--tertiary,
.login-container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.login-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.login-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-container.bg-dark-accent,
:where(main)>.login-container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-container.bg-dark-accent+*>*,
:where(main)>.login-container.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .login-container.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .login-container.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.login-container.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.login-container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-container.bg-dark-accent.product-header,
  .login-container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-container.bg-dark-accent.product-header,
  .login-container.bg-dark-accent.product-header[class*=bg-],
  .login-container.bg-dark-accent[class*=bg-],
  .login-container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-container.bg-dark-accent.product-header .hintbox-icon img,
  .login-container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.login-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-container.bg-dark-accent .hintbox,
.login-container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-container.bg-dark-accent,
.overlay-content .main-column>.login-container.bg-dark-accent .login-container.bg-dark-accent,
.overlay-content body>.login-container.bg-dark-accent,
.overlay-content>.login-container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-container.bg-dark-accent .login-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.login-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.login-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.login-container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-container.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.login-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.login-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-container.bg-light-accent,
:where(main)>.login-container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-container.bg-light-accent+*>*,
:where(main)>.login-container.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .login-container.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .login-container.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.login-container.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.login-container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-container.bg-light-accent.product-header,
  .login-container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-container.bg-light-accent.product-header,
  .login-container.bg-light-accent.product-header[class*=bg-],
  .login-container.bg-light-accent[class*=bg-],
  .login-container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-container.bg-light-accent.product-header .hintbox-icon img,
  .login-container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.login-container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-container.bg-light-accent .hintbox,
.login-container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-container.bg-light-accent,
.overlay-content .main-column>.login-container.bg-light-accent .login-container.bg-light-accent,
.overlay-content body>.login-container.bg-light-accent,
.overlay-content>.login-container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-container.bg-light-accent .login-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.login-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.login-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.login-container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-container.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.login-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.login-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-container.bg-light-accent-secondary,
:where(main)>.login-container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-container.bg-light-accent-secondary+*>*,
:where(main)>.login-container.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .login-container.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .login-container.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.login-container.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.login-container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-container.bg-light-accent-secondary.product-header,
  .login-container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-container.bg-light-accent-secondary.product-header,
  .login-container.bg-light-accent-secondary.product-header[class*=bg-],
  .login-container.bg-light-accent-secondary[class*=bg-],
  .login-container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .login-container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.login-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-container.bg-light-accent-secondary .hintbox,
.login-container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-container.bg-light-accent-secondary,
.overlay-content .main-column>.login-container.bg-light-accent-secondary .login-container.bg-light-accent-secondary,
.overlay-content body>.login-container.bg-light-accent-secondary,
.overlay-content>.login-container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-container.bg-light-accent-secondary .login-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.login-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.login-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.login-container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-container.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.login-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.login-container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-container.bg-light,
:where(main)>.login-container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-container.bg-light+*>*,
:where(main)>.login-container.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .login-container.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .login-container.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.login-container.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.login-container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-container.bg-light.product-header,
  .login-container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-container.bg-light.product-header,
  .login-container.bg-light.product-header[class*=bg-],
  .login-container.bg-light[class*=bg-],
  .login-container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-container.bg-light.product-header .hintbox-icon img,
  .login-container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-container.bg-light .details--s9>.details .main-column[class*=bg-],
.login-container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-container.bg-light .hintbox,
.login-container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-container.bg-light,
.overlay-content .main-column>.login-container.bg-light .login-container.bg-light,
.overlay-content body>.login-container.bg-light,
.overlay-content>.login-container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-container.bg-light .login-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.login-container.bg-light .product-label.product-label--overflow,
.overlay-content body>.login-container.bg-light .product-label.product-label--overflow,
.overlay-content>.login-container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-container {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--space-large);
  margin-top: var(--space-large)
}

.login-container.keycloak {
  --c-overflow: 0px
}

.login-container.keycloak,
.login-container.keycloak[class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

@media only print and (width >=0px) {
  .login-container.keycloak .button-container {
    margin-bottom: 0
  }
}

@media only screen and (min-width:600px) {
  .login-container.keycloak .button-container {
    margin-bottom: 0
  }
}

.login-container .hl-2,
.login-container form,
.login-container form .overall-error-message .error-message,
.login-container p {
  margin-bottom: var(--space-small)
}

.login-container form .login-form-entries {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  width: 100%
}

.login-container form .login-form-entries .form-item {
  --col: 12;
  margin-bottom: var(--space-medium);
  width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
  --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
}

@media only print and (width >=0px) {
  .login-container form .login-form-entries .form-item {
    --columns: 12
  }
}

@media only screen and (min-width:600px) {
  .login-container form .login-form-entries .form-item {
    --columns: 12
  }
}

.login-container form .login-form-entries .form-item:last-of-type {
  margin-bottom: var(--space-large)
}

.login-container form .login-form-entries .form-item-label {
  margin-bottom: .8rem
}

@media only print and (width >=0px) {
  .login-container form .login-form-entries .form-item {
    --col: 4;
    margin-bottom: 0
  }

  .login-container form .login-form-entries .form-item:last-of-type {
    margin-bottom: 0
  }
}

@media only screen and (min-width:840px) {
  .login-container form .login-form-entries .form-item {
    --col: 4;
    margin-bottom: 0
  }

  .login-container form .login-form-entries .form-item:last-of-type {
    margin-bottom: 0
  }
}

@media only print and (width >=0px) {
  .login-container form .login-form-entries {
    flex-direction: row;
    gap: var(--space-small)
  }

  .login-container form .login-form-entries .button-container {
    margin-top: 25.5px
  }
}

@media only screen and (min-width:840px) {
  .login-container form .login-form-entries {
    flex-direction: row;
    gap: var(--space-small)
  }

  .login-container form .login-form-entries .button-container {
    margin-top: 25.5px
  }
}

.login-folding {
  --c-padding-y: 0px;
  --c-padding-y-bg: 0px;
  --c-padding-b-addition: 0px
}

.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: var(--gutter)
}

.details.details--acc1 .details-content>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.login-folding:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding.bg-dark {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-dark);
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--gutter)
}

.login-folding.bg-dark .button--primary,
.login-folding.bg-dark .button--primary-positive,
.login-folding.bg-dark .button--secondary,
.login-folding.bg-dark .button--secondary-positive,
.login-folding.bg-dark .button--tertiary,
.login-folding.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-folding.bg-dark .button--primary,
.login-folding.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-folding.bg-dark .button--secondary,
.login-folding.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.login-folding.bg-dark .button--tertiary,
.login-folding.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.login-folding.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding.bg-dark,
:where(main)>.login-folding.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding.bg-dark+*>*,
:where(main)>.login-folding.bg-dark>* {
  --margin-top: initial
}

.login-folding.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.login-folding.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding.bg-dark.product-header,
  .login-folding.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding.bg-dark.product-header,
  .login-folding.bg-dark.product-header[class*=bg-],
  .login-folding.bg-dark[class*=bg-],
  .login-folding.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding.bg-dark.product-header .hintbox-icon img,
  .login-folding.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding.bg-dark .details--s9>.details .main-column[class*=bg-],
.login-folding.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding.bg-dark .hintbox,
.login-folding.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding.bg-dark,
.overlay-content .main-column>.login-folding.bg-dark .login-folding.bg-dark,
.overlay-content body>.login-folding.bg-dark,
.overlay-content>.login-folding.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding.bg-dark .login-folding.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding.bg-dark .product-label.product-label--overflow,
.overlay-content body>.login-folding.bg-dark .product-label.product-label--overflow,
.overlay-content>.login-folding.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding.bg-dark-accent {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-dark-accent);
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--gutter)
}

.login-folding.bg-dark-accent .button--primary,
.login-folding.bg-dark-accent .button--primary-positive,
.login-folding.bg-dark-accent .button--secondary,
.login-folding.bg-dark-accent .button--secondary-positive,
.login-folding.bg-dark-accent .button--tertiary,
.login-folding.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-folding.bg-dark-accent .button--primary,
.login-folding.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-folding.bg-dark-accent .button--secondary,
.login-folding.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.login-folding.bg-dark-accent .button--tertiary,
.login-folding.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.login-folding.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding.bg-dark-accent,
:where(main)>.login-folding.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding.bg-dark-accent+*>*,
:where(main)>.login-folding.bg-dark-accent>* {
  --margin-top: initial
}

.login-folding.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.login-folding.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding.bg-dark-accent.product-header,
  .login-folding.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding.bg-dark-accent.product-header,
  .login-folding.bg-dark-accent.product-header[class*=bg-],
  .login-folding.bg-dark-accent[class*=bg-],
  .login-folding.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding.bg-dark-accent.product-header .hintbox-icon img,
  .login-folding.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.login-folding.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding.bg-dark-accent .hintbox,
.login-folding.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding.bg-dark-accent,
.overlay-content .main-column>.login-folding.bg-dark-accent .login-folding.bg-dark-accent,
.overlay-content body>.login-folding.bg-dark-accent,
.overlay-content>.login-folding.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding.bg-dark-accent .login-folding.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.login-folding.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.login-folding.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding.bg-light-accent {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light-accent-1);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--gutter)
}

.details.details--acc1 .details-content>.login-folding.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding.bg-light-accent,
:where(main)>.login-folding.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding.bg-light-accent+*>*,
:where(main)>.login-folding.bg-light-accent>* {
  --margin-top: initial
}

.login-folding.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.login-folding.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding.bg-light-accent.product-header,
  .login-folding.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding.bg-light-accent.product-header,
  .login-folding.bg-light-accent.product-header[class*=bg-],
  .login-folding.bg-light-accent[class*=bg-],
  .login-folding.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding.bg-light-accent.product-header .hintbox-icon img,
  .login-folding.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.login-folding.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding.bg-light-accent .hintbox,
.login-folding.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding.bg-light-accent,
.overlay-content .main-column>.login-folding.bg-light-accent .login-folding.bg-light-accent,
.overlay-content body>.login-folding.bg-light-accent,
.overlay-content>.login-folding.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding.bg-light-accent .login-folding.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.login-folding.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.login-folding.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding.bg-light-accent-secondary {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light-accent-2);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--gutter)
}

.details.details--acc1 .details-content>.login-folding.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding.bg-light-accent-secondary,
:where(main)>.login-folding.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding.bg-light-accent-secondary+*>*,
:where(main)>.login-folding.bg-light-accent-secondary>* {
  --margin-top: initial
}

.login-folding.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.login-folding.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding.bg-light-accent-secondary.product-header,
  .login-folding.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding.bg-light-accent-secondary.product-header,
  .login-folding.bg-light-accent-secondary.product-header[class*=bg-],
  .login-folding.bg-light-accent-secondary[class*=bg-],
  .login-folding.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding.bg-light-accent-secondary.product-header .hintbox-icon img,
  .login-folding.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.login-folding.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding.bg-light-accent-secondary .hintbox,
.login-folding.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding.bg-light-accent-secondary,
.overlay-content .main-column>.login-folding.bg-light-accent-secondary .login-folding.bg-light-accent-secondary,
.overlay-content body>.login-folding.bg-light-accent-secondary,
.overlay-content>.login-folding.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding.bg-light-accent-secondary .login-folding.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.login-folding.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.login-folding.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding.bg-light {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--gutter)
}

.details.details--acc1 .details-content>.login-folding.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding.bg-light,
:where(main)>.login-folding.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding.bg-light+*>*,
:where(main)>.login-folding.bg-light>* {
  --margin-top: initial
}

.login-folding.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.login-folding.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding.bg-light.product-header,
  .login-folding.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding.bg-light.product-header,
  .login-folding.bg-light.product-header[class*=bg-],
  .login-folding.bg-light[class*=bg-],
  .login-folding.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding.bg-light.product-header .hintbox-icon img,
  .login-folding.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding.bg-light .details--s9>.details .main-column[class*=bg-],
.login-folding.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding.bg-light .hintbox,
.login-folding.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding.bg-light,
.overlay-content .main-column>.login-folding.bg-light .login-folding.bg-light,
.overlay-content body>.login-folding.bg-light,
.overlay-content>.login-folding.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding.bg-light .login-folding.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding.bg-light .product-label.product-label--overflow,
.overlay-content body>.login-folding.bg-light .product-label.product-label--overflow,
.overlay-content>.login-folding.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

@media only screen and (max-width:calc(960px - 1px)) {
  .login-folding.login-folding {
    margin-top: 0
  }
}

.login-folding .loginbar {
  position: relative
}

.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: 0;
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.login-folding .loginbar:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding .loginbar.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.login-folding .loginbar.bg-dark .button--primary,
.login-folding .loginbar.bg-dark .button--primary-positive,
.login-folding .loginbar.bg-dark .button--secondary,
.login-folding .loginbar.bg-dark .button--secondary-positive,
.login-folding .loginbar.bg-dark .button--tertiary,
.login-folding .loginbar.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-folding .loginbar.bg-dark .button--primary,
.login-folding .loginbar.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-folding .loginbar.bg-dark .button--secondary,
.login-folding .loginbar.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.login-folding .loginbar.bg-dark .button--tertiary,
.login-folding .loginbar.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.login-folding .loginbar.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding .loginbar.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding .loginbar.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding .loginbar.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding .loginbar.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding .loginbar.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding .loginbar.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding .loginbar.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding .loginbar.bg-dark,
:where(main)>.login-folding .loginbar.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding .loginbar.bg-dark+*>*,
:where(main)>.login-folding .loginbar.bg-dark>* {
  --margin-top: initial
}

.login-folding .loginbar.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding .loginbar.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding .loginbar.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding .loginbar.bg-dark.product-header,
  .login-folding .loginbar.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding .loginbar.bg-dark.product-header,
  .login-folding .loginbar.bg-dark.product-header[class*=bg-],
  .login-folding .loginbar.bg-dark[class*=bg-],
  .login-folding .loginbar.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding .loginbar.bg-dark.product-header .hintbox-icon img,
  .login-folding .loginbar.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding .loginbar.bg-dark .details--s9>.details .main-column[class*=bg-],
.login-folding .loginbar.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding .loginbar.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding .loginbar.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding .loginbar.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding .loginbar.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding .loginbar.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding .loginbar.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding .loginbar.bg-dark .hintbox,
.login-folding .loginbar.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding .loginbar.bg-dark,
.overlay-content .main-column>.login-folding .loginbar.bg-dark .login-folding .loginbar.bg-dark,
.overlay-content body>.login-folding .loginbar.bg-dark,
.overlay-content>.login-folding .loginbar.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding .loginbar.bg-dark .login-folding .loginbar.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding .loginbar.bg-dark .product-label.product-label--overflow,
.overlay-content body>.login-folding .loginbar.bg-dark .product-label.product-label--overflow,
.overlay-content>.login-folding .loginbar.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding .loginbar.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.login-folding .loginbar.bg-dark-accent .button--primary,
.login-folding .loginbar.bg-dark-accent .button--primary-positive,
.login-folding .loginbar.bg-dark-accent .button--secondary,
.login-folding .loginbar.bg-dark-accent .button--secondary-positive,
.login-folding .loginbar.bg-dark-accent .button--tertiary,
.login-folding .loginbar.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-folding .loginbar.bg-dark-accent .button--primary,
.login-folding .loginbar.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-folding .loginbar.bg-dark-accent .button--secondary,
.login-folding .loginbar.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.login-folding .loginbar.bg-dark-accent .button--tertiary,
.login-folding .loginbar.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.login-folding .loginbar.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding .loginbar.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding .loginbar.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding .loginbar.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding .loginbar.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding .loginbar.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding .loginbar.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding .loginbar.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding .loginbar.bg-dark-accent,
:where(main)>.login-folding .loginbar.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding .loginbar.bg-dark-accent+*>*,
:where(main)>.login-folding .loginbar.bg-dark-accent>* {
  --margin-top: initial
}

.login-folding .loginbar.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding .loginbar.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding .loginbar.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding .loginbar.bg-dark-accent.product-header,
  .login-folding .loginbar.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding .loginbar.bg-dark-accent.product-header,
  .login-folding .loginbar.bg-dark-accent.product-header[class*=bg-],
  .login-folding .loginbar.bg-dark-accent[class*=bg-],
  .login-folding .loginbar.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding .loginbar.bg-dark-accent.product-header .hintbox-icon img,
  .login-folding .loginbar.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding .loginbar.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.login-folding .loginbar.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding .loginbar.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding .loginbar.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding .loginbar.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding .loginbar.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding .loginbar.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding .loginbar.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding .loginbar.bg-dark-accent .hintbox,
.login-folding .loginbar.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding .loginbar.bg-dark-accent,
.overlay-content .main-column>.login-folding .loginbar.bg-dark-accent .login-folding .loginbar.bg-dark-accent,
.overlay-content body>.login-folding .loginbar.bg-dark-accent,
.overlay-content>.login-folding .loginbar.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding .loginbar.bg-dark-accent .login-folding .loginbar.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding .loginbar.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.login-folding .loginbar.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.login-folding .loginbar.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding .loginbar.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.login-folding .loginbar.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding .loginbar.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding .loginbar.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding .loginbar.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding .loginbar.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding .loginbar.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding .loginbar.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding .loginbar.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding .loginbar.bg-light-accent,
:where(main)>.login-folding .loginbar.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding .loginbar.bg-light-accent+*>*,
:where(main)>.login-folding .loginbar.bg-light-accent>* {
  --margin-top: initial
}

.login-folding .loginbar.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding .loginbar.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding .loginbar.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding .loginbar.bg-light-accent.product-header,
  .login-folding .loginbar.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding .loginbar.bg-light-accent.product-header,
  .login-folding .loginbar.bg-light-accent.product-header[class*=bg-],
  .login-folding .loginbar.bg-light-accent[class*=bg-],
  .login-folding .loginbar.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding .loginbar.bg-light-accent.product-header .hintbox-icon img,
  .login-folding .loginbar.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding .loginbar.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.login-folding .loginbar.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding .loginbar.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding .loginbar.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding .loginbar.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding .loginbar.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding .loginbar.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding .loginbar.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding .loginbar.bg-light-accent .hintbox,
.login-folding .loginbar.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding .loginbar.bg-light-accent,
.overlay-content .main-column>.login-folding .loginbar.bg-light-accent .login-folding .loginbar.bg-light-accent,
.overlay-content body>.login-folding .loginbar.bg-light-accent,
.overlay-content>.login-folding .loginbar.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding .loginbar.bg-light-accent .login-folding .loginbar.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding .loginbar.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.login-folding .loginbar.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.login-folding .loginbar.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding .loginbar.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.login-folding .loginbar.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding .loginbar.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding .loginbar.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding .loginbar.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding .loginbar.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding .loginbar.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding .loginbar.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding .loginbar.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding .loginbar.bg-light-accent-secondary,
:where(main)>.login-folding .loginbar.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding .loginbar.bg-light-accent-secondary+*>*,
:where(main)>.login-folding .loginbar.bg-light-accent-secondary>* {
  --margin-top: initial
}

.login-folding .loginbar.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding .loginbar.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding .loginbar.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding .loginbar.bg-light-accent-secondary.product-header,
  .login-folding .loginbar.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding .loginbar.bg-light-accent-secondary.product-header,
  .login-folding .loginbar.bg-light-accent-secondary.product-header[class*=bg-],
  .login-folding .loginbar.bg-light-accent-secondary[class*=bg-],
  .login-folding .loginbar.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding .loginbar.bg-light-accent-secondary.product-header .hintbox-icon img,
  .login-folding .loginbar.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding .loginbar.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.login-folding .loginbar.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding .loginbar.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding .loginbar.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding .loginbar.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding .loginbar.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding .loginbar.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding .loginbar.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding .loginbar.bg-light-accent-secondary .hintbox,
.login-folding .loginbar.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding .loginbar.bg-light-accent-secondary,
.overlay-content .main-column>.login-folding .loginbar.bg-light-accent-secondary .login-folding .loginbar.bg-light-accent-secondary,
.overlay-content body>.login-folding .loginbar.bg-light-accent-secondary,
.overlay-content>.login-folding .loginbar.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding .loginbar.bg-light-accent-secondary .login-folding .loginbar.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding .loginbar.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.login-folding .loginbar.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.login-folding .loginbar.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding .loginbar.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.login-folding .loginbar.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding .loginbar.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding .loginbar.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding .loginbar.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding .loginbar.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding .loginbar.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding .loginbar.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding .loginbar.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .loginbar.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding .loginbar.bg-light,
:where(main)>.login-folding .loginbar.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding .loginbar.bg-light+*>*,
:where(main)>.login-folding .loginbar.bg-light>* {
  --margin-top: initial
}

.login-folding .loginbar.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding .loginbar.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding .loginbar.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding .loginbar.bg-light.product-header,
  .login-folding .loginbar.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding .loginbar.bg-light.product-header,
  .login-folding .loginbar.bg-light.product-header[class*=bg-],
  .login-folding .loginbar.bg-light[class*=bg-],
  .login-folding .loginbar.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding .loginbar.bg-light.product-header .hintbox-icon img,
  .login-folding .loginbar.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding .loginbar.bg-light .details--s9>.details .main-column[class*=bg-],
.login-folding .loginbar.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding .loginbar.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding .loginbar.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding .loginbar.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding .loginbar.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding .loginbar.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding .loginbar.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding .loginbar.bg-light .hintbox,
.login-folding .loginbar.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding .loginbar.bg-light,
.overlay-content .main-column>.login-folding .loginbar.bg-light .login-folding .loginbar.bg-light,
.overlay-content body>.login-folding .loginbar.bg-light,
.overlay-content>.login-folding .loginbar.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding .loginbar.bg-light .login-folding .loginbar.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding .loginbar.bg-light .product-label.product-label--overflow,
.overlay-content body>.login-folding .loginbar.bg-light .product-label.product-label--overflow,
.overlay-content>.login-folding .loginbar.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding .loginbar-container {
  display: flex;
  flex-direction: column;
  gap: var(--space-medium);
  justify-content: space-between;
  padding-bottom: 30px;
  padding-top: 20px
}

.login-folding .loginbar-container.keycloak .button-container {
  margin: 0
}

@media only print and (width >=0px) {
  .login-folding .loginbar-container {
    flex-flow: row wrap;
    gap: var(--space-small);
    padding-bottom: 20px
  }
}

@media only screen and (min-width:840px) {
  .login-folding .loginbar-container {
    flex-flow: row wrap;
    gap: var(--space-small);
    padding-bottom: 20px
  }
}

.login-folding .loginbar-headline {
  align-items: center;
  display: flex;
  margin: 0
}

.login-folding .loginbar-link {
  align-items: center;
  display: flex;
  gap: var(--space-small)
}

.login-folding .details:last-child {
  border-bottom: unset
}

.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: 0;
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.login-folding .details:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding .details.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.login-folding .details.bg-dark .button--primary,
.login-folding .details.bg-dark .button--primary-positive,
.login-folding .details.bg-dark .button--secondary,
.login-folding .details.bg-dark .button--secondary-positive,
.login-folding .details.bg-dark .button--tertiary,
.login-folding .details.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-folding .details.bg-dark .button--primary,
.login-folding .details.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-folding .details.bg-dark .button--secondary,
.login-folding .details.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.login-folding .details.bg-dark .button--tertiary,
.login-folding .details.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.login-folding .details.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding .details.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding .details.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding .details.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding .details.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding .details.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding .details.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding .details.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding .details.bg-dark,
:where(main)>.login-folding .details.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding .details.bg-dark+*>*,
:where(main)>.login-folding .details.bg-dark>* {
  --margin-top: initial
}

.login-folding .details.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding .details.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding .details.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding .details.bg-dark.product-header,
  .login-folding .details.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding .details.bg-dark.product-header,
  .login-folding .details.bg-dark.product-header[class*=bg-],
  .login-folding .details.bg-dark[class*=bg-],
  .login-folding .details.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding .details.bg-dark.product-header .hintbox-icon img,
  .login-folding .details.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding .details.bg-dark .details--s9>.details .main-column[class*=bg-],
.login-folding .details.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding .details.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding .details.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding .details.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding .details.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding .details.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding .details.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding .details.bg-dark .hintbox,
.login-folding .details.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding .details.bg-dark,
.overlay-content .main-column>.login-folding .details.bg-dark .login-folding .details.bg-dark,
.overlay-content body>.login-folding .details.bg-dark,
.overlay-content>.login-folding .details.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding .details.bg-dark .login-folding .details.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding .details.bg-dark .product-label.product-label--overflow,
.overlay-content body>.login-folding .details.bg-dark .product-label.product-label--overflow,
.overlay-content>.login-folding .details.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding .details.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.login-folding .details.bg-dark-accent .button--primary,
.login-folding .details.bg-dark-accent .button--primary-positive,
.login-folding .details.bg-dark-accent .button--secondary,
.login-folding .details.bg-dark-accent .button--secondary-positive,
.login-folding .details.bg-dark-accent .button--tertiary,
.login-folding .details.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-folding .details.bg-dark-accent .button--primary,
.login-folding .details.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.login-folding .details.bg-dark-accent .button--secondary,
.login-folding .details.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.login-folding .details.bg-dark-accent .button--tertiary,
.login-folding .details.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.login-folding .details.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding .details.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding .details.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding .details.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding .details.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding .details.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding .details.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding .details.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding .details.bg-dark-accent,
:where(main)>.login-folding .details.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding .details.bg-dark-accent+*>*,
:where(main)>.login-folding .details.bg-dark-accent>* {
  --margin-top: initial
}

.login-folding .details.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding .details.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding .details.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding .details.bg-dark-accent.product-header,
  .login-folding .details.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding .details.bg-dark-accent.product-header,
  .login-folding .details.bg-dark-accent.product-header[class*=bg-],
  .login-folding .details.bg-dark-accent[class*=bg-],
  .login-folding .details.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding .details.bg-dark-accent.product-header .hintbox-icon img,
  .login-folding .details.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding .details.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.login-folding .details.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding .details.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding .details.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding .details.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding .details.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding .details.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding .details.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding .details.bg-dark-accent .hintbox,
.login-folding .details.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding .details.bg-dark-accent,
.overlay-content .main-column>.login-folding .details.bg-dark-accent .login-folding .details.bg-dark-accent,
.overlay-content body>.login-folding .details.bg-dark-accent,
.overlay-content>.login-folding .details.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding .details.bg-dark-accent .login-folding .details.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding .details.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.login-folding .details.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.login-folding .details.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding .details.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.login-folding .details.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding .details.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding .details.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding .details.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding .details.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding .details.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding .details.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding .details.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding .details.bg-light-accent,
:where(main)>.login-folding .details.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding .details.bg-light-accent+*>*,
:where(main)>.login-folding .details.bg-light-accent>* {
  --margin-top: initial
}

.login-folding .details.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding .details.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding .details.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding .details.bg-light-accent.product-header,
  .login-folding .details.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding .details.bg-light-accent.product-header,
  .login-folding .details.bg-light-accent.product-header[class*=bg-],
  .login-folding .details.bg-light-accent[class*=bg-],
  .login-folding .details.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding .details.bg-light-accent.product-header .hintbox-icon img,
  .login-folding .details.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding .details.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.login-folding .details.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding .details.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding .details.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding .details.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding .details.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding .details.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding .details.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding .details.bg-light-accent .hintbox,
.login-folding .details.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding .details.bg-light-accent,
.overlay-content .main-column>.login-folding .details.bg-light-accent .login-folding .details.bg-light-accent,
.overlay-content body>.login-folding .details.bg-light-accent,
.overlay-content>.login-folding .details.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding .details.bg-light-accent .login-folding .details.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding .details.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.login-folding .details.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.login-folding .details.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding .details.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.login-folding .details.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding .details.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding .details.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding .details.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding .details.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding .details.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding .details.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding .details.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding .details.bg-light-accent-secondary,
:where(main)>.login-folding .details.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding .details.bg-light-accent-secondary+*>*,
:where(main)>.login-folding .details.bg-light-accent-secondary>* {
  --margin-top: initial
}

.login-folding .details.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding .details.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding .details.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding .details.bg-light-accent-secondary.product-header,
  .login-folding .details.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding .details.bg-light-accent-secondary.product-header,
  .login-folding .details.bg-light-accent-secondary.product-header[class*=bg-],
  .login-folding .details.bg-light-accent-secondary[class*=bg-],
  .login-folding .details.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding .details.bg-light-accent-secondary.product-header .hintbox-icon img,
  .login-folding .details.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding .details.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.login-folding .details.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding .details.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding .details.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding .details.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding .details.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding .details.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding .details.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding .details.bg-light-accent-secondary .hintbox,
.login-folding .details.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding .details.bg-light-accent-secondary,
.overlay-content .main-column>.login-folding .details.bg-light-accent-secondary .login-folding .details.bg-light-accent-secondary,
.overlay-content body>.login-folding .details.bg-light-accent-secondary,
.overlay-content>.login-folding .details.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding .details.bg-light-accent-secondary .login-folding .details.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding .details.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.login-folding .details.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.login-folding .details.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding .details.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.login-folding .details.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.login-folding .details.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.login-folding .details.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.login-folding .details.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.login-folding .details.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.login-folding .details.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.login-folding .details.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.login-folding .details.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.login-folding .details.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.login-folding .details.bg-light,
:where(main)>.login-folding .details.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.login-folding .details.bg-light+*>*,
:where(main)>.login-folding .details.bg-light>* {
  --margin-top: initial
}

.login-folding .details.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .login-folding .details.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .login-folding .details.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .login-folding .details.bg-light.product-header,
  .login-folding .details.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .login-folding .details.bg-light.product-header,
  .login-folding .details.bg-light.product-header[class*=bg-],
  .login-folding .details.bg-light[class*=bg-],
  .login-folding .details.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .login-folding .details.bg-light.product-header .hintbox-icon img,
  .login-folding .details.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.login-folding .details.bg-light .details--s9>.details .main-column[class*=bg-],
.login-folding .details.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .login-folding .details.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .login-folding .details.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .login-folding .details.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .login-folding .details.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .login-folding .details.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .login-folding .details.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.login-folding .details.bg-light .hintbox,
.login-folding .details.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.login-folding .details.bg-light,
.overlay-content .main-column>.login-folding .details.bg-light .login-folding .details.bg-light,
.overlay-content body>.login-folding .details.bg-light,
.overlay-content>.login-folding .details.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.login-folding .details.bg-light .login-folding .details.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.login-folding .details.bg-light .product-label.product-label--overflow,
.overlay-content body>.login-folding .details.bg-light .product-label.product-label--overflow,
.overlay-content>.login-folding .details.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.login-folding .details {
  border-bottom: 0;
  margin-bottom: 0;
  margin-top: 0
}

.login-folding .details .details-title {
  padding-bottom: 1.5rem;
  padding-top: 15px
}

.login-folding .details .details-content {
  padding-bottom: 30px
}

.login-folding .details .login-container {
  --c-overflow: 0px;
  --c-padding-x: 0px;
  margin: 0
}

.login-folding .logout {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem
}

.login-folding .logout .logout-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem 0;
  justify-content: space-between;
  position: relative
}

.login-folding .logout .logout-container .logout-left h3 {
  margin-bottom: 0
}

.login-folding .logout .logout-container .logout-right {
  display: flex;
  flex-direction: column;
  gap: 1.3rem 4rem
}

.login-folding .logout .logout-container .logout-right .logout-dropdown {
  position: relative
}

.login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container {
  background: var(--color-background-light);
  display: none;
  max-width: 37rem;
  overflow: visible;
  padding-left: 2.1rem;
  top: 8rem;
  width: 100%
}

.login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active {
  display: block;
  margin-bottom: 1.7rem;
  max-height: 40000px;
  transition: max-height 5s ease-in-out;
  transition-delay: 0s;
  z-index: 60
}

.login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active .linklist-container ul>:first-child {
  padding-top: 3rem
}

.login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active .linklist-container ul li {
  border-bottom: 1px solid var(--color-line-8);
  margin-bottom: 0;
  padding: 2rem 0
}

@media only print and (width >=0px) {
  .login-folding .logout .logout-container .logout-right {
    flex-direction: row
  }

  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container {
    border: .1rem solid var(--kfw-color-grey-300);
    left: -3.5rem;
    padding: 0 30px;
    position: absolute;
    top: 4rem;
    width: 330px
  }

  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active {
    --arrow-size: 10px
  }

  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active:after,
  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active:before {
    border-color: transparent;
    border-width: calc(var(--arrow-size) + 2px);
    content: "";
    height: 0;
    left: var(--arrow-left, auto);
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: var(--arrow-right, auto);
    text-align: center;
    width: 0;
    z-index: 93
  }

  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active:before {
    border-bottom-color: var(--kfw-color-grey-300);
    top: calc(calc((var(--arrow-size) + 2px) * -1) - 1px);
    transform: translateY(-50%)
  }

  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active:after {
    border-bottom-color: var(--color-background-light);
    top: calc((var(--arrow-size) + 2px) * -1);
    transform: translateY(-49%)
  }

  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active .linklist-container ul>:first-child {
    padding-top: 30px
  }

  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active .linklist-container ul>:last-child {
    border-bottom: unset;
    padding-bottom: 40px
  }
}

@media only screen and (min-width:840px) {
  .login-folding .logout .logout-container .logout-right {
    flex-direction: row
  }

  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container {
    border: .1rem solid var(--kfw-color-grey-300);
    left: -3.5rem;
    padding: 0 30px;
    position: absolute;
    top: 4rem;
    width: 330px
  }

  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active {
    --arrow-size: 10px
  }

  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active:after,
  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active:before {
    border-color: transparent;
    border-width: calc(var(--arrow-size) + 2px);
    content: "";
    height: 0;
    left: var(--arrow-left, auto);
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: var(--arrow-right, auto);
    text-align: center;
    width: 0;
    z-index: 93
  }

  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active:before {
    border-bottom-color: var(--kfw-color-grey-300);
    top: calc(calc((var(--arrow-size) + 2px) * -1) - 1px);
    transform: translateY(-50%)
  }

  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active:after {
    border-bottom-color: var(--color-background-light);
    top: calc((var(--arrow-size) + 2px) * -1);
    transform: translateY(-49%)
  }

  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active .linklist-container ul>:first-child {
    padding-top: 30px
  }

  .login-folding .logout .logout-container .logout-right .logout-dropdown .dropdown-container.active .linklist-container ul>:last-child {
    border-bottom: unset;
    padding-bottom: 40px
  }
}

@media only print and (width >=0px) {
  .login-folding .logout .logout-container {
    align-items: center;
    flex-direction: row
  }
}

@media only screen and (min-width:1280px) {
  .login-folding .logout .logout-container {
    align-items: center;
    flex-direction: row
  }
}

.login-folding .logout .timeout {
  margin-top: 1.5rem
}

.webbox-container .webbox-source {
  margin-bottom: 0;
  margin-top: var(--space-large)
}

.needs-slider {
  margin-bottom: var(--space-big)
}

.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.needs-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.needs-slider.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.needs-slider.bg-dark .button--primary,
.needs-slider.bg-dark .button--primary-positive,
.needs-slider.bg-dark .button--secondary,
.needs-slider.bg-dark .button--secondary-positive,
.needs-slider.bg-dark .button--tertiary,
.needs-slider.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.needs-slider.bg-dark .button--primary,
.needs-slider.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.needs-slider.bg-dark .button--secondary,
.needs-slider.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.needs-slider.bg-dark .button--tertiary,
.needs-slider.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.needs-slider.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.needs-slider.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.needs-slider.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.needs-slider.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.needs-slider.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.needs-slider.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.needs-slider.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.needs-slider.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.needs-slider.bg-dark,
:where(main)>.needs-slider.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.needs-slider.bg-dark+*>*,
:where(main)>.needs-slider.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .needs-slider.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .needs-slider.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.needs-slider.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.needs-slider.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .needs-slider.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .needs-slider.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .needs-slider.bg-dark.product-header,
  .needs-slider.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .needs-slider.bg-dark.product-header,
  .needs-slider.bg-dark.product-header[class*=bg-],
  .needs-slider.bg-dark[class*=bg-],
  .needs-slider.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .needs-slider.bg-dark.product-header .hintbox-icon img,
  .needs-slider.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.needs-slider.bg-dark .details--s9>.details .main-column[class*=bg-],
.needs-slider.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .needs-slider.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .needs-slider.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .needs-slider.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .needs-slider.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .needs-slider.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .needs-slider.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.needs-slider.bg-dark .hintbox,
.needs-slider.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.needs-slider.bg-dark,
.overlay-content .main-column>.needs-slider.bg-dark .needs-slider.bg-dark,
.overlay-content body>.needs-slider.bg-dark,
.overlay-content>.needs-slider.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.needs-slider.bg-dark .needs-slider.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.needs-slider.bg-dark .product-label.product-label--overflow,
.overlay-content body>.needs-slider.bg-dark .product-label.product-label--overflow,
.overlay-content>.needs-slider.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.needs-slider.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.needs-slider.bg-dark-accent .button--primary,
.needs-slider.bg-dark-accent .button--primary-positive,
.needs-slider.bg-dark-accent .button--secondary,
.needs-slider.bg-dark-accent .button--secondary-positive,
.needs-slider.bg-dark-accent .button--tertiary,
.needs-slider.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.needs-slider.bg-dark-accent .button--primary,
.needs-slider.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.needs-slider.bg-dark-accent .button--secondary,
.needs-slider.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.needs-slider.bg-dark-accent .button--tertiary,
.needs-slider.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.needs-slider.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.needs-slider.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.needs-slider.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.needs-slider.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.needs-slider.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.needs-slider.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.needs-slider.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.needs-slider.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.needs-slider.bg-dark-accent,
:where(main)>.needs-slider.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.needs-slider.bg-dark-accent+*>*,
:where(main)>.needs-slider.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .needs-slider.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .needs-slider.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.needs-slider.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.needs-slider.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .needs-slider.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .needs-slider.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .needs-slider.bg-dark-accent.product-header,
  .needs-slider.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .needs-slider.bg-dark-accent.product-header,
  .needs-slider.bg-dark-accent.product-header[class*=bg-],
  .needs-slider.bg-dark-accent[class*=bg-],
  .needs-slider.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .needs-slider.bg-dark-accent.product-header .hintbox-icon img,
  .needs-slider.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.needs-slider.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.needs-slider.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .needs-slider.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .needs-slider.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .needs-slider.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .needs-slider.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .needs-slider.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .needs-slider.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.needs-slider.bg-dark-accent .hintbox,
.needs-slider.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.needs-slider.bg-dark-accent,
.overlay-content .main-column>.needs-slider.bg-dark-accent .needs-slider.bg-dark-accent,
.overlay-content body>.needs-slider.bg-dark-accent,
.overlay-content>.needs-slider.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.needs-slider.bg-dark-accent .needs-slider.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.needs-slider.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.needs-slider.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.needs-slider.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.needs-slider.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.needs-slider.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.needs-slider.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.needs-slider.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.needs-slider.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.needs-slider.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.needs-slider.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.needs-slider.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.needs-slider.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.needs-slider.bg-light-accent,
:where(main)>.needs-slider.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.needs-slider.bg-light-accent+*>*,
:where(main)>.needs-slider.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .needs-slider.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .needs-slider.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.needs-slider.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.needs-slider.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .needs-slider.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .needs-slider.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .needs-slider.bg-light-accent.product-header,
  .needs-slider.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .needs-slider.bg-light-accent.product-header,
  .needs-slider.bg-light-accent.product-header[class*=bg-],
  .needs-slider.bg-light-accent[class*=bg-],
  .needs-slider.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .needs-slider.bg-light-accent.product-header .hintbox-icon img,
  .needs-slider.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.needs-slider.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.needs-slider.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .needs-slider.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .needs-slider.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .needs-slider.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .needs-slider.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .needs-slider.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .needs-slider.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.needs-slider.bg-light-accent .hintbox,
.needs-slider.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.needs-slider.bg-light-accent,
.overlay-content .main-column>.needs-slider.bg-light-accent .needs-slider.bg-light-accent,
.overlay-content body>.needs-slider.bg-light-accent,
.overlay-content>.needs-slider.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.needs-slider.bg-light-accent .needs-slider.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.needs-slider.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.needs-slider.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.needs-slider.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.needs-slider.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.needs-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.needs-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.needs-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.needs-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.needs-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.needs-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.needs-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.needs-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.needs-slider.bg-light-accent-secondary,
:where(main)>.needs-slider.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.needs-slider.bg-light-accent-secondary+*>*,
:where(main)>.needs-slider.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .needs-slider.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .needs-slider.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.needs-slider.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.needs-slider.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .needs-slider.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .needs-slider.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .needs-slider.bg-light-accent-secondary.product-header,
  .needs-slider.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .needs-slider.bg-light-accent-secondary.product-header,
  .needs-slider.bg-light-accent-secondary.product-header[class*=bg-],
  .needs-slider.bg-light-accent-secondary[class*=bg-],
  .needs-slider.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .needs-slider.bg-light-accent-secondary.product-header .hintbox-icon img,
  .needs-slider.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.needs-slider.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.needs-slider.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .needs-slider.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .needs-slider.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .needs-slider.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .needs-slider.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .needs-slider.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .needs-slider.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.needs-slider.bg-light-accent-secondary .hintbox,
.needs-slider.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.needs-slider.bg-light-accent-secondary,
.overlay-content .main-column>.needs-slider.bg-light-accent-secondary .needs-slider.bg-light-accent-secondary,
.overlay-content body>.needs-slider.bg-light-accent-secondary,
.overlay-content>.needs-slider.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.needs-slider.bg-light-accent-secondary .needs-slider.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.needs-slider.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.needs-slider.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.needs-slider.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.needs-slider.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.needs-slider.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.needs-slider.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.needs-slider.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.needs-slider.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.needs-slider.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.needs-slider.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.needs-slider.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.needs-slider.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-slider.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.needs-slider.bg-light,
:where(main)>.needs-slider.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.needs-slider.bg-light+*>*,
:where(main)>.needs-slider.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .needs-slider.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .needs-slider.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.needs-slider.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.needs-slider.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .needs-slider.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .needs-slider.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .needs-slider.bg-light.product-header,
  .needs-slider.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .needs-slider.bg-light.product-header,
  .needs-slider.bg-light.product-header[class*=bg-],
  .needs-slider.bg-light[class*=bg-],
  .needs-slider.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .needs-slider.bg-light.product-header .hintbox-icon img,
  .needs-slider.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.needs-slider.bg-light .details--s9>.details .main-column[class*=bg-],
.needs-slider.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .needs-slider.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .needs-slider.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .needs-slider.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .needs-slider.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .needs-slider.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .needs-slider.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.needs-slider.bg-light .hintbox,
.needs-slider.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.needs-slider.bg-light,
.overlay-content .main-column>.needs-slider.bg-light .needs-slider.bg-light,
.overlay-content body>.needs-slider.bg-light,
.overlay-content>.needs-slider.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.needs-slider.bg-light .needs-slider.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.needs-slider.bg-light .product-label.product-label--overflow,
.overlay-content body>.needs-slider.bg-light .product-label.product-label--overflow,
.overlay-content>.needs-slider.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.needs-slider h1,
.needs-slider h2,
.needs-slider h3,
.needs-slider h4,
.needs-slider h5,
.needs-slider h6 {
  margin-bottom: 0 !important
}

.needs-slider h1+.needs-slider-content,
.needs-slider h2+.needs-slider-content,
.needs-slider h3+.needs-slider-content,
.needs-slider h4+.needs-slider-content,
.needs-slider h5+.needs-slider-content,
.needs-slider h6+.needs-slider-content {
  margin-top: var(--space-large)
}

.needs-slider h1+.tab-navigation,
.needs-slider h2+.tab-navigation,
.needs-slider h3+.tab-navigation,
.needs-slider h4+.tab-navigation,
.needs-slider h5+.tab-navigation,
.needs-slider h6+.tab-navigation {
  margin-top: var(--space-small)
}

.needs-slider:not(.js-initialized) .tab-navigation-content {
  overflow: hidden;
  pointer-events: none;
  position: relative
}

.needs-slider:not(.js-initialized) .tab-navigation-content:before {
  content: url(../images/assets/skeletons/needsSectionContent/xs3772b9955ed1ded0420e.svg);
  display: block;
  width: 100%
}

@media only print and (width >=0px) {
  .needs-slider:not(.js-initialized) .tab-navigation-content:before {
    content: url(../images/assets/skeletons/needsSectionContent/sm5c365c93ea828f066fd7.svg)
  }
}

@media only screen and (min-width:600px) {
  .needs-slider:not(.js-initialized) .tab-navigation-content:before {
    content: url(../images/assets/skeletons/needsSectionContent/sm5c365c93ea828f066fd7.svg)
  }
}

@media only print and (width >=0px) {
  .needs-slider:not(.js-initialized) .tab-navigation-content:before {
    content: url(../images/assets/skeletons/needsSectionContent/md8b2ec12325a3af5e7c44.svg)
  }
}

@media only screen and (min-width:840px) {
  .needs-slider:not(.js-initialized) .tab-navigation-content:before {
    content: url(../images/assets/skeletons/needsSectionContent/md8b2ec12325a3af5e7c44.svg)
  }
}

@media only print and (width >=0px) {
  .needs-slider:not(.js-initialized) .tab-navigation-content:before {
    content: url(../images/assets/skeletons/needsSectionContent/lga36e06f5e71682a073de.svg)
  }
}

@media only screen and (min-width:960px) {
  .needs-slider:not(.js-initialized) .tab-navigation-content:before {
    content: url(../images/assets/skeletons/needsSectionContent/lga36e06f5e71682a073de.svg)
  }
}

@media only print and (width >=0px) {
  .needs-slider:not(.js-initialized) .tab-navigation-content:before {
    content: url(../images/assets/skeletons/needsSectionContent/xl3e5b216e72bb3bbe19b4.svg)
  }
}

@media only screen and (min-width:1280px) {
  .needs-slider:not(.js-initialized) .tab-navigation-content:before {
    content: url(../images/assets/skeletons/needsSectionContent/xl3e5b216e72bb3bbe19b4.svg)
  }
}

.needs-slider:not(.js-initialized) .tab-navigation-content:after {
  animation: mask 2s ease infinite;
  bottom: -5%;
  box-shadow: var(--kfw-color-white) 5px 0 50px 25px;
  content: "";
  display: block;
  left: -110%;
  position: absolute;
  top: -5%;
  transform: rotate(5deg)
}

@media(prefers-reduced-motion) {
  .needs-slider:not(.js-initialized) .tab-navigation-content:after {
    animation: none
  }
}

@media only print and (width >=0px) {
  .needs-slider:not(.js-initialized) .tab-navigation-content:before {
    grid-column: 1;
    grid-row: 1
  }
}

@media only screen and (min-width:600px) {
  .needs-slider:not(.js-initialized) .tab-navigation-content:before {
    grid-column: 1;
    grid-row: 1
  }
}

.needs-slider:not(.js-initialized) .needs-slider-content {
  min-height: var(--min-height, 31rem)
}

@media only print and (width >=0px) {
  .needs-slider:not(.js-initialized) .needs-slider-content {
    --min-height: 27.1rem
  }
}

@media only screen and (min-width:600px) {
  .needs-slider:not(.js-initialized) .needs-slider-content {
    --min-height: 27.1rem
  }
}

@media only print and (width >=0px) {
  .needs-slider:not(.js-initialized) .needs-slider-content {
    --min-height: 18.6rem
  }
}

@media only screen and (min-width:840px) {
  .needs-slider:not(.js-initialized) .needs-slider-content {
    --min-height: 18.6rem
  }
}

@media only print and (width >=0px) {
  .needs-slider:not(.js-initialized) .needs-slider-content {
    --min-height: 16.3rem
  }
}

@media only screen and (min-width:1280px) {
  .needs-slider:not(.js-initialized) .needs-slider-content {
    --min-height: 16.3rem
  }
}

.needs-slider-content-item {
  border: 2px dashed transparent;
  display: block;
  text-align: center
}

.needs-slider-content-item:focus-visible .label,
.needs-slider-content-item:hover .label {
  color: var(--color-fn-active);
  text-decoration: underline
}

.needs-slider-content-item:focus-visible {
  border-color: var(--color-fn-active);
  border-radius: 4px;
  outline: 0;
  text-decoration: underline;
  text-decoration-color: var(--color-fn-active)
}

.needs-slider-content-item .image {
  margin: 0 auto 1.5rem;
  max-height: 5.6rem;
  max-width: 5.6rem;
  min-height: 5.6rem
}

.needs-slider-content-item .label {
  color: var(--color-fn)
}

.needs-slider-wrapper {
  height: 100%
}

.needs-slider-slide {
  align-items: start;
  grid-gap: var(--space-medium) var(--space-x-small);
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: center;
  margin: 0 3.6rem
}

.needs-slider-slide:first-child>* {
  height: 100%;
  width: 100%
}

@media only print and (width >=0px) {
  .needs-slider-slide:first-child>* {
    grid-column: auto/span 3
  }
}

@media only screen and (min-width:840px) {
  .needs-slider-slide:first-child>* {
    grid-column: auto/span 3
  }
}

@media only screen and (min-width:600px) {
  .needs-slider-slide {
    grid-column-gap: var(--space-small)
  }
}

@media only print and (width >=0px) {
  .needs-slider-slide {
    grid-column-gap: var(--space-x-small);
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }
}

@media only screen and (min-width:840px) {
  .needs-slider-slide {
    grid-column-gap: var(--space-x-small);
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }
}

@media only print and (width >=0px) {
  .needs-slider-slide {
    grid-column-gap: var(--space-small)
  }
}

@media only screen and (min-width:960px) {
  .needs-slider-slide {
    grid-column-gap: var(--space-small)
  }
}

.needs-slider .tab-navigation-content {
  margin-top: var(--space-medium)
}

.needs-slider .slider.js-initialized {
  margin: 0;
  padding: 0
}

.needs-slider .slider.js-initialized .slider-arrow {
  opacity: 1
}

.needs-slider .slider.js-initialized .slider-arrow--prev {
  left: 0
}

.needs-slider .slider.js-initialized .slider-arrow--next {
  right: 0
}

.needs-slider .slider.js-initialized .slider-arrow button:hover {
  border: 2px solid var(--color-fn-active);
  border-radius: 4px;
  color: var(--color-fn-active)
}

.needs-slider .slider.js-initialized .slider-arrow button:hover .icon {
  color: inherit
}

.needs-slider .slider.js-initialized .slider-arrow button,
.needs-slider .slider.js-initialized .slider-bullets-container {
  background-color: transparent;
  border-color: transparent
}

.needs-slider .slider.js-initialized .slider-pagination {
  margin-top: var(--space-medium)
}

.needs-slider .slider:not(.js-initialized) .swiper-slide+.swiper-slide {
  display: none
}

.needs-slider .tab-navigation-dropdown {
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(12, minmax(0, 1fr))
}

.needs-slider .tab-navigation-dropdown .form-item--select {
  grid-column: auto/span 12
}

@media only print and (width >=0px) {
  .needs-slider .tab-navigation-dropdown .form-item--select {
    grid-column: auto/span 7
  }
}

@media only screen and (min-width:600px) {
  .needs-slider .tab-navigation-dropdown .form-item--select {
    grid-column: auto/span 7
  }
}

@media only print and (width >=0px) {
  .needs-slider .tab-navigation-dropdown {
    display: none
  }
}

@media only screen and (min-width:840px) {
  .needs-slider .tab-navigation-dropdown {
    display: none
  }
}

.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.news-press-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.news-press-table.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.news-press-table.bg-dark .button--primary,
.news-press-table.bg-dark .button--primary-positive,
.news-press-table.bg-dark .button--secondary,
.news-press-table.bg-dark .button--secondary-positive,
.news-press-table.bg-dark .button--tertiary,
.news-press-table.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.news-press-table.bg-dark .button--primary,
.news-press-table.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.news-press-table.bg-dark .button--secondary,
.news-press-table.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.news-press-table.bg-dark .button--tertiary,
.news-press-table.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.news-press-table.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.news-press-table.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.news-press-table.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.news-press-table.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.news-press-table.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.news-press-table.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.news-press-table.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.news-press-table.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.news-press-table.bg-dark,
:where(main)>.news-press-table.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.news-press-table.bg-dark+*>*,
:where(main)>.news-press-table.bg-dark>* {
  --margin-top: initial
}

.news-press-table.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .news-press-table.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .news-press-table.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .news-press-table.bg-dark.product-header,
  .news-press-table.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .news-press-table.bg-dark.product-header,
  .news-press-table.bg-dark.product-header[class*=bg-],
  .news-press-table.bg-dark[class*=bg-],
  .news-press-table.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .news-press-table.bg-dark.product-header .hintbox-icon img,
  .news-press-table.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.news-press-table.bg-dark .details--s9>.details .main-column[class*=bg-],
.news-press-table.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .news-press-table.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .news-press-table.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .news-press-table.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .news-press-table.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .news-press-table.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .news-press-table.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.news-press-table.bg-dark .hintbox,
.news-press-table.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.news-press-table.bg-dark,
.overlay-content .main-column>.news-press-table.bg-dark .news-press-table.bg-dark,
.overlay-content body>.news-press-table.bg-dark,
.overlay-content>.news-press-table.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.news-press-table.bg-dark .news-press-table.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.news-press-table.bg-dark .product-label.product-label--overflow,
.overlay-content body>.news-press-table.bg-dark .product-label.product-label--overflow,
.overlay-content>.news-press-table.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.news-press-table.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.news-press-table.bg-dark-accent .button--primary,
.news-press-table.bg-dark-accent .button--primary-positive,
.news-press-table.bg-dark-accent .button--secondary,
.news-press-table.bg-dark-accent .button--secondary-positive,
.news-press-table.bg-dark-accent .button--tertiary,
.news-press-table.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.news-press-table.bg-dark-accent .button--primary,
.news-press-table.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.news-press-table.bg-dark-accent .button--secondary,
.news-press-table.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.news-press-table.bg-dark-accent .button--tertiary,
.news-press-table.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.news-press-table.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.news-press-table.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.news-press-table.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.news-press-table.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.news-press-table.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.news-press-table.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.news-press-table.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.news-press-table.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.news-press-table.bg-dark-accent,
:where(main)>.news-press-table.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.news-press-table.bg-dark-accent+*>*,
:where(main)>.news-press-table.bg-dark-accent>* {
  --margin-top: initial
}

.news-press-table.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .news-press-table.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .news-press-table.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .news-press-table.bg-dark-accent.product-header,
  .news-press-table.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .news-press-table.bg-dark-accent.product-header,
  .news-press-table.bg-dark-accent.product-header[class*=bg-],
  .news-press-table.bg-dark-accent[class*=bg-],
  .news-press-table.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .news-press-table.bg-dark-accent.product-header .hintbox-icon img,
  .news-press-table.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.news-press-table.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.news-press-table.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .news-press-table.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .news-press-table.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .news-press-table.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .news-press-table.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .news-press-table.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .news-press-table.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.news-press-table.bg-dark-accent .hintbox,
.news-press-table.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.news-press-table.bg-dark-accent,
.overlay-content .main-column>.news-press-table.bg-dark-accent .news-press-table.bg-dark-accent,
.overlay-content body>.news-press-table.bg-dark-accent,
.overlay-content>.news-press-table.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.news-press-table.bg-dark-accent .news-press-table.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.news-press-table.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.news-press-table.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.news-press-table.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.news-press-table.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.news-press-table.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.news-press-table.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.news-press-table.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.news-press-table.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.news-press-table.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.news-press-table.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.news-press-table.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.news-press-table.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.news-press-table.bg-light-accent,
:where(main)>.news-press-table.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.news-press-table.bg-light-accent+*>*,
:where(main)>.news-press-table.bg-light-accent>* {
  --margin-top: initial
}

.news-press-table.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .news-press-table.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .news-press-table.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .news-press-table.bg-light-accent.product-header,
  .news-press-table.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .news-press-table.bg-light-accent.product-header,
  .news-press-table.bg-light-accent.product-header[class*=bg-],
  .news-press-table.bg-light-accent[class*=bg-],
  .news-press-table.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .news-press-table.bg-light-accent.product-header .hintbox-icon img,
  .news-press-table.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.news-press-table.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.news-press-table.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .news-press-table.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .news-press-table.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .news-press-table.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .news-press-table.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .news-press-table.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .news-press-table.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.news-press-table.bg-light-accent .hintbox,
.news-press-table.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.news-press-table.bg-light-accent,
.overlay-content .main-column>.news-press-table.bg-light-accent .news-press-table.bg-light-accent,
.overlay-content body>.news-press-table.bg-light-accent,
.overlay-content>.news-press-table.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.news-press-table.bg-light-accent .news-press-table.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.news-press-table.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.news-press-table.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.news-press-table.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.news-press-table.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.news-press-table.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.news-press-table.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.news-press-table.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.news-press-table.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.news-press-table.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.news-press-table.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.news-press-table.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.news-press-table.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.news-press-table.bg-light-accent-secondary,
:where(main)>.news-press-table.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.news-press-table.bg-light-accent-secondary+*>*,
:where(main)>.news-press-table.bg-light-accent-secondary>* {
  --margin-top: initial
}

.news-press-table.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .news-press-table.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .news-press-table.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .news-press-table.bg-light-accent-secondary.product-header,
  .news-press-table.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .news-press-table.bg-light-accent-secondary.product-header,
  .news-press-table.bg-light-accent-secondary.product-header[class*=bg-],
  .news-press-table.bg-light-accent-secondary[class*=bg-],
  .news-press-table.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .news-press-table.bg-light-accent-secondary.product-header .hintbox-icon img,
  .news-press-table.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.news-press-table.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.news-press-table.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .news-press-table.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .news-press-table.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .news-press-table.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .news-press-table.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .news-press-table.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .news-press-table.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.news-press-table.bg-light-accent-secondary .hintbox,
.news-press-table.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.news-press-table.bg-light-accent-secondary,
.overlay-content .main-column>.news-press-table.bg-light-accent-secondary .news-press-table.bg-light-accent-secondary,
.overlay-content body>.news-press-table.bg-light-accent-secondary,
.overlay-content>.news-press-table.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.news-press-table.bg-light-accent-secondary .news-press-table.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.news-press-table.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.news-press-table.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.news-press-table.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.news-press-table.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.news-press-table.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.news-press-table.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.news-press-table.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.news-press-table.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.news-press-table.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.news-press-table.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.news-press-table.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.news-press-table.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.news-press-table.bg-light,
:where(main)>.news-press-table.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.news-press-table.bg-light+*>*,
:where(main)>.news-press-table.bg-light>* {
  --margin-top: initial
}

.news-press-table.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .news-press-table.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .news-press-table.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .news-press-table.bg-light.product-header,
  .news-press-table.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .news-press-table.bg-light.product-header,
  .news-press-table.bg-light.product-header[class*=bg-],
  .news-press-table.bg-light[class*=bg-],
  .news-press-table.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .news-press-table.bg-light.product-header .hintbox-icon img,
  .news-press-table.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.news-press-table.bg-light .details--s9>.details .main-column[class*=bg-],
.news-press-table.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .news-press-table.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .news-press-table.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .news-press-table.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .news-press-table.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .news-press-table.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .news-press-table.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.news-press-table.bg-light .hintbox,
.news-press-table.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.news-press-table.bg-light,
.overlay-content .main-column>.news-press-table.bg-light .news-press-table.bg-light,
.overlay-content body>.news-press-table.bg-light,
.overlay-content>.news-press-table.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.news-press-table.bg-light .news-press-table.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.news-press-table.bg-light .product-label.product-label--overflow,
.overlay-content body>.news-press-table.bg-light .product-label.product-label--overflow,
.overlay-content>.news-press-table.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.news-press-table-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.news-press-table-content.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.news-press-table-content.bg-dark .button--primary,
.news-press-table-content.bg-dark .button--primary-positive,
.news-press-table-content.bg-dark .button--secondary,
.news-press-table-content.bg-dark .button--secondary-positive,
.news-press-table-content.bg-dark .button--tertiary,
.news-press-table-content.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.news-press-table-content.bg-dark .button--primary,
.news-press-table-content.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.news-press-table-content.bg-dark .button--secondary,
.news-press-table-content.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.news-press-table-content.bg-dark .button--tertiary,
.news-press-table-content.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.news-press-table-content.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.news-press-table-content.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.news-press-table-content.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.news-press-table-content.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.news-press-table-content.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.news-press-table-content.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.news-press-table-content.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.news-press-table-content.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.news-press-table-content.bg-dark,
:where(main)>.news-press-table-content.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.news-press-table-content.bg-dark+*>*,
:where(main)>.news-press-table-content.bg-dark>* {
  --margin-top: initial
}

.news-press-table-content.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.news-press-table-content.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .news-press-table-content.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .news-press-table-content.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .news-press-table-content.bg-dark.product-header,
  .news-press-table-content.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .news-press-table-content.bg-dark.product-header,
  .news-press-table-content.bg-dark.product-header[class*=bg-],
  .news-press-table-content.bg-dark[class*=bg-],
  .news-press-table-content.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .news-press-table-content.bg-dark.product-header .hintbox-icon img,
  .news-press-table-content.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.news-press-table-content.bg-dark .details--s9>.details .main-column[class*=bg-],
.news-press-table-content.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .news-press-table-content.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .news-press-table-content.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .news-press-table-content.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .news-press-table-content.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .news-press-table-content.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .news-press-table-content.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.news-press-table-content.bg-dark .hintbox,
.news-press-table-content.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.news-press-table-content.bg-dark,
.overlay-content .main-column>.news-press-table-content.bg-dark .news-press-table-content.bg-dark,
.overlay-content body>.news-press-table-content.bg-dark,
.overlay-content>.news-press-table-content.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.news-press-table-content.bg-dark .news-press-table-content.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.news-press-table-content.bg-dark .product-label.product-label--overflow,
.overlay-content body>.news-press-table-content.bg-dark .product-label.product-label--overflow,
.overlay-content>.news-press-table-content.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.news-press-table-content.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.news-press-table-content.bg-dark-accent .button--primary,
.news-press-table-content.bg-dark-accent .button--primary-positive,
.news-press-table-content.bg-dark-accent .button--secondary,
.news-press-table-content.bg-dark-accent .button--secondary-positive,
.news-press-table-content.bg-dark-accent .button--tertiary,
.news-press-table-content.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.news-press-table-content.bg-dark-accent .button--primary,
.news-press-table-content.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.news-press-table-content.bg-dark-accent .button--secondary,
.news-press-table-content.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.news-press-table-content.bg-dark-accent .button--tertiary,
.news-press-table-content.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.news-press-table-content.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.news-press-table-content.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.news-press-table-content.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.news-press-table-content.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.news-press-table-content.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.news-press-table-content.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.news-press-table-content.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.news-press-table-content.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.news-press-table-content.bg-dark-accent,
:where(main)>.news-press-table-content.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.news-press-table-content.bg-dark-accent+*>*,
:where(main)>.news-press-table-content.bg-dark-accent>* {
  --margin-top: initial
}

.news-press-table-content.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.news-press-table-content.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .news-press-table-content.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .news-press-table-content.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .news-press-table-content.bg-dark-accent.product-header,
  .news-press-table-content.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .news-press-table-content.bg-dark-accent.product-header,
  .news-press-table-content.bg-dark-accent.product-header[class*=bg-],
  .news-press-table-content.bg-dark-accent[class*=bg-],
  .news-press-table-content.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .news-press-table-content.bg-dark-accent.product-header .hintbox-icon img,
  .news-press-table-content.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.news-press-table-content.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.news-press-table-content.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .news-press-table-content.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .news-press-table-content.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .news-press-table-content.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .news-press-table-content.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .news-press-table-content.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .news-press-table-content.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.news-press-table-content.bg-dark-accent .hintbox,
.news-press-table-content.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.news-press-table-content.bg-dark-accent,
.overlay-content .main-column>.news-press-table-content.bg-dark-accent .news-press-table-content.bg-dark-accent,
.overlay-content body>.news-press-table-content.bg-dark-accent,
.overlay-content>.news-press-table-content.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.news-press-table-content.bg-dark-accent .news-press-table-content.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.news-press-table-content.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.news-press-table-content.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.news-press-table-content.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.news-press-table-content.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.news-press-table-content.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.news-press-table-content.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.news-press-table-content.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.news-press-table-content.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.news-press-table-content.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.news-press-table-content.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.news-press-table-content.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.news-press-table-content.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.news-press-table-content.bg-light-accent,
:where(main)>.news-press-table-content.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.news-press-table-content.bg-light-accent+*>*,
:where(main)>.news-press-table-content.bg-light-accent>* {
  --margin-top: initial
}

.news-press-table-content.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.news-press-table-content.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .news-press-table-content.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .news-press-table-content.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .news-press-table-content.bg-light-accent.product-header,
  .news-press-table-content.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .news-press-table-content.bg-light-accent.product-header,
  .news-press-table-content.bg-light-accent.product-header[class*=bg-],
  .news-press-table-content.bg-light-accent[class*=bg-],
  .news-press-table-content.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .news-press-table-content.bg-light-accent.product-header .hintbox-icon img,
  .news-press-table-content.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.news-press-table-content.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.news-press-table-content.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .news-press-table-content.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .news-press-table-content.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .news-press-table-content.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .news-press-table-content.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .news-press-table-content.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .news-press-table-content.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.news-press-table-content.bg-light-accent .hintbox,
.news-press-table-content.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.news-press-table-content.bg-light-accent,
.overlay-content .main-column>.news-press-table-content.bg-light-accent .news-press-table-content.bg-light-accent,
.overlay-content body>.news-press-table-content.bg-light-accent,
.overlay-content>.news-press-table-content.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.news-press-table-content.bg-light-accent .news-press-table-content.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.news-press-table-content.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.news-press-table-content.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.news-press-table-content.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.news-press-table-content.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.news-press-table-content.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.news-press-table-content.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.news-press-table-content.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.news-press-table-content.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.news-press-table-content.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.news-press-table-content.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.news-press-table-content.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.news-press-table-content.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.news-press-table-content.bg-light-accent-secondary,
:where(main)>.news-press-table-content.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.news-press-table-content.bg-light-accent-secondary+*>*,
:where(main)>.news-press-table-content.bg-light-accent-secondary>* {
  --margin-top: initial
}

.news-press-table-content.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.news-press-table-content.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .news-press-table-content.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .news-press-table-content.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .news-press-table-content.bg-light-accent-secondary.product-header,
  .news-press-table-content.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .news-press-table-content.bg-light-accent-secondary.product-header,
  .news-press-table-content.bg-light-accent-secondary.product-header[class*=bg-],
  .news-press-table-content.bg-light-accent-secondary[class*=bg-],
  .news-press-table-content.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .news-press-table-content.bg-light-accent-secondary.product-header .hintbox-icon img,
  .news-press-table-content.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.news-press-table-content.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.news-press-table-content.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .news-press-table-content.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .news-press-table-content.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .news-press-table-content.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .news-press-table-content.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .news-press-table-content.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .news-press-table-content.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.news-press-table-content.bg-light-accent-secondary .hintbox,
.news-press-table-content.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.news-press-table-content.bg-light-accent-secondary,
.overlay-content .main-column>.news-press-table-content.bg-light-accent-secondary .news-press-table-content.bg-light-accent-secondary,
.overlay-content body>.news-press-table-content.bg-light-accent-secondary,
.overlay-content>.news-press-table-content.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.news-press-table-content.bg-light-accent-secondary .news-press-table-content.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.news-press-table-content.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.news-press-table-content.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.news-press-table-content.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.news-press-table-content.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.news-press-table-content.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.news-press-table-content.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.news-press-table-content.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.news-press-table-content.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.news-press-table-content.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.news-press-table-content.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.news-press-table-content.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.news-press-table-content.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.news-press-table-content.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.news-press-table-content.bg-light,
:where(main)>.news-press-table-content.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.news-press-table-content.bg-light+*>*,
:where(main)>.news-press-table-content.bg-light>* {
  --margin-top: initial
}

.news-press-table-content.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.news-press-table-content.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .news-press-table-content.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .news-press-table-content.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .news-press-table-content.bg-light.product-header,
  .news-press-table-content.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .news-press-table-content.bg-light.product-header,
  .news-press-table-content.bg-light.product-header[class*=bg-],
  .news-press-table-content.bg-light[class*=bg-],
  .news-press-table-content.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .news-press-table-content.bg-light.product-header .hintbox-icon img,
  .news-press-table-content.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.news-press-table-content.bg-light .details--s9>.details .main-column[class*=bg-],
.news-press-table-content.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .news-press-table-content.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .news-press-table-content.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .news-press-table-content.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .news-press-table-content.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .news-press-table-content.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .news-press-table-content.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.news-press-table-content.bg-light .hintbox,
.news-press-table-content.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.news-press-table-content.bg-light,
.overlay-content .main-column>.news-press-table-content.bg-light .news-press-table-content.bg-light,
.overlay-content body>.news-press-table-content.bg-light,
.overlay-content>.news-press-table-content.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.news-press-table-content.bg-light .news-press-table-content.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.news-press-table-content.bg-light .product-label.product-label--overflow,
.overlay-content body>.news-press-table-content.bg-light .product-label.product-label--overflow,
.overlay-content>.news-press-table-content.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.news-press-table-content-item {
  display: flex;
  flex-direction: column
}

.news-press-table-content-item .smk-1 {
  margin-bottom: var(--space-x-small)
}

@media only print and (width >=0px) {
  .news-press-table-content {
    --c-overflow: 0px
  }
}

@media only screen and (min-width:600px) {
  .news-press-table-content {
    --c-overflow: 0px
  }
}

.news-press-table-content+.news-press-table-cta {
  --margin-top: var(--space-medium)
}

.news-press-table-marginal {
  padding: 1.5rem 1.5rem 2.5rem
}

.news-press-table-marginal-title,
.news-press-table-marginal-title+.news-press-table-marginal-content,
.news-press-table-marginal-title:not(:last-child) {
  margin: 0
}

.news-press-table-marginal-content+.button-container,
.news-press-table-marginal-title+.news-press-table-marginal-content {
  margin-top: var(--space-large)
}

.news-press-table-marginal-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-large)
}

.news-press-table-marginal-item .item-smk,
.news-press-table-marginal-item .item-title {
  display: block
}

.news-press-table-marginal-item .item-smk+.item-title {
  margin-top: var(--space-x-small)
}

.news-press-table-marginal-item .item-link {
  margin-top: var(--space-small)
}

@media only screen and (max-width:calc(960px - 1px)) {

  .news-press-table-marginal,
  .news-press-table-marginal[class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }
}

.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.kfw-image-gallery:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-image-gallery.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.kfw-image-gallery.bg-dark .button--primary,
.kfw-image-gallery.bg-dark .button--primary-positive,
.kfw-image-gallery.bg-dark .button--secondary,
.kfw-image-gallery.bg-dark .button--secondary-positive,
.kfw-image-gallery.bg-dark .button--tertiary,
.kfw-image-gallery.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-image-gallery.bg-dark .button--primary,
.kfw-image-gallery.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-image-gallery.bg-dark .button--secondary,
.kfw-image-gallery.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-image-gallery.bg-dark .button--tertiary,
.kfw-image-gallery.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-image-gallery.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-image-gallery.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-image-gallery.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-image-gallery.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-image-gallery.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-image-gallery.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-image-gallery.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-image-gallery.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-image-gallery.bg-dark,
:where(main)>.kfw-image-gallery.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-image-gallery.bg-dark+*>*,
:where(main)>.kfw-image-gallery.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-image-gallery.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-image-gallery.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-image-gallery.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-image-gallery.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-image-gallery.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-image-gallery.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-image-gallery.bg-dark.product-header,
  .kfw-image-gallery.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-image-gallery.bg-dark.product-header,
  .kfw-image-gallery.bg-dark.product-header[class*=bg-],
  .kfw-image-gallery.bg-dark[class*=bg-],
  .kfw-image-gallery.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-image-gallery.bg-dark.product-header .hintbox-icon img,
  .kfw-image-gallery.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-image-gallery.bg-dark .details--s9>.details .main-column[class*=bg-],
.kfw-image-gallery.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-image-gallery.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-image-gallery.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-image-gallery.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-image-gallery.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-image-gallery.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-image-gallery.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-image-gallery.bg-dark .hintbox,
.kfw-image-gallery.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-image-gallery.bg-dark,
.overlay-content .main-column>.kfw-image-gallery.bg-dark .kfw-image-gallery.bg-dark,
.overlay-content body>.kfw-image-gallery.bg-dark,
.overlay-content>.kfw-image-gallery.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-image-gallery.bg-dark .kfw-image-gallery.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-image-gallery.bg-dark .product-label.product-label--overflow,
.overlay-content body>.kfw-image-gallery.bg-dark .product-label.product-label--overflow,
.overlay-content>.kfw-image-gallery.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-image-gallery.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.kfw-image-gallery.bg-dark-accent .button--primary,
.kfw-image-gallery.bg-dark-accent .button--primary-positive,
.kfw-image-gallery.bg-dark-accent .button--secondary,
.kfw-image-gallery.bg-dark-accent .button--secondary-positive,
.kfw-image-gallery.bg-dark-accent .button--tertiary,
.kfw-image-gallery.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-image-gallery.bg-dark-accent .button--primary,
.kfw-image-gallery.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-image-gallery.bg-dark-accent .button--secondary,
.kfw-image-gallery.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-image-gallery.bg-dark-accent .button--tertiary,
.kfw-image-gallery.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-image-gallery.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-image-gallery.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-image-gallery.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-image-gallery.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-image-gallery.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-image-gallery.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-image-gallery.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-image-gallery.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-image-gallery.bg-dark-accent,
:where(main)>.kfw-image-gallery.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-image-gallery.bg-dark-accent+*>*,
:where(main)>.kfw-image-gallery.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-image-gallery.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-image-gallery.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-image-gallery.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-image-gallery.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-image-gallery.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-image-gallery.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-image-gallery.bg-dark-accent.product-header,
  .kfw-image-gallery.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-image-gallery.bg-dark-accent.product-header,
  .kfw-image-gallery.bg-dark-accent.product-header[class*=bg-],
  .kfw-image-gallery.bg-dark-accent[class*=bg-],
  .kfw-image-gallery.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-image-gallery.bg-dark-accent.product-header .hintbox-icon img,
  .kfw-image-gallery.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-image-gallery.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.kfw-image-gallery.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-image-gallery.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-image-gallery.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-image-gallery.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-image-gallery.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-image-gallery.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-image-gallery.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-image-gallery.bg-dark-accent .hintbox,
.kfw-image-gallery.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-image-gallery.bg-dark-accent,
.overlay-content .main-column>.kfw-image-gallery.bg-dark-accent .kfw-image-gallery.bg-dark-accent,
.overlay-content body>.kfw-image-gallery.bg-dark-accent,
.overlay-content>.kfw-image-gallery.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-image-gallery.bg-dark-accent .kfw-image-gallery.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-image-gallery.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-image-gallery.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.kfw-image-gallery.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-image-gallery.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-image-gallery.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-image-gallery.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-image-gallery.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-image-gallery.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-image-gallery.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-image-gallery.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-image-gallery.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-image-gallery.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-image-gallery.bg-light-accent,
:where(main)>.kfw-image-gallery.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-image-gallery.bg-light-accent+*>*,
:where(main)>.kfw-image-gallery.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-image-gallery.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-image-gallery.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-image-gallery.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-image-gallery.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-image-gallery.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-image-gallery.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-image-gallery.bg-light-accent.product-header,
  .kfw-image-gallery.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-image-gallery.bg-light-accent.product-header,
  .kfw-image-gallery.bg-light-accent.product-header[class*=bg-],
  .kfw-image-gallery.bg-light-accent[class*=bg-],
  .kfw-image-gallery.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-image-gallery.bg-light-accent.product-header .hintbox-icon img,
  .kfw-image-gallery.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-image-gallery.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.kfw-image-gallery.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-image-gallery.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-image-gallery.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-image-gallery.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-image-gallery.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-image-gallery.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-image-gallery.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-image-gallery.bg-light-accent .hintbox,
.kfw-image-gallery.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-image-gallery.bg-light-accent,
.overlay-content .main-column>.kfw-image-gallery.bg-light-accent .kfw-image-gallery.bg-light-accent,
.overlay-content body>.kfw-image-gallery.bg-light-accent,
.overlay-content>.kfw-image-gallery.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-image-gallery.bg-light-accent .kfw-image-gallery.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-image-gallery.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-image-gallery.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.kfw-image-gallery.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-image-gallery.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-image-gallery.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-image-gallery.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-image-gallery.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-image-gallery.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-image-gallery.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-image-gallery.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-image-gallery.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-image-gallery.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-image-gallery.bg-light-accent-secondary,
:where(main)>.kfw-image-gallery.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-image-gallery.bg-light-accent-secondary+*>*,
:where(main)>.kfw-image-gallery.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-image-gallery.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-image-gallery.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-image-gallery.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-image-gallery.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-image-gallery.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-image-gallery.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-image-gallery.bg-light-accent-secondary.product-header,
  .kfw-image-gallery.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-image-gallery.bg-light-accent-secondary.product-header,
  .kfw-image-gallery.bg-light-accent-secondary.product-header[class*=bg-],
  .kfw-image-gallery.bg-light-accent-secondary[class*=bg-],
  .kfw-image-gallery.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-image-gallery.bg-light-accent-secondary.product-header .hintbox-icon img,
  .kfw-image-gallery.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-image-gallery.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.kfw-image-gallery.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-image-gallery.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-image-gallery.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-image-gallery.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-image-gallery.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-image-gallery.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-image-gallery.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-image-gallery.bg-light-accent-secondary .hintbox,
.kfw-image-gallery.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-image-gallery.bg-light-accent-secondary,
.overlay-content .main-column>.kfw-image-gallery.bg-light-accent-secondary .kfw-image-gallery.bg-light-accent-secondary,
.overlay-content body>.kfw-image-gallery.bg-light-accent-secondary,
.overlay-content>.kfw-image-gallery.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-image-gallery.bg-light-accent-secondary .kfw-image-gallery.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-image-gallery.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.kfw-image-gallery.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.kfw-image-gallery.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-image-gallery.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-image-gallery.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-image-gallery.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-image-gallery.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-image-gallery.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-image-gallery.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-image-gallery.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-image-gallery.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-image-gallery.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-image-gallery.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-image-gallery.bg-light,
:where(main)>.kfw-image-gallery.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-image-gallery.bg-light+*>*,
:where(main)>.kfw-image-gallery.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-image-gallery.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-image-gallery.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-image-gallery.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-image-gallery.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-image-gallery.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-image-gallery.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-image-gallery.bg-light.product-header,
  .kfw-image-gallery.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-image-gallery.bg-light.product-header,
  .kfw-image-gallery.bg-light.product-header[class*=bg-],
  .kfw-image-gallery.bg-light[class*=bg-],
  .kfw-image-gallery.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-image-gallery.bg-light.product-header .hintbox-icon img,
  .kfw-image-gallery.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-image-gallery.bg-light .details--s9>.details .main-column[class*=bg-],
.kfw-image-gallery.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-image-gallery.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-image-gallery.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-image-gallery.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-image-gallery.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-image-gallery.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-image-gallery.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-image-gallery.bg-light .hintbox,
.kfw-image-gallery.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-image-gallery.bg-light,
.overlay-content .main-column>.kfw-image-gallery.bg-light .kfw-image-gallery.bg-light,
.overlay-content body>.kfw-image-gallery.bg-light,
.overlay-content>.kfw-image-gallery.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-image-gallery.bg-light .kfw-image-gallery.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-image-gallery.bg-light .product-label.product-label--overflow,
.overlay-content body>.kfw-image-gallery.bg-light .product-label.product-label--overflow,
.overlay-content>.kfw-image-gallery.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-image-gallery:not(.js-initialized) .swiper-slide:not(:first-child),
.kfw-image-gallery:not(.js-initialized) div[data-slide=true]:not(:first-child) {
  opacity: 0;
  position: absolute;
  top: 0
}

@media(min-width:600px)and (max-width:calc(840px - 1px)) {
  .kfw-image-gallery {
    --c-overflow: var(--c-spacing-s)
  }
}

@media only print and (width >=0px) {
  .kfw-image-gallery {
    --c-padding-b-addition: -1rem
  }
}

@media only screen and (min-width:840px) {
  .kfw-image-gallery {
    --c-padding-b-addition: -1rem
  }
}

@media only print and (width >=0px) {

  .kfw-image-gallery:not(.image-gallery-background-extended),
  .kfw-image-gallery:not(.image-gallery-background-extended)[class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }
}

@media only screen and (min-width:960px) {

  .kfw-image-gallery:not(.image-gallery-background-extended),
  .kfw-image-gallery:not(.image-gallery-background-extended)[class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }
}

@media only print and (width >=0px) {
  .image-gallery:not(.image-gallery-compact) .image-gallery-main.slider.js-initialized .slider-pagination {
    display: none
  }
}

@media only screen and (min-width:960px) {
  .image-gallery:not(.image-gallery-compact) .image-gallery-main.slider.js-initialized .slider-pagination {
    display: none
  }
}

.image-gallery:not(.image-gallery-compact) .image-gallery-slide-thumb-caption {
  display: none
}

@media only screen and (max-width:calc(960px - 1px)) {
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-thumb-caption {
    display: block;
    margin-bottom: 0;
    margin-top: var(--space-x-small)
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-thumb-caption+.image-gallery-slide-text-box-content {
    margin-top: var(--space-small)
  }
}

@media only print and (width >=0px) {
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box {
    display: flex;
    left: 0;
    margin: var(--space-y) var(--space-x);
    max-height: calc(100% - var(--space-y)*2);
    max-width: calc(100% - var(--space-x)*2);
    position: absolute;
    top: 0
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box-content:not(:empty) {
    background-color: var(--color-opacity-light-95);
    max-height: calc(100% - var(--space-y)*2);
    min-height: 9.6rem;
    overflow-y: auto;
    padding: var(--padding) var(--padding) 30px;
    width: 100%;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-bottom],
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full] {
    bottom: 0;
    top: unset
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-right] {
    left: unset;
    right: 0
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-] {
    --space-y: 0;
    --space-x: 0;
    --padding: 30px;
    max-width: 100%;
    width: 100%
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content {
    background-color: var(--color-opacity-dark-90);
    --color: var(--color-font-on-dark-bg);
    --link-color: var(--color-font-on-dark-bg);
    --link-color-hover: var(--color-font-on-dark-bg);
    --headline-color: var(--color-font-headlines-on-dark-bg)
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--primary,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--primary-positive,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--secondary,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--secondary-positive,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--tertiary,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--tertiary-positive {
    --notice-color: var(--color-font-on-dark-bg);
    --button-border-color-focus: var(--color-font-on-dark-bg);
    --button-bg-disabled: transparent;
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--primary,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--primary-positive {
    --button-color: var(--color-fn);
    --button-bg: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--secondary,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--secondary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-bg: transparent;
    --button-border-color: var(--color-font-on-dark-bg)
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--tertiary,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--tertiary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: transparent
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .hl-5 {
    color: var(--color)
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-left],
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-right] {
    width: calc(min(100%, var(--col-width) * var(--text-box-col, 5) + var(--gap) * (var(--text-box-col, 5) - 1)) + 0px);
    --col-width: calc((var(--max-container-width) - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-left],
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-right] {
    --columns: 12
  }
}

@media only screen and (min-width:960px) {
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box {
    display: flex;
    left: 0;
    margin: var(--space-y) var(--space-x);
    max-height: calc(100% - var(--space-y)*2);
    max-width: calc(100% - var(--space-x)*2);
    position: absolute;
    top: 0
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box-content:not(:empty) {
    background-color: var(--color-opacity-light-95);
    max-height: calc(100% - var(--space-y)*2);
    min-height: 9.6rem;
    overflow-y: auto;
    padding: var(--padding) var(--padding) 30px;
    width: 100%;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-bottom],
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full] {
    bottom: 0;
    top: unset
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-right] {
    left: unset;
    right: 0
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-] {
    --space-y: 0;
    --space-x: 0;
    --padding: 30px;
    max-width: 100%;
    width: 100%
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content {
    background-color: var(--color-opacity-dark-90);
    --color: var(--color-font-on-dark-bg);
    --link-color: var(--color-font-on-dark-bg);
    --link-color-hover: var(--color-font-on-dark-bg);
    --headline-color: var(--color-font-headlines-on-dark-bg)
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--primary,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--primary-positive,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--secondary,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--secondary-positive,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--tertiary,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--tertiary-positive {
    --notice-color: var(--color-font-on-dark-bg);
    --button-border-color-focus: var(--color-font-on-dark-bg);
    --button-bg-disabled: transparent;
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--primary,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--primary-positive {
    --button-color: var(--color-fn);
    --button-bg: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--secondary,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--secondary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-bg: transparent;
    --button-border-color: var(--color-font-on-dark-bg)
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--tertiary,
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .button--tertiary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: transparent
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-full-grey] .image-gallery-slide-text-box-content .hl-5 {
    color: var(--color)
  }

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-left],
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-right] {
    width: calc(min(100%, var(--col-width) * var(--text-box-col, 5) + var(--gap) * (var(--text-box-col, 5) - 1)) + 0px);
    --col-width: calc((var(--max-container-width) - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:960px)and (min-width:600px) {

  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-left],
  .image-gallery:not(.image-gallery-compact) .image-gallery-slide-text-box[class*=-right] {
    --columns: 12
  }
}

.image-gallery-slide figcaption,
.image-gallery-thumb figcaption {
  margin-bottom: 0;
  max-width: 100%
}

.image-gallery-close {
  display: none
}

@media only print and (width >=0px) {

  .image-gallery.image-gallery-extendable .image-gallery-main,
  .image-gallery.image-gallery-extended .image-gallery-main {
    margin-bottom: var(--space-small)
  }
}

@media only screen and (min-width:960px) {

  .image-gallery.image-gallery-extendable .image-gallery-main,
  .image-gallery.image-gallery-extended .image-gallery-main {
    margin-bottom: var(--space-small)
  }
}

.image-gallery.image-gallery-extendable .image-gallery-main-wrapper {
  overflow: hidden;
  transition: max-height .8s ease
}

.image-gallery.image-gallery-extendable .image-gallery-main-wrapper .swiper-slide {
  aspect-ratio: 16/9;
  width: 100%
}

.image-gallery.image-gallery-extendable .image-gallery-main-wrapper .image-gallery-close {
  display: block;
  opacity: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: opacity .8s 3s;
  z-index: 2
}

.image-gallery.image-gallery-extendable .image-gallery-main-wrapper .image-gallery-close .nav-icon-btn {
  margin: 0
}

@media only print and (width >=0px) {
  .image-gallery.image-gallery-extendable .image-gallery-main-wrapper {
    max-height: 0
  }
}

@media only screen and (min-width:960px) {
  .image-gallery.image-gallery-extendable .image-gallery-main-wrapper {
    max-height: 0
  }
}

.image-gallery.image-gallery-extendable .image-gallery-thumbs .swiper-slide .image-gallery-thumb .image-wrapper:before {
  align-items: flex-end;
  aspect-ratio: 1;
  background-color: var(--color-opacity-light-90);
  border: 1px solid var(--link-color);
  border-radius: 4px;
  bottom: calc(10px + .2rem);
  color: var(--link-color);
  content: var(--icon-fullscreen);
  display: flex;
  font-family: KfW-Icon-Font;
  font-size: 2.4rem;
  justify-content: center;
  opacity: 1;
  position: absolute;
  right: 10px;
  transition: opacity .15s ease-in-out;
  width: 3.6rem;
  z-index: 1
}

@media only print and (width >=0px) {
  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper {
    border-bottom-width: .3rem;
    cursor: pointer;
    margin-bottom: .3rem
  }

  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper:not(:hover, :focus-visible) {
    border-bottom-color: transparent
  }

  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper:focus-visible,
  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper:hover {
    border-bottom-color: var(--color-fn-active)
  }

  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper:focus-visible img,
  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper:hover img {
    transform: scale(1.2)
  }

  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper picture:before {
    opacity: 0;
    transition: opacity .15s ease-in-out
  }

  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper picture:after {
    display: block
  }

  .image-gallery.image-gallery-extendable.is-extended .image-gallery-main-wrapper {
    max-height: var(--slide-height, 100vh)
  }

  .image-gallery.image-gallery-extendable.is-extended .image-gallery-main-wrapper.visible .image-gallery-close,
  .image-gallery.image-gallery-extendable.is-extended .image-gallery-main-wrapper:focus-within .image-gallery-close,
  .image-gallery.image-gallery-extendable.is-extended .image-gallery-main-wrapper:hover .image-gallery-close {
    opacity: 1;
    transition: opacity .8s
  }

  .image-gallery.image-gallery-extendable.is-extended .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper:before {
    opacity: 0
  }

  .image-gallery.image-gallery-extendable.is-extended .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper picture:before {
    display: none
  }
}

@media only screen and (min-width:960px) {
  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper {
    border-bottom-width: .3rem;
    cursor: pointer;
    margin-bottom: .3rem
  }

  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper:not(:hover, :focus-visible) {
    border-bottom-color: transparent
  }

  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper:focus-visible,
  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper:hover {
    border-bottom-color: var(--color-fn-active)
  }

  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper:focus-visible img,
  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper:hover img {
    transform: scale(1.2)
  }

  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper picture:before {
    opacity: 0;
    transition: opacity .15s ease-in-out
  }

  .image-gallery.image-gallery-extendable:not(.is-extended) .slider.js-initialized.swiper-thumbs .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper picture:after {
    display: block
  }

  .image-gallery.image-gallery-extendable.is-extended .image-gallery-main-wrapper {
    max-height: var(--slide-height, 100vh)
  }

  .image-gallery.image-gallery-extendable.is-extended .image-gallery-main-wrapper.visible .image-gallery-close,
  .image-gallery.image-gallery-extendable.is-extended .image-gallery-main-wrapper:focus-within .image-gallery-close,
  .image-gallery.image-gallery-extendable.is-extended .image-gallery-main-wrapper:hover .image-gallery-close {
    opacity: 1;
    transition: opacity .8s
  }

  .image-gallery.image-gallery-extendable.is-extended .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper:before {
    opacity: 0
  }

  .image-gallery.image-gallery-extendable.is-extended .swiper-slide.swiper-slide-thumb-active .image-gallery-thumb .image-wrapper picture:before {
    display: none
  }
}

.image-gallery.image-gallery-compact figcaption {
  margin-top: 1.5rem;
  width: 100%
}

.image-gallery-slide-text-box .details {
  margin-top: var(--space-small)
}

@media only screen and (max-width:calc(960px - 1px)) {
  .image-gallery-slide-text-box-content {
    display: block;
    margin-top: 1.5rem
  }
}

.image-gallery-thumb-media.is-video-thumb .image-wrapper {
  display: flex;
  justify-content: center;
  position: relative
}

.image-gallery-thumb-media.is-video-thumb .image-wrapper picture {
  --size: clamp(3.6rem, 10%, 8rem);
  --border-width: 2px;
  --border-style: solid;
  --border-color: var(--kfw-color-white);
  --border-color-hover: var(--color-fn-active);
  --play-button-icon: var(--play-button-pos);
  --play-button-icon-inverted: var(--play-button-neg)
}

.image-gallery-thumb-media.is-video-thumb .image-wrapper picture:after {
  border-radius: 50%;
  box-shadow: inset 0 0 -1px var(--size) var(--bc-hover, var(--border-color-hover));
  content: var(--play-button-icon);
  display: block;
  height: var(--size);
  outline: var(--border-width, 2px) var(--border-style, solid) var(--bc, var(--border-color));
  outline-offset: calc(var(--border-width)*-1);
  position: absolute;
  width: var(--size)
}

.image-gallery-thumb-media.is-video-thumb .image-wrapper picture.inverted {
  --border-color: var(--color-fn-active);
  --border-color-hover: var(--kfw-color-white);
  --play-button-icon: var(--play-button-neg);
  --play-button-icon-inverted: var(--play-button-pos)
}

.image-gallery-thumb-media.is-video-thumb .image-wrapper picture.interactive:focus-visible,
.image-gallery-thumb-media.is-video-thumb .image-wrapper picture.interactive:hover {
  --bc: var(--border-color-hover);
  --bc-hover: var(--border-color);
  --play-button-icon: var(--play-button-icon-inverted);
  border: 0;
  outline: none
}

.image-gallery-thumb-media.is-video-thumb .image-wrapper picture.interactive:focus-visible {
  --border-style: dashed
}

.image-gallery-thumb-media.is-video-thumb .image-wrapper picture:after {
  z-index: 1
}

.image-gallery-thumb-media figcaption.image-caption-text,
.image-gallery-thumb-media figcaption.video-caption-text {
  margin-bottom: 0;
  margin-top: .7rem;
  text-align: left
}

.image-gallery-main.slider.js-initialized .swiper-slide {
  aspect-ratio: auto
}

.image-gallery-main.slider.js-initialized .swiper-slide .image-gallery-slide-media,
.image-gallery-main.slider.js-initialized .swiper-slide .image-gallery-slide>div {
  aspect-ratio: 16/9;
  width: 100%
}

@media only screen and (max-width:calc(960px - 1px)) {
  .image-gallery-main.slider.js-initialized .slider-arrow {
    display: none
  }
}

@media only print and (width >=0px) {
  .image-gallery-main.slider.js-initialized .image-gallery-slide {
    --space-y: 30px;
    --space-x: 5.6rem;
    --padding: 20px;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative
  }

  .image-gallery-main.slider.js-initialized .image-gallery-slide,
  .image-gallery-main.slider.js-initialized .image-gallery-slide>.image-gallery-slide-media {
    aspect-ratio: 16/9;
    width: 100%
  }
}

@media only screen and (min-width:960px) {
  .image-gallery-main.slider.js-initialized .image-gallery-slide {
    --space-y: 30px;
    --space-x: 5.6rem;
    --padding: 20px;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative
  }

  .image-gallery-main.slider.js-initialized .image-gallery-slide,
  .image-gallery-main.slider.js-initialized .image-gallery-slide>.image-gallery-slide-media {
    aspect-ratio: 16/9;
    width: 100%
  }
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide .image-gallery-thumb {
  height: 100%;
  width: 100%
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide .image-gallery-thumb:focus-visible {
  outline: none
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide .image-gallery-thumb:not([tabindex="-1"]) .image-wrapper:hover,
.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide .image-gallery-thumb:not([tabindex="-1"]):focus-visible .image-wrapper {
  cursor: pointer
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide .image-gallery-thumb:not([tabindex="-1"]) .image-wrapper:hover img,
.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide .image-gallery-thumb:not([tabindex="-1"]):focus-visible .image-wrapper img {
  transform: scale(1.2)
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide .image-gallery-thumb:not([tabindex="-1"]):focus-visible .image-wrapper picture {
  border-radius: 4px;
  outline: 2px dashed var(--button-bg-hover);
  outline-offset: 2px
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide .image-gallery-thumb:not([tabindex="-1"]) .image-wrapper:hover {
  border-bottom: .3rem solid var(--color-fn-active);
  margin-bottom: .3rem
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide .image-gallery-thumb-media {
  height: 100%
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide .image-gallery-thumb .image {
  justify-content: flex-start
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide .image-gallery-thumb .image-wrapper {
  border-bottom: .6rem solid transparent;
  height: auto;
  padding-bottom: .2rem
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide .image-gallery-thumb .image-wrapper picture {
  aspect-ratio: 16/9;
  overflow: hidden
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide .image-gallery-thumb .image-wrapper picture:before {
  align-items: center;
  aspect-ratio: 16/9;
  background-color: var(--color-opacity-dark-90);
  color: var(--color-font-on-dark-bg);
  display: flex;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  padding: 10px;
  position: absolute;
  text-align: center;
  transition: all .5s ease-in-out;
  width: 100%;
  z-index: 1
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide .image-gallery-thumb .image-wrapper picture img {
  transition: transform .5s ease-in-out
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide-thumb-active .image-gallery-thumb .image-wrapper {
  border-bottom-color: var(--color-fn-active);
  position: relative
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide-thumb-active .image-gallery-thumb .image-wrapper picture:before {
  content: var(--current-text)
}

.image-gallery-thumbs.slider.js-initialized.swiper-thumbs .swiper-slide-thumb-active .image-gallery-thumb .image-wrapper picture:after {
  display: none
}

@media only screen and (max-width:calc(960px - 1px)) {
  .image-gallery-thumbs.slider.js-initialized {
    display: none
  }
}

.image-gallery-main+.image-gallery-thumbs {
  margin-top: var(--space-small)
}

@media only print and (width >=0px) {
  .page-s3 .image-gallery:not(.image-gallery-compact) {
    --text-box-col: 4
  }

  .page-s3 .image-gallery:not(.image-gallery-compact) .image-gallery-main.slider.js-initialized .image-gallery-slide-text-box:not(.image-gallery-slide-text-box--story-full) .image-gallery-slide-text-box-content {
    max-height: 19.6rem
  }

  .page-s12 .image-gallery:not(.image-gallery-compact) .image-gallery-main.slider.js-initialized .image-gallery-slide-text-box:not(.image-gallery-slide-text-box--story-full) .image-gallery-slide-text-box-content {
    max-height: 31.1rem
  }

  .page-s13 .image-gallery:not(.image-gallery-compact),
  .two-column-container .image-gallery:not(.image-gallery-compact) {
    --text-box-col: 4
  }

  .page-s13 .image-gallery:not(.image-gallery-compact) .image-gallery-main.slider.js-initialized .image-gallery-slide-text-box:not(.image-gallery-slide-text-box--story-full) .image-gallery-slide-text-box-content,
  .two-column-container .image-gallery:not(.image-gallery-compact) .image-gallery-main.slider.js-initialized .image-gallery-slide-text-box:not(.image-gallery-slide-text-box--story-full) .image-gallery-slide-text-box-content {
    max-height: 24.2rem
  }
}

@media only screen and (min-width:960px) {
  .page-s3 .image-gallery:not(.image-gallery-compact) {
    --text-box-col: 4
  }

  .page-s3 .image-gallery:not(.image-gallery-compact) .image-gallery-main.slider.js-initialized .image-gallery-slide-text-box:not(.image-gallery-slide-text-box--story-full) .image-gallery-slide-text-box-content {
    max-height: 19.6rem
  }

  .page-s12 .image-gallery:not(.image-gallery-compact) .image-gallery-main.slider.js-initialized .image-gallery-slide-text-box:not(.image-gallery-slide-text-box--story-full) .image-gallery-slide-text-box-content {
    max-height: 31.1rem
  }

  .page-s13 .image-gallery:not(.image-gallery-compact),
  .two-column-container .image-gallery:not(.image-gallery-compact) {
    --text-box-col: 4
  }

  .page-s13 .image-gallery:not(.image-gallery-compact) .image-gallery-main.slider.js-initialized .image-gallery-slide-text-box:not(.image-gallery-slide-text-box--story-full) .image-gallery-slide-text-box-content,
  .two-column-container .image-gallery:not(.image-gallery-compact) .image-gallery-main.slider.js-initialized .image-gallery-slide-text-box:not(.image-gallery-slide-text-box--story-full) .image-gallery-slide-text-box-content {
    max-height: 24.2rem
  }
}

.newsletter {
  position: relative
}

.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.newsletter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.newsletter.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.newsletter.bg-dark .button--primary,
.newsletter.bg-dark .button--primary-positive,
.newsletter.bg-dark .button--secondary,
.newsletter.bg-dark .button--secondary-positive,
.newsletter.bg-dark .button--tertiary,
.newsletter.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.newsletter.bg-dark .button--primary,
.newsletter.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.newsletter.bg-dark .button--secondary,
.newsletter.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.newsletter.bg-dark .button--tertiary,
.newsletter.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.newsletter.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.newsletter.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.newsletter.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.newsletter.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.newsletter.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.newsletter.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.newsletter.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.newsletter.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.newsletter.bg-dark,
:where(main)>.newsletter.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.newsletter.bg-dark+*>*,
:where(main)>.newsletter.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .newsletter.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .newsletter.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.newsletter.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.newsletter.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .newsletter.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .newsletter.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .newsletter.bg-dark.product-header,
  .newsletter.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .newsletter.bg-dark.product-header,
  .newsletter.bg-dark.product-header[class*=bg-],
  .newsletter.bg-dark[class*=bg-],
  .newsletter.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .newsletter.bg-dark.product-header .hintbox-icon img,
  .newsletter.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.newsletter.bg-dark .details--s9>.details .main-column[class*=bg-],
.newsletter.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .newsletter.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .newsletter.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .newsletter.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .newsletter.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .newsletter.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .newsletter.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.newsletter.bg-dark .hintbox,
.newsletter.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.newsletter.bg-dark,
.overlay-content .main-column>.newsletter.bg-dark .newsletter.bg-dark,
.overlay-content body>.newsletter.bg-dark,
.overlay-content>.newsletter.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.newsletter.bg-dark .newsletter.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.newsletter.bg-dark .product-label.product-label--overflow,
.overlay-content body>.newsletter.bg-dark .product-label.product-label--overflow,
.overlay-content>.newsletter.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.newsletter.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.newsletter.bg-dark-accent .button--primary,
.newsletter.bg-dark-accent .button--primary-positive,
.newsletter.bg-dark-accent .button--secondary,
.newsletter.bg-dark-accent .button--secondary-positive,
.newsletter.bg-dark-accent .button--tertiary,
.newsletter.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.newsletter.bg-dark-accent .button--primary,
.newsletter.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.newsletter.bg-dark-accent .button--secondary,
.newsletter.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.newsletter.bg-dark-accent .button--tertiary,
.newsletter.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.newsletter.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.newsletter.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.newsletter.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.newsletter.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.newsletter.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.newsletter.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.newsletter.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.newsletter.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.newsletter.bg-dark-accent,
:where(main)>.newsletter.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.newsletter.bg-dark-accent+*>*,
:where(main)>.newsletter.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .newsletter.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .newsletter.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.newsletter.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.newsletter.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .newsletter.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .newsletter.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .newsletter.bg-dark-accent.product-header,
  .newsletter.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .newsletter.bg-dark-accent.product-header,
  .newsletter.bg-dark-accent.product-header[class*=bg-],
  .newsletter.bg-dark-accent[class*=bg-],
  .newsletter.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .newsletter.bg-dark-accent.product-header .hintbox-icon img,
  .newsletter.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.newsletter.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.newsletter.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .newsletter.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .newsletter.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .newsletter.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .newsletter.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .newsletter.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .newsletter.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.newsletter.bg-dark-accent .hintbox,
.newsletter.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.newsletter.bg-dark-accent,
.overlay-content .main-column>.newsletter.bg-dark-accent .newsletter.bg-dark-accent,
.overlay-content body>.newsletter.bg-dark-accent,
.overlay-content>.newsletter.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.newsletter.bg-dark-accent .newsletter.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.newsletter.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.newsletter.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.newsletter.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.newsletter.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.newsletter.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.newsletter.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.newsletter.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.newsletter.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.newsletter.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.newsletter.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.newsletter.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.newsletter.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.newsletter.bg-light-accent,
:where(main)>.newsletter.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.newsletter.bg-light-accent+*>*,
:where(main)>.newsletter.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .newsletter.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .newsletter.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.newsletter.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.newsletter.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .newsletter.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .newsletter.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .newsletter.bg-light-accent.product-header,
  .newsletter.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .newsletter.bg-light-accent.product-header,
  .newsletter.bg-light-accent.product-header[class*=bg-],
  .newsletter.bg-light-accent[class*=bg-],
  .newsletter.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .newsletter.bg-light-accent.product-header .hintbox-icon img,
  .newsletter.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.newsletter.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.newsletter.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .newsletter.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .newsletter.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .newsletter.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .newsletter.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .newsletter.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .newsletter.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.newsletter.bg-light-accent .hintbox,
.newsletter.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.newsletter.bg-light-accent,
.overlay-content .main-column>.newsletter.bg-light-accent .newsletter.bg-light-accent,
.overlay-content body>.newsletter.bg-light-accent,
.overlay-content>.newsletter.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.newsletter.bg-light-accent .newsletter.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.newsletter.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.newsletter.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.newsletter.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.newsletter.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.newsletter.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.newsletter.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.newsletter.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.newsletter.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.newsletter.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.newsletter.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.newsletter.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.newsletter.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.newsletter.bg-light-accent-secondary,
:where(main)>.newsletter.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.newsletter.bg-light-accent-secondary+*>*,
:where(main)>.newsletter.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .newsletter.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .newsletter.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.newsletter.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.newsletter.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .newsletter.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .newsletter.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .newsletter.bg-light-accent-secondary.product-header,
  .newsletter.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .newsletter.bg-light-accent-secondary.product-header,
  .newsletter.bg-light-accent-secondary.product-header[class*=bg-],
  .newsletter.bg-light-accent-secondary[class*=bg-],
  .newsletter.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .newsletter.bg-light-accent-secondary.product-header .hintbox-icon img,
  .newsletter.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.newsletter.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.newsletter.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .newsletter.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .newsletter.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .newsletter.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .newsletter.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .newsletter.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .newsletter.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.newsletter.bg-light-accent-secondary .hintbox,
.newsletter.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.newsletter.bg-light-accent-secondary,
.overlay-content .main-column>.newsletter.bg-light-accent-secondary .newsletter.bg-light-accent-secondary,
.overlay-content body>.newsletter.bg-light-accent-secondary,
.overlay-content>.newsletter.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.newsletter.bg-light-accent-secondary .newsletter.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.newsletter.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.newsletter.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.newsletter.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.newsletter.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.newsletter.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.newsletter.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.newsletter.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.newsletter.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.newsletter.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.newsletter.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.newsletter.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.newsletter.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsletter.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.newsletter.bg-light,
:where(main)>.newsletter.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.newsletter.bg-light+*>*,
:where(main)>.newsletter.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .newsletter.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .newsletter.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.newsletter.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.newsletter.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .newsletter.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .newsletter.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .newsletter.bg-light.product-header,
  .newsletter.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .newsletter.bg-light.product-header,
  .newsletter.bg-light.product-header[class*=bg-],
  .newsletter.bg-light[class*=bg-],
  .newsletter.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .newsletter.bg-light.product-header .hintbox-icon img,
  .newsletter.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.newsletter.bg-light .details--s9>.details .main-column[class*=bg-],
.newsletter.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .newsletter.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .newsletter.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .newsletter.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .newsletter.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .newsletter.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .newsletter.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.newsletter.bg-light .hintbox,
.newsletter.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.newsletter.bg-light,
.overlay-content .main-column>.newsletter.bg-light .newsletter.bg-light,
.overlay-content body>.newsletter.bg-light,
.overlay-content>.newsletter.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.newsletter.bg-light .newsletter.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.newsletter.bg-light .product-label.product-label--overflow,
.overlay-content body>.newsletter.bg-light .product-label.product-label--overflow,
.overlay-content>.newsletter.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.newsletter.two-column .newsletter-container {
  display: flex;
  flex-direction: column;
  gap: 0
}

.newsletter.two-column .newsletter-container .newsletter-email {
  margin-bottom: calc(var(--space-medium) - .5rem)
}

.newsletter.two-column .newsletter-container .newsletter-text {
  margin-bottom: 2rem
}

@media only print and (width >=0px) {
  .newsletter.two-column .newsletter-container .newsletter-text {
    margin-bottom: 0
  }
}

@media only screen and (min-width:840px) {
  .newsletter.two-column .newsletter-container .newsletter-text {
    margin-bottom: 0
  }
}

@media only print and (width >=0px) {
  .newsletter.two-column .newsletter-container {
    flex-direction: row;
    gap: 0 var(--gap);
    justify-content: space-between
  }

  .newsletter.two-column .newsletter-container .newsletter-form,
  .newsletter.two-column .newsletter-container .newsletter-text {
    width: calc(min(100%, var(--col-width) * 6 + var(--gap) * (6 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {

  .newsletter.two-column .newsletter-container .newsletter-form,
  .newsletter.two-column .newsletter-container .newsletter-text {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .newsletter.two-column .newsletter-container .newsletter-email {
    width: 100%
  }
}

@media only screen and (min-width:840px) {
  .newsletter.two-column .newsletter-container {
    flex-direction: row;
    gap: 0 var(--gap);
    justify-content: space-between
  }

  .newsletter.two-column .newsletter-container .newsletter-form,
  .newsletter.two-column .newsletter-container .newsletter-text {
    width: calc(min(100%, var(--col-width) * 6 + var(--gap) * (6 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:840px)and (min-width:600px) {

  .newsletter.two-column .newsletter-container .newsletter-form,
  .newsletter.two-column .newsletter-container .newsletter-text {
    --columns: 12
  }
}

@media only screen and (min-width:840px) {
  .newsletter.two-column .newsletter-container .newsletter-email {
    width: 100%
  }
}

.newsletter.deg-news .form-item {
  margin-bottom: var(--space-medium)
}

.newsletter-headline {
  --margin-bottom: var(--space-small)
}

.newsletter-text {
  margin-bottom: var(--space-medium)
}

.newsletter-checkbox+.newsletter-email {
  margin-top: var(--space-medium)
}

.newsletter-checkbox+.form-btn {
  margin-top: var(--space-large)
}

.newsletter-email+.form-btn {
  margin-top: calc(var(--space-large) - .5rem)
}

.newsletter-email+.newsletter-checkbox {
  margin-top: calc(var(--space-medium) - .5rem)
}

@media only print and (width >=0px) {
  .newsletter-email {
    width: calc(min(100%, var(--col-width) * 9 + var(--gap) * (9 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:600px) {
  .newsletter-email {
    width: calc(min(100%, var(--col-width) * 9 + var(--gap) * (9 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:600px)and (min-width:600px) {
  .newsletter-email {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .newsletter-email {
    width: calc(min(100%, var(--col-width) * 7 + var(--gap) * (7 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .newsletter-email {
    --columns: 12
  }
}

@media only screen and (min-width:840px) {
  .newsletter-email {
    width: calc(min(100%, var(--col-width) * 7 + var(--gap) * (7 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:840px)and (min-width:600px) {
  .newsletter-email {
    --columns: 12
  }
}

.newsletter-link-hidden>.link {
  display: none
}

.newsletter-link-hidden .overlays .overlay-footer {
  text-align: left
}

.newsletter-link-hidden .overlays .overlay-footer .link {
  display: none
}

.newsletter-link-hidden .close-btn {
  margin-bottom: 2rem
}

.newsletter-link-hidden .newsletter-link-hidden .tx-1 {
  margin-bottom: 0
}

@media only print and (width >=0px) {
  .page-s3 .newsletter-email {
    --columns: 8;
    width: calc(min(100%, var(--col-width) * 7 + var(--gap) * (7 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:960px) {
  .page-s3 .newsletter-email {
    --columns: 8;
    width: calc(min(100%, var(--col-width) * 7 + var(--gap) * (7 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:960px)and (min-width:600px) {
  .page-s3 .newsletter-email {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .page-s3 .newsletter-email {
    --columns: 9;
    width: calc(min(100%, var(--col-width) * 7 + var(--gap) * (7 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .page-s3 .newsletter-email {
    --columns: 12
  }
}

@media only screen and (min-width:1280px) {
  .page-s3 .newsletter-email {
    --columns: 9;
    width: calc(min(100%, var(--col-width) * 7 + var(--gap) * (7 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:1280px)and (min-width:600px) {
  .page-s3 .newsletter-email {
    --columns: 12
  }
}

.video-playlist-controls {
  align-self: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 0 .8rem
}

.video-playlist-controls p:not(.duration) {
  margin: 0
}

.video-playlist-controls .play-link {
  align-items: center;
  color: var(--color-fn);
  display: flex;
  flex-direction: row
}

.video-playlist-controls .play-link .btn-play {
  align-items: center;
  display: flex;
  height: 20px;
  margin-right: .5rem;
  position: relative
}

.video-playlist-controls .play-link .btn-play .icon--video-round:before {
  color: var(--color-fn);
  font-size: 1.6rem
}

.video-playlist-controls .video-playlist-duration {
  white-space: nowrap
}

.video-playlist-top .video-playlist-counter {
  margin: 0;
  width: 100%
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-0 .video-playlist-item:first-child {
    margin-top: calc(0*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-0 .video-playlist-item:first-child {
    margin-top: calc(0*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-1 .video-playlist-item:first-child {
    margin-top: calc(1*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-1 .video-playlist-item:first-child {
    margin-top: calc(1*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-2 .video-playlist-item:first-child {
    margin-top: calc(2*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-2 .video-playlist-item:first-child {
    margin-top: calc(2*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-3 .video-playlist-item:first-child {
    margin-top: calc(3*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-3 .video-playlist-item:first-child {
    margin-top: calc(3*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-4 .video-playlist-item:first-child {
    margin-top: calc(4*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-4 .video-playlist-item:first-child {
    margin-top: calc(4*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-5 .video-playlist-item:first-child {
    margin-top: calc(5*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-5 .video-playlist-item:first-child {
    margin-top: calc(5*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-6 .video-playlist-item:first-child {
    margin-top: calc(6*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-6 .video-playlist-item:first-child {
    margin-top: calc(6*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-7 .video-playlist-item:first-child {
    margin-top: calc(7*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-7 .video-playlist-item:first-child {
    margin-top: calc(7*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-8 .video-playlist-item:first-child {
    margin-top: calc(8*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-8 .video-playlist-item:first-child {
    margin-top: calc(8*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-9 .video-playlist-item:first-child {
    margin-top: calc(9*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-9 .video-playlist-item:first-child {
    margin-top: calc(9*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-10 .video-playlist-item:first-child {
    margin-top: calc(10*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-10 .video-playlist-item:first-child {
    margin-top: calc(10*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-11 .video-playlist-item:first-child {
    margin-top: calc(11*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-11 .video-playlist-item:first-child {
    margin-top: calc(11*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-12 .video-playlist-item:first-child {
    margin-top: calc(12*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-12 .video-playlist-item:first-child {
    margin-top: calc(12*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-13 .video-playlist-item:first-child {
    margin-top: calc(13*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-13 .video-playlist-item:first-child {
    margin-top: calc(13*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-14 .video-playlist-item:first-child {
    margin-top: calc(14*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-14 .video-playlist-item:first-child {
    margin-top: calc(14*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-15 .video-playlist-item:first-child {
    margin-top: calc(15*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-15 .video-playlist-item:first-child {
    margin-top: calc(15*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-16 .video-playlist-item:first-child {
    margin-top: calc(16*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-16 .video-playlist-item:first-child {
    margin-top: calc(16*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-17 .video-playlist-item:first-child {
    margin-top: calc(17*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-17 .video-playlist-item:first-child {
    margin-top: calc(17*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-18 .video-playlist-item:first-child {
    margin-top: calc(18*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-18 .video-playlist-item:first-child {
    margin-top: calc(18*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-19 .video-playlist-item:first-child {
    margin-top: calc(19*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-19 .video-playlist-item:first-child {
    margin-top: calc(19*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-20 .video-playlist-item:first-child {
    margin-top: calc(20*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-20 .video-playlist-item:first-child {
    margin-top: calc(20*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-21 .video-playlist-item:first-child {
    margin-top: calc(21*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-21 .video-playlist-item:first-child {
    margin-top: calc(21*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-22 .video-playlist-item:first-child {
    margin-top: calc(22*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-22 .video-playlist-item:first-child {
    margin-top: calc(22*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-23 .video-playlist-item:first-child {
    margin-top: calc(23*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-23 .video-playlist-item:first-child {
    margin-top: calc(23*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-24 .video-playlist-item:first-child {
    margin-top: calc(24*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-24 .video-playlist-item:first-child {
    margin-top: calc(24*var(--item-height, 0)*-1)
  }
}

@media only print and (width >=0px) {
  .video-playlist-list.scroll-index-25 .video-playlist-item:first-child {
    margin-top: calc(25*var(--item-height, 0)*-1)
  }
}

@media only screen and (min-width:840px) {
  .video-playlist-list.scroll-index-25 .video-playlist-item:first-child {
    margin-top: calc(25*var(--item-height, 0)*-1)
  }
}

.video-playlist-item {
  --item-bg: var(--color-background-light-accent-2);
  border: 1px solid var(--border-color, transparent);
  border-top-color: var(--border-color, var(--kfw-color-grey-300));
  cursor: pointer;
  display: grid;
  gap: 1rem .5rem;
  grid-auto-rows: auto;
  grid-template: "order image title" auto "empty controls controls" max-content/2.4rem 14.2rem auto;
  height: var(--item-height);
  outline-offset: 0;
  padding: 2rem 1.5rem 2rem .5rem;
  text-align: left;
  transition: all .1s linear;
  width: 100%
}

.video-playlist-item:last-child {
  border-bottom-color: var(--border-color, var(--kfw-color-grey-300))
}

.video-playlist-item:hover {
  --border-color: var(--color-fn-active);
  cursor: pointer
}

.video-playlist-item:hover+.video-playlist-item {
  border-top-color: transparent
}

.video-playlist-item:hover .video-playlist-item-image:after {
  display: block
}

.video-playlist-item:hover .play-link {
  color: var(--color-fn-active)
}

.video-playlist-item:hover .play-link .play-text {
  text-decoration: underline
}

.video-playlist-item:hover .play-link .icon--video-round:before {
  color: var(--color-fn-active)
}

.video-playlist-item:focus-visible {
  outline: none
}

.video-playlist-item:focus-visible .play-link {
  border-radius: 4px;
  color: var(--color-fn-active);
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px
}

.video-playlist-item:focus-visible .play-link .play-text {
  text-decoration: underline
}

.video-playlist-item:focus-visible .play-link .icon--video-round:before {
  color: var(--color-fn-active)
}

.bg-light .video-playlist-item,
.bg-light-accent-secondary .video-playlist-item {
  --item-bg: var(--color-background)
}

.video-playlist-item-image {
  align-items: center;
  aspect-ratio: 16/9;
  display: flex;
  grid-area: image;
  justify-content: center;
  overflow: hidden;
  position: relative;
  --size: clamp(3.6rem, 10%, 8rem);
  --border-width: 2px;
  --border-style: solid;
  --border-color: var(--kfw-color-white);
  --border-color-hover: var(--color-fn-active);
  --play-button-icon: var(--play-button-pos);
  --play-button-icon-inverted: var(--play-button-neg)
}

.video-playlist-item-image:after {
  border-radius: 50%;
  box-shadow: inset 0 0 -1px var(--size) var(--bc-hover, var(--border-color-hover));
  content: var(--play-button-icon);
  display: block;
  height: var(--size);
  outline: var(--border-width, 2px) var(--border-style, solid) var(--bc, var(--border-color));
  outline-offset: calc(var(--border-width)*-1);
  position: absolute;
  width: var(--size)
}

.video-playlist-item-image.inverted {
  --border-color: var(--color-fn-active);
  --border-color-hover: var(--kfw-color-white);
  --play-button-icon: var(--play-button-neg);
  --play-button-icon-inverted: var(--play-button-pos)
}

.video-playlist-item-image.interactive:focus-visible,
.video-playlist-item-image.interactive:hover {
  --bc: var(--border-color-hover);
  --bc-hover: var(--border-color);
  --play-button-icon: var(--play-button-icon-inverted);
  border: 0;
  outline: none
}

.video-playlist-item-image.interactive:focus-visible {
  --border-style: dashed
}

.video-playlist-item-image:after {
  display: none;
  z-index: 1
}

.video-playlist-item.active {
  background: var(--item-bg)
}

.video-playlist-item.active .video-playlist-item-image:after {
  display: block
}

.video-playlist-item.active .video-playlist-item-order .order-number {
  display: none
}

.video-playlist-item.active .video-playlist-item-order .icon--play {
  display: block;
  margin: 0 .5rem
}

.video-playlist-item.active .video-playlist-item-order .icon--play:before {
  color: var(--color-fn);
  font-size: 2.4rem
}

.video-playlist-item .video-playlist-item-image:after {
  display: block
}

.video-playlist-item .play-link,
.video-playlist-item .play-link .icon--video-round:before {
  color: var(--color-fn-active)
}

.video-playlist-item .video-playlist-item-order {
  align-items: center;
  display: flex;
  grid-area: order;
  height: 100%;
  justify-content: center;
  width: 3rem
}

.video-playlist-item .video-playlist-item-order .icon--play {
  display: none
}

.video-playlist-item .video-playlist-item-order .order-number {
  font-weight: 500;
  text-align: center;
  width: 24px
}

.video-playlist-item .video-playlist-item-headline {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  grid-area: title;
  justify-content: space-between;
  margin-left: 1rem
}

.video-playlist-item .video-playlist-item-headline .hl-5 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden
}

@media only print and (width >=0px) {
  .video-playlist-item .video-playlist-item-headline .hl-5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
  }
}

@media only screen and (min-width:1280px) {
  .video-playlist-item .video-playlist-item-headline .hl-5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
  }
}

.video-playlist-item .video-playlist-controls {
  grid-area: controls
}

@media only print and (width >=0px) {
  .video-playlist-item .video-playlist-controls {
    margin-left: 1rem
  }
}

@media only screen and (min-width:1280px) {
  .video-playlist-item .video-playlist-controls {
    margin-left: 1rem
  }
}

@media only print and (width >=0px) {
  .video-playlist-item {
    grid-template-areas: "order image title" "order image controls"
  }
}

@media only screen and (min-width:1280px) {
  .video-playlist-item {
    grid-template-areas: "order image title" "order image controls"
  }
}

.video-playlist-player .video-playlist-player-view {
  aspect-ratio: 16/9;
  position: relative;
  width: 100%
}

.video-playlist-player .video-playlist-player-content {
  padding-top: var(--space-small)
}

.video-playlist-player>p {
  margin-bottom: 2rem
}

.video-playlist-player .hl-3:before,
.video-playlist-player h3:before {
  display: none
}

.video-playlist-player .video-playlist-counter {
  display: none;
  margin-bottom: 0;
  margin-top: var(--space-x-small)
}

@media only print and (width >=0px) {
  .video-playlist-player .video-playlist-counter {
    display: block
  }
}

@media only screen and (min-width:960px) {
  .video-playlist-player .video-playlist-counter {
    display: block
  }
}

.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*,
:where(main)>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>*,
:where(main)>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
  [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-],
  [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img,
  [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-],
[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact,
[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) [data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.kfw-video-playlist:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>[data-component-id=video-playlist]:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-video-playlist.bg-dark,
[data-component-id=video-playlist].bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.kfw-video-playlist.bg-dark .button--primary,
.kfw-video-playlist.bg-dark .button--primary-positive,
.kfw-video-playlist.bg-dark .button--secondary,
.kfw-video-playlist.bg-dark .button--secondary-positive,
.kfw-video-playlist.bg-dark .button--tertiary,
.kfw-video-playlist.bg-dark .button--tertiary-positive,
[data-component-id=video-playlist].bg-dark .button--primary,
[data-component-id=video-playlist].bg-dark .button--primary-positive,
[data-component-id=video-playlist].bg-dark .button--secondary,
[data-component-id=video-playlist].bg-dark .button--secondary-positive,
[data-component-id=video-playlist].bg-dark .button--tertiary,
[data-component-id=video-playlist].bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-video-playlist.bg-dark .button--primary,
.kfw-video-playlist.bg-dark .button--primary-positive,
[data-component-id=video-playlist].bg-dark .button--primary,
[data-component-id=video-playlist].bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-video-playlist.bg-dark .button--secondary,
.kfw-video-playlist.bg-dark .button--secondary-positive,
[data-component-id=video-playlist].bg-dark .button--secondary,
[data-component-id=video-playlist].bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-video-playlist.bg-dark .button--tertiary,
.kfw-video-playlist.bg-dark .button--tertiary-positive,
[data-component-id=video-playlist].bg-dark .button--tertiary,
[data-component-id=video-playlist].bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-video-playlist.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-video-playlist.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-video-playlist.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-video-playlist.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>[data-component-id=video-playlist].bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>[data-component-id=video-playlist].bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>[data-component-id=video-playlist].bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>[data-component-id=video-playlist].bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-video-playlist.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-video-playlist.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>[data-component-id=video-playlist].bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>[data-component-id=video-playlist].bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-video-playlist.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-video-playlist.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>[data-component-id=video-playlist].bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>[data-component-id=video-playlist].bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-dark:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-dark:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-video-playlist.bg-dark,
:where(main)>.kfw-video-playlist.bg-dark+*,
:where(main)>[data-component-id=video-playlist].bg-dark,
:where(main)>[data-component-id=video-playlist].bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-video-playlist.bg-dark+*>*,
:where(main)>.kfw-video-playlist.bg-dark>*,
:where(main)>[data-component-id=video-playlist].bg-dark+*>*,
:where(main)>[data-component-id=video-playlist].bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .kfw-video-playlist.bg-dark,
  [data-component-id=video-playlist].bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .kfw-video-playlist.bg-dark,
  [data-component-id=video-playlist].bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-video-playlist.bg-dark,
[data-component-id=video-playlist].bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-video-playlist.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
[data-component-id=video-playlist].bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .kfw-video-playlist.bg-dark,
  [data-component-id=video-playlist].bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-video-playlist.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  [data-component-id=video-playlist].bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-video-playlist.bg-dark.product-header,
  .kfw-video-playlist.bg-dark[class*=bg-],
  [data-component-id=video-playlist].bg-dark.product-header,
  [data-component-id=video-playlist].bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-video-playlist.bg-dark.product-header,
  .kfw-video-playlist.bg-dark.product-header[class*=bg-],
  .kfw-video-playlist.bg-dark[class*=bg-],
  .kfw-video-playlist.bg-dark[class*=bg-][class*=bg-],
  [data-component-id=video-playlist].bg-dark.product-header,
  [data-component-id=video-playlist].bg-dark.product-header[class*=bg-],
  [data-component-id=video-playlist].bg-dark[class*=bg-],
  [data-component-id=video-playlist].bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-video-playlist.bg-dark.product-header .hintbox-icon img,
  .kfw-video-playlist.bg-dark[class*=bg-] .hintbox-icon img,
  [data-component-id=video-playlist].bg-dark.product-header .hintbox-icon img,
  [data-component-id=video-playlist].bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-video-playlist.bg-dark .details--s9>.details .main-column[class*=bg-],
.kfw-video-playlist.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-video-playlist.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-video-playlist.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column [data-component-id=video-playlist].bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column [data-component-id=video-playlist].bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-video-playlist.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-video-playlist.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column [data-component-id=video-playlist].bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column [data-component-id=video-playlist].bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-video-playlist.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-video-playlist.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details [data-component-id=video-playlist].bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details [data-component-id=video-playlist].bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
[data-component-id=video-playlist].bg-dark .details--s9>.details .main-column[class*=bg-],
[data-component-id=video-playlist].bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-video-playlist.bg-dark .hintbox,
.kfw-video-playlist.bg-dark.compact,
[data-component-id=video-playlist].bg-dark .hintbox,
[data-component-id=video-playlist].bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-video-playlist.bg-dark,
.overlay-content .main-column>.kfw-video-playlist.bg-dark .kfw-video-playlist.bg-dark,
.overlay-content .main-column>.kfw-video-playlist.bg-dark [data-component-id=video-playlist].bg-dark,
.overlay-content .main-column>[data-component-id=video-playlist].bg-dark,
.overlay-content .main-column>[data-component-id=video-playlist].bg-dark .kfw-video-playlist.bg-dark,
.overlay-content .main-column>[data-component-id=video-playlist].bg-dark [data-component-id=video-playlist].bg-dark,
.overlay-content body>.kfw-video-playlist.bg-dark,
.overlay-content body>[data-component-id=video-playlist].bg-dark,
.overlay-content>.kfw-video-playlist.bg-dark,
.overlay-content>[data-component-id=video-playlist].bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-video-playlist.bg-dark .kfw-video-playlist.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-video-playlist.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-video-playlist.bg-dark [data-component-id=video-playlist].bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-dark .kfw-video-playlist.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-dark [data-component-id=video-playlist].bg-dark .product-label.product-label--overflow,
.overlay-content body>.kfw-video-playlist.bg-dark .product-label.product-label--overflow,
.overlay-content body>[data-component-id=video-playlist].bg-dark .product-label.product-label--overflow,
.overlay-content>.kfw-video-playlist.bg-dark .product-label.product-label--overflow,
.overlay-content>[data-component-id=video-playlist].bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-video-playlist.bg-dark-accent,
[data-component-id=video-playlist].bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.kfw-video-playlist.bg-dark-accent .button--primary,
.kfw-video-playlist.bg-dark-accent .button--primary-positive,
.kfw-video-playlist.bg-dark-accent .button--secondary,
.kfw-video-playlist.bg-dark-accent .button--secondary-positive,
.kfw-video-playlist.bg-dark-accent .button--tertiary,
.kfw-video-playlist.bg-dark-accent .button--tertiary-positive,
[data-component-id=video-playlist].bg-dark-accent .button--primary,
[data-component-id=video-playlist].bg-dark-accent .button--primary-positive,
[data-component-id=video-playlist].bg-dark-accent .button--secondary,
[data-component-id=video-playlist].bg-dark-accent .button--secondary-positive,
[data-component-id=video-playlist].bg-dark-accent .button--tertiary,
[data-component-id=video-playlist].bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-video-playlist.bg-dark-accent .button--primary,
.kfw-video-playlist.bg-dark-accent .button--primary-positive,
[data-component-id=video-playlist].bg-dark-accent .button--primary,
[data-component-id=video-playlist].bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-video-playlist.bg-dark-accent .button--secondary,
.kfw-video-playlist.bg-dark-accent .button--secondary-positive,
[data-component-id=video-playlist].bg-dark-accent .button--secondary,
[data-component-id=video-playlist].bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-video-playlist.bg-dark-accent .button--tertiary,
.kfw-video-playlist.bg-dark-accent .button--tertiary-positive,
[data-component-id=video-playlist].bg-dark-accent .button--tertiary,
[data-component-id=video-playlist].bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-video-playlist.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-video-playlist.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-video-playlist.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-video-playlist.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>[data-component-id=video-playlist].bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>[data-component-id=video-playlist].bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>[data-component-id=video-playlist].bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>[data-component-id=video-playlist].bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-video-playlist.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-video-playlist.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>[data-component-id=video-playlist].bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>[data-component-id=video-playlist].bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-video-playlist.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-video-playlist.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>[data-component-id=video-playlist].bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>[data-component-id=video-playlist].bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-dark-accent:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-dark-accent:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-video-playlist.bg-dark-accent,
:where(main)>.kfw-video-playlist.bg-dark-accent+*,
:where(main)>[data-component-id=video-playlist].bg-dark-accent,
:where(main)>[data-component-id=video-playlist].bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-video-playlist.bg-dark-accent+*>*,
:where(main)>.kfw-video-playlist.bg-dark-accent>*,
:where(main)>[data-component-id=video-playlist].bg-dark-accent+*>*,
:where(main)>[data-component-id=video-playlist].bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .kfw-video-playlist.bg-dark-accent,
  [data-component-id=video-playlist].bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .kfw-video-playlist.bg-dark-accent,
  [data-component-id=video-playlist].bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-video-playlist.bg-dark-accent,
[data-component-id=video-playlist].bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-video-playlist.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
[data-component-id=video-playlist].bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .kfw-video-playlist.bg-dark-accent,
  [data-component-id=video-playlist].bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-video-playlist.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  [data-component-id=video-playlist].bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-video-playlist.bg-dark-accent.product-header,
  .kfw-video-playlist.bg-dark-accent[class*=bg-],
  [data-component-id=video-playlist].bg-dark-accent.product-header,
  [data-component-id=video-playlist].bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-video-playlist.bg-dark-accent.product-header,
  .kfw-video-playlist.bg-dark-accent.product-header[class*=bg-],
  .kfw-video-playlist.bg-dark-accent[class*=bg-],
  .kfw-video-playlist.bg-dark-accent[class*=bg-][class*=bg-],
  [data-component-id=video-playlist].bg-dark-accent.product-header,
  [data-component-id=video-playlist].bg-dark-accent.product-header[class*=bg-],
  [data-component-id=video-playlist].bg-dark-accent[class*=bg-],
  [data-component-id=video-playlist].bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-video-playlist.bg-dark-accent.product-header .hintbox-icon img,
  .kfw-video-playlist.bg-dark-accent[class*=bg-] .hintbox-icon img,
  [data-component-id=video-playlist].bg-dark-accent.product-header .hintbox-icon img,
  [data-component-id=video-playlist].bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-video-playlist.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.kfw-video-playlist.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-video-playlist.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-video-playlist.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column [data-component-id=video-playlist].bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column [data-component-id=video-playlist].bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-video-playlist.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-video-playlist.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column [data-component-id=video-playlist].bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column [data-component-id=video-playlist].bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-video-playlist.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-video-playlist.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details [data-component-id=video-playlist].bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details [data-component-id=video-playlist].bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
[data-component-id=video-playlist].bg-dark-accent .details--s9>.details .main-column[class*=bg-],
[data-component-id=video-playlist].bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-video-playlist.bg-dark-accent .hintbox,
.kfw-video-playlist.bg-dark-accent.compact,
[data-component-id=video-playlist].bg-dark-accent .hintbox,
[data-component-id=video-playlist].bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-video-playlist.bg-dark-accent,
.overlay-content .main-column>.kfw-video-playlist.bg-dark-accent .kfw-video-playlist.bg-dark-accent,
.overlay-content .main-column>.kfw-video-playlist.bg-dark-accent [data-component-id=video-playlist].bg-dark-accent,
.overlay-content .main-column>[data-component-id=video-playlist].bg-dark-accent,
.overlay-content .main-column>[data-component-id=video-playlist].bg-dark-accent .kfw-video-playlist.bg-dark-accent,
.overlay-content .main-column>[data-component-id=video-playlist].bg-dark-accent [data-component-id=video-playlist].bg-dark-accent,
.overlay-content body>.kfw-video-playlist.bg-dark-accent,
.overlay-content body>[data-component-id=video-playlist].bg-dark-accent,
.overlay-content>.kfw-video-playlist.bg-dark-accent,
.overlay-content>[data-component-id=video-playlist].bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-video-playlist.bg-dark-accent .kfw-video-playlist.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-video-playlist.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-video-playlist.bg-dark-accent [data-component-id=video-playlist].bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-dark-accent .kfw-video-playlist.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-dark-accent [data-component-id=video-playlist].bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-video-playlist.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>[data-component-id=video-playlist].bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.kfw-video-playlist.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>[data-component-id=video-playlist].bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-video-playlist.bg-light-accent,
[data-component-id=video-playlist].bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-video-playlist.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-video-playlist.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-video-playlist.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-video-playlist.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>[data-component-id=video-playlist].bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>[data-component-id=video-playlist].bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>[data-component-id=video-playlist].bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>[data-component-id=video-playlist].bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-video-playlist.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-video-playlist.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>[data-component-id=video-playlist].bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>[data-component-id=video-playlist].bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-video-playlist.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-video-playlist.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>[data-component-id=video-playlist].bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>[data-component-id=video-playlist].bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-light-accent:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-light-accent:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-video-playlist.bg-light-accent,
:where(main)>.kfw-video-playlist.bg-light-accent+*,
:where(main)>[data-component-id=video-playlist].bg-light-accent,
:where(main)>[data-component-id=video-playlist].bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-video-playlist.bg-light-accent+*>*,
:where(main)>.kfw-video-playlist.bg-light-accent>*,
:where(main)>[data-component-id=video-playlist].bg-light-accent+*>*,
:where(main)>[data-component-id=video-playlist].bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .kfw-video-playlist.bg-light-accent,
  [data-component-id=video-playlist].bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .kfw-video-playlist.bg-light-accent,
  [data-component-id=video-playlist].bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-video-playlist.bg-light-accent,
[data-component-id=video-playlist].bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-video-playlist.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
[data-component-id=video-playlist].bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .kfw-video-playlist.bg-light-accent,
  [data-component-id=video-playlist].bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-video-playlist.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  [data-component-id=video-playlist].bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-video-playlist.bg-light-accent.product-header,
  .kfw-video-playlist.bg-light-accent[class*=bg-],
  [data-component-id=video-playlist].bg-light-accent.product-header,
  [data-component-id=video-playlist].bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-video-playlist.bg-light-accent.product-header,
  .kfw-video-playlist.bg-light-accent.product-header[class*=bg-],
  .kfw-video-playlist.bg-light-accent[class*=bg-],
  .kfw-video-playlist.bg-light-accent[class*=bg-][class*=bg-],
  [data-component-id=video-playlist].bg-light-accent.product-header,
  [data-component-id=video-playlist].bg-light-accent.product-header[class*=bg-],
  [data-component-id=video-playlist].bg-light-accent[class*=bg-],
  [data-component-id=video-playlist].bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-video-playlist.bg-light-accent.product-header .hintbox-icon img,
  .kfw-video-playlist.bg-light-accent[class*=bg-] .hintbox-icon img,
  [data-component-id=video-playlist].bg-light-accent.product-header .hintbox-icon img,
  [data-component-id=video-playlist].bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-video-playlist.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.kfw-video-playlist.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-video-playlist.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-video-playlist.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column [data-component-id=video-playlist].bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column [data-component-id=video-playlist].bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-video-playlist.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-video-playlist.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column [data-component-id=video-playlist].bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column [data-component-id=video-playlist].bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-video-playlist.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-video-playlist.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details [data-component-id=video-playlist].bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details [data-component-id=video-playlist].bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
[data-component-id=video-playlist].bg-light-accent .details--s9>.details .main-column[class*=bg-],
[data-component-id=video-playlist].bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-video-playlist.bg-light-accent .hintbox,
.kfw-video-playlist.bg-light-accent.compact,
[data-component-id=video-playlist].bg-light-accent .hintbox,
[data-component-id=video-playlist].bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-video-playlist.bg-light-accent,
.overlay-content .main-column>.kfw-video-playlist.bg-light-accent .kfw-video-playlist.bg-light-accent,
.overlay-content .main-column>.kfw-video-playlist.bg-light-accent [data-component-id=video-playlist].bg-light-accent,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light-accent,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light-accent .kfw-video-playlist.bg-light-accent,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light-accent [data-component-id=video-playlist].bg-light-accent,
.overlay-content body>.kfw-video-playlist.bg-light-accent,
.overlay-content body>[data-component-id=video-playlist].bg-light-accent,
.overlay-content>.kfw-video-playlist.bg-light-accent,
.overlay-content>[data-component-id=video-playlist].bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-video-playlist.bg-light-accent .kfw-video-playlist.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-video-playlist.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-video-playlist.bg-light-accent [data-component-id=video-playlist].bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light-accent .kfw-video-playlist.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light-accent [data-component-id=video-playlist].bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-video-playlist.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>[data-component-id=video-playlist].bg-light-accent .product-label.product-label--overflow,
.overlay-content>.kfw-video-playlist.bg-light-accent .product-label.product-label--overflow,
.overlay-content>[data-component-id=video-playlist].bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-video-playlist.bg-light-accent-secondary,
[data-component-id=video-playlist].bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-video-playlist.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-video-playlist.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-video-playlist.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-video-playlist.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>[data-component-id=video-playlist].bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>[data-component-id=video-playlist].bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>[data-component-id=video-playlist].bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>[data-component-id=video-playlist].bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-video-playlist.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-video-playlist.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>[data-component-id=video-playlist].bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>[data-component-id=video-playlist].bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-video-playlist.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-video-playlist.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>[data-component-id=video-playlist].bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>[data-component-id=video-playlist].bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-light-accent-secondary:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-light-accent-secondary:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-video-playlist.bg-light-accent-secondary,
:where(main)>.kfw-video-playlist.bg-light-accent-secondary+*,
:where(main)>[data-component-id=video-playlist].bg-light-accent-secondary,
:where(main)>[data-component-id=video-playlist].bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-video-playlist.bg-light-accent-secondary+*>*,
:where(main)>.kfw-video-playlist.bg-light-accent-secondary>*,
:where(main)>[data-component-id=video-playlist].bg-light-accent-secondary+*>*,
:where(main)>[data-component-id=video-playlist].bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .kfw-video-playlist.bg-light-accent-secondary,
  [data-component-id=video-playlist].bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .kfw-video-playlist.bg-light-accent-secondary,
  [data-component-id=video-playlist].bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-video-playlist.bg-light-accent-secondary,
[data-component-id=video-playlist].bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-video-playlist.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
[data-component-id=video-playlist].bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .kfw-video-playlist.bg-light-accent-secondary,
  [data-component-id=video-playlist].bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-video-playlist.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  [data-component-id=video-playlist].bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-video-playlist.bg-light-accent-secondary.product-header,
  .kfw-video-playlist.bg-light-accent-secondary[class*=bg-],
  [data-component-id=video-playlist].bg-light-accent-secondary.product-header,
  [data-component-id=video-playlist].bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-video-playlist.bg-light-accent-secondary.product-header,
  .kfw-video-playlist.bg-light-accent-secondary.product-header[class*=bg-],
  .kfw-video-playlist.bg-light-accent-secondary[class*=bg-],
  .kfw-video-playlist.bg-light-accent-secondary[class*=bg-][class*=bg-],
  [data-component-id=video-playlist].bg-light-accent-secondary.product-header,
  [data-component-id=video-playlist].bg-light-accent-secondary.product-header[class*=bg-],
  [data-component-id=video-playlist].bg-light-accent-secondary[class*=bg-],
  [data-component-id=video-playlist].bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-video-playlist.bg-light-accent-secondary.product-header .hintbox-icon img,
  .kfw-video-playlist.bg-light-accent-secondary[class*=bg-] .hintbox-icon img,
  [data-component-id=video-playlist].bg-light-accent-secondary.product-header .hintbox-icon img,
  [data-component-id=video-playlist].bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-video-playlist.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.kfw-video-playlist.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-video-playlist.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-video-playlist.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column [data-component-id=video-playlist].bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column [data-component-id=video-playlist].bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-video-playlist.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-video-playlist.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column [data-component-id=video-playlist].bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column [data-component-id=video-playlist].bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-video-playlist.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-video-playlist.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details [data-component-id=video-playlist].bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details [data-component-id=video-playlist].bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
[data-component-id=video-playlist].bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
[data-component-id=video-playlist].bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-video-playlist.bg-light-accent-secondary .hintbox,
.kfw-video-playlist.bg-light-accent-secondary.compact,
[data-component-id=video-playlist].bg-light-accent-secondary .hintbox,
[data-component-id=video-playlist].bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-video-playlist.bg-light-accent-secondary,
.overlay-content .main-column>.kfw-video-playlist.bg-light-accent-secondary .kfw-video-playlist.bg-light-accent-secondary,
.overlay-content .main-column>.kfw-video-playlist.bg-light-accent-secondary [data-component-id=video-playlist].bg-light-accent-secondary,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light-accent-secondary,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light-accent-secondary .kfw-video-playlist.bg-light-accent-secondary,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light-accent-secondary [data-component-id=video-playlist].bg-light-accent-secondary,
.overlay-content body>.kfw-video-playlist.bg-light-accent-secondary,
.overlay-content body>[data-component-id=video-playlist].bg-light-accent-secondary,
.overlay-content>.kfw-video-playlist.bg-light-accent-secondary,
.overlay-content>[data-component-id=video-playlist].bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-video-playlist.bg-light-accent-secondary .kfw-video-playlist.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-video-playlist.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-video-playlist.bg-light-accent-secondary [data-component-id=video-playlist].bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light-accent-secondary .kfw-video-playlist.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light-accent-secondary [data-component-id=video-playlist].bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.kfw-video-playlist.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>[data-component-id=video-playlist].bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.kfw-video-playlist.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>[data-component-id=video-playlist].bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-video-playlist.bg-light,
[data-component-id=video-playlist].bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-video-playlist.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-video-playlist.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-video-playlist.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-video-playlist.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>[data-component-id=video-playlist].bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>[data-component-id=video-playlist].bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>[data-component-id=video-playlist].bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>[data-component-id=video-playlist].bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-video-playlist.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-video-playlist.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>[data-component-id=video-playlist].bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>[data-component-id=video-playlist].bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-video-playlist.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-video-playlist.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>[data-component-id=video-playlist].bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>[data-component-id=video-playlist].bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-light:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-video-playlist.bg-light:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>[data-component-id=video-playlist].bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-video-playlist.bg-light,
:where(main)>.kfw-video-playlist.bg-light+*,
:where(main)>[data-component-id=video-playlist].bg-light,
:where(main)>[data-component-id=video-playlist].bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-video-playlist.bg-light+*>*,
:where(main)>.kfw-video-playlist.bg-light>*,
:where(main)>[data-component-id=video-playlist].bg-light+*>*,
:where(main)>[data-component-id=video-playlist].bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .kfw-video-playlist.bg-light,
  [data-component-id=video-playlist].bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .kfw-video-playlist.bg-light,
  [data-component-id=video-playlist].bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-video-playlist.bg-light,
[data-component-id=video-playlist].bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-video-playlist.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
[data-component-id=video-playlist].bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .kfw-video-playlist.bg-light,
  [data-component-id=video-playlist].bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-video-playlist.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  [data-component-id=video-playlist].bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-video-playlist.bg-light.product-header,
  .kfw-video-playlist.bg-light[class*=bg-],
  [data-component-id=video-playlist].bg-light.product-header,
  [data-component-id=video-playlist].bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-video-playlist.bg-light.product-header,
  .kfw-video-playlist.bg-light.product-header[class*=bg-],
  .kfw-video-playlist.bg-light[class*=bg-],
  .kfw-video-playlist.bg-light[class*=bg-][class*=bg-],
  [data-component-id=video-playlist].bg-light.product-header,
  [data-component-id=video-playlist].bg-light.product-header[class*=bg-],
  [data-component-id=video-playlist].bg-light[class*=bg-],
  [data-component-id=video-playlist].bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-video-playlist.bg-light.product-header .hintbox-icon img,
  .kfw-video-playlist.bg-light[class*=bg-] .hintbox-icon img,
  [data-component-id=video-playlist].bg-light.product-header .hintbox-icon img,
  [data-component-id=video-playlist].bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-video-playlist.bg-light .details--s9>.details .main-column[class*=bg-],
.kfw-video-playlist.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-video-playlist.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-video-playlist.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column [data-component-id=video-playlist].bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column [data-component-id=video-playlist].bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-video-playlist.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-video-playlist.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column [data-component-id=video-playlist].bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column [data-component-id=video-playlist].bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-video-playlist.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-video-playlist.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details [data-component-id=video-playlist].bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details [data-component-id=video-playlist].bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
[data-component-id=video-playlist].bg-light .details--s9>.details .main-column[class*=bg-],
[data-component-id=video-playlist].bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-video-playlist.bg-light .hintbox,
.kfw-video-playlist.bg-light.compact,
[data-component-id=video-playlist].bg-light .hintbox,
[data-component-id=video-playlist].bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-video-playlist.bg-light,
.overlay-content .main-column>.kfw-video-playlist.bg-light .kfw-video-playlist.bg-light,
.overlay-content .main-column>.kfw-video-playlist.bg-light [data-component-id=video-playlist].bg-light,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light .kfw-video-playlist.bg-light,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light [data-component-id=video-playlist].bg-light,
.overlay-content body>.kfw-video-playlist.bg-light,
.overlay-content body>[data-component-id=video-playlist].bg-light,
.overlay-content>.kfw-video-playlist.bg-light,
.overlay-content>[data-component-id=video-playlist].bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-video-playlist.bg-light .kfw-video-playlist.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-video-playlist.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-video-playlist.bg-light [data-component-id=video-playlist].bg-light .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light .kfw-video-playlist.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light .product-label.product-label--overflow,
.overlay-content .main-column>[data-component-id=video-playlist].bg-light [data-component-id=video-playlist].bg-light .product-label.product-label--overflow,
.overlay-content body>.kfw-video-playlist.bg-light .product-label.product-label--overflow,
.overlay-content body>[data-component-id=video-playlist].bg-light .product-label.product-label--overflow,
.overlay-content>.kfw-video-playlist.bg-light .product-label.product-label--overflow,
.overlay-content>[data-component-id=video-playlist].bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-video-playlist:empty,
[data-component-id=video-playlist]:empty {
  overflow: hidden;
  pointer-events: none;
  position: relative
}

.kfw-video-playlist:empty:before,
[data-component-id=video-playlist]:empty:before {
  content: url(../images/assets/skeletons/videoPlaylist/xs87ec447667745c8fd4fa.svg);
  display: block;
  width: 100%
}

@media only print and (width >=0px) {

  .kfw-video-playlist:empty:before,
  [data-component-id=video-playlist]:empty:before {
    content: url(../images/assets/skeletons/videoPlaylist/sm04fb7b35cda523294358.svg)
  }
}

@media only screen and (min-width:600px) {

  .kfw-video-playlist:empty:before,
  [data-component-id=video-playlist]:empty:before {
    content: url(../images/assets/skeletons/videoPlaylist/sm04fb7b35cda523294358.svg)
  }
}

@media only print and (width >=0px) {

  .kfw-video-playlist:empty:before,
  [data-component-id=video-playlist]:empty:before {
    content: url(../images/assets/skeletons/videoPlaylist/md11d29a2d825578fdd587.svg)
  }
}

@media only screen and (min-width:840px) {

  .kfw-video-playlist:empty:before,
  [data-component-id=video-playlist]:empty:before {
    content: url(../images/assets/skeletons/videoPlaylist/md11d29a2d825578fdd587.svg)
  }
}

@media only print and (width >=0px) {

  .kfw-video-playlist:empty:before,
  [data-component-id=video-playlist]:empty:before {
    content: url(../images/assets/skeletons/videoPlaylist/lg11d29a2d825578fdd587.svg)
  }
}

@media only screen and (min-width:960px) {

  .kfw-video-playlist:empty:before,
  [data-component-id=video-playlist]:empty:before {
    content: url(../images/assets/skeletons/videoPlaylist/lg11d29a2d825578fdd587.svg)
  }
}

@media only print and (width >=0px) {

  .kfw-video-playlist:empty:before,
  [data-component-id=video-playlist]:empty:before {
    content: url(../images/assets/skeletons/videoPlaylist/xl9f5fe51c68e52eae1f2e.svg)
  }
}

@media only screen and (min-width:1280px) {

  .kfw-video-playlist:empty:before,
  [data-component-id=video-playlist]:empty:before {
    content: url(../images/assets/skeletons/videoPlaylist/xl9f5fe51c68e52eae1f2e.svg)
  }
}

.kfw-video-playlist:empty:after,
[data-component-id=video-playlist]:empty:after {
  animation: mask 2s ease infinite;
  bottom: -5%;
  box-shadow: var(--kfw-color-white) 5px 0 50px 25px;
  content: "";
  display: block;
  left: -110%;
  position: absolute;
  top: -5%;
  transform: rotate(5deg)
}

@media(prefers-reduced-motion) {

  .kfw-video-playlist:empty:after,
  [data-component-id=video-playlist]:empty:after {
    animation: none
  }
}

.video-playlist-container>.video-playlist>.slider {
  min-width: 100%
}

.video-playlist-container>.video-playlist>.slider .swiper-slide {
  cursor: default
}

.video-playlist-container>.video-playlist .video-playlist-overview {
  --item-height: 136px;
  display: none
}

@media only print and (width >=0px) {
  .video-playlist-container>.video-playlist .video-playlist-overview {
    --item-height: 150px;
    display: unset;
    width: 100%
  }

  .video-playlist-container>.video-playlist .video-playlist-overview .video-playlist-list {
    display: flex;
    gap: .8rem;
    height: calc(var(--item-height)*3 + 2px);
    overflow: hidden;
    position: relative
  }

  .video-playlist-container>.video-playlist .video-playlist-overview .video-playlist-list-inner {
    flex: 1
  }
}

@media only screen and (min-width:960px) {
  .video-playlist-container>.video-playlist .video-playlist-overview {
    --item-height: 150px;
    display: unset;
    width: 100%
  }

  .video-playlist-container>.video-playlist .video-playlist-overview .video-playlist-list {
    display: flex;
    gap: .8rem;
    height: calc(var(--item-height)*3 + 2px);
    overflow: hidden;
    position: relative
  }

  .video-playlist-container>.video-playlist .video-playlist-overview .video-playlist-list-inner {
    flex: 1
  }
}

@media only print and (width >=0px) {
  .video-playlist-container>.video-playlist .video-playlist-overview {
    --item-height: 125px
  }

  .video-playlist-container>.video-playlist .video-playlist-overview .video-playlist-list {
    gap: 2.1rem
  }
}

@media only screen and (min-width:1280px) {
  .video-playlist-container>.video-playlist .video-playlist-overview {
    --item-height: 125px
  }

  .video-playlist-container>.video-playlist .video-playlist-overview .video-playlist-list {
    gap: 2.1rem
  }
}

.video-playlist-container>.video-playlist .slider-pagination .pagination {
  justify-content: center;
  width: 100%
}

@media only print and (width >=0px) {
  .video-playlist-container>.video-playlist .slider-pagination .pagination {
    visibility: hidden
  }
}

@media only screen and (min-width:960px) {
  .video-playlist-container>.video-playlist .slider-pagination .pagination {
    visibility: hidden
  }
}

@media only print and (width >=0px) {
  .video-playlist-container>.video-playlist .slider-pagination {
    display: none
  }
}

@media only screen and (min-width:960px) {
  .video-playlist-container>.video-playlist .slider-pagination {
    display: none
  }
}

@media only print and (width >=0px) {
  .video-playlist-container>.video-playlist {
    display: grid;
    gap: var(--gap);
    gap: 2rem var(--gap);
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media only screen and (min-width:960px) {
  .video-playlist-container>.video-playlist {
    display: grid;
    gap: var(--gap);
    gap: 2rem var(--gap);
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

.video-scrollbar {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.video-scrollbar .scroll-down,
.video-scrollbar .scroll-up {
  background-color: var(--color-fn);
  border: 2px solid var(--color-fn);
  border-radius: 4px;
  cursor: pointer;
  height: 3.6rem;
  width: 3.6rem
}

.video-scrollbar .scroll-down:before,
.video-scrollbar .scroll-up:before {
  color: var(--color-font-on-dark-bg);
  font-size: 18px
}

.video-scrollbar .scroll-down:hover:not(.disabled),
.video-scrollbar .scroll-up:hover:not(.disabled) {
  background-color: var(--color-background)
}

.video-scrollbar .scroll-down:hover:not(.disabled):before,
.video-scrollbar .scroll-up:hover:not(.disabled):before {
  border: 0;
  border-radius: 4px;
  color: var(--color-fn-active)
}

.video-scrollbar .scroll-down:focus-visible:not(.disabled),
.video-scrollbar .scroll-up:focus-visible:not(.disabled) {
  background-color: var(--color-background);
  border: 2px dashed var(--color-fn-active);
  outline: none
}

.video-scrollbar .scroll-down:focus-visible:not(.disabled):before,
.video-scrollbar .scroll-up:focus-visible:not(.disabled):before {
  border: 0;
  color: var(--color-fn-active)
}

.video-scrollbar .scroll-down:active:before,
.video-scrollbar .scroll-up:active:before {
  border: 1px solid var(--color-fn-active)
}

.video-scrollbar .scroll-down:focus,
.video-scrollbar .scroll-down:focus:before,
.video-scrollbar .scroll-up:focus,
.video-scrollbar .scroll-up:focus:before {
  outline: none
}

.video-scrollbar .scroll-down.disabled,
.video-scrollbar .scroll-up.disabled {
  background-color: var(--color-fn-inactive-on-light-bg);
  border: 0;
  cursor: default
}

.video-scrollbar .scroll-down.disabled:focus-visible:before,
.video-scrollbar .scroll-down.disabled:hover:before,
.video-scrollbar .scroll-up.disabled:focus-visible:before,
.video-scrollbar .scroll-up.disabled:hover:before {
  border: 0
}

.newsroom-teaser {
  position: relative
}

.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.newsroom-teaser:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.newsroom-teaser.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.newsroom-teaser.bg-dark .button--primary,
.newsroom-teaser.bg-dark .button--primary-positive,
.newsroom-teaser.bg-dark .button--secondary,
.newsroom-teaser.bg-dark .button--secondary-positive,
.newsroom-teaser.bg-dark .button--tertiary,
.newsroom-teaser.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.newsroom-teaser.bg-dark .button--primary,
.newsroom-teaser.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.newsroom-teaser.bg-dark .button--secondary,
.newsroom-teaser.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.newsroom-teaser.bg-dark .button--tertiary,
.newsroom-teaser.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.newsroom-teaser.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.newsroom-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.newsroom-teaser.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.newsroom-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.newsroom-teaser.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.newsroom-teaser.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.newsroom-teaser.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.newsroom-teaser.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.newsroom-teaser.bg-dark,
:where(main)>.newsroom-teaser.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.newsroom-teaser.bg-dark+*>*,
:where(main)>.newsroom-teaser.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .newsroom-teaser.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .newsroom-teaser.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.newsroom-teaser.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.newsroom-teaser.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .newsroom-teaser.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .newsroom-teaser.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .newsroom-teaser.bg-dark.product-header,
  .newsroom-teaser.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .newsroom-teaser.bg-dark.product-header,
  .newsroom-teaser.bg-dark.product-header[class*=bg-],
  .newsroom-teaser.bg-dark[class*=bg-],
  .newsroom-teaser.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .newsroom-teaser.bg-dark.product-header .hintbox-icon img,
  .newsroom-teaser.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.newsroom-teaser.bg-dark .details--s9>.details .main-column[class*=bg-],
.newsroom-teaser.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .newsroom-teaser.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .newsroom-teaser.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .newsroom-teaser.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .newsroom-teaser.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .newsroom-teaser.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .newsroom-teaser.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.newsroom-teaser.bg-dark .hintbox,
.newsroom-teaser.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.newsroom-teaser.bg-dark,
.overlay-content .main-column>.newsroom-teaser.bg-dark .newsroom-teaser.bg-dark,
.overlay-content body>.newsroom-teaser.bg-dark,
.overlay-content>.newsroom-teaser.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.newsroom-teaser.bg-dark .newsroom-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.newsroom-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content body>.newsroom-teaser.bg-dark .product-label.product-label--overflow,
.overlay-content>.newsroom-teaser.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.newsroom-teaser.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.newsroom-teaser.bg-dark-accent .button--primary,
.newsroom-teaser.bg-dark-accent .button--primary-positive,
.newsroom-teaser.bg-dark-accent .button--secondary,
.newsroom-teaser.bg-dark-accent .button--secondary-positive,
.newsroom-teaser.bg-dark-accent .button--tertiary,
.newsroom-teaser.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.newsroom-teaser.bg-dark-accent .button--primary,
.newsroom-teaser.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.newsroom-teaser.bg-dark-accent .button--secondary,
.newsroom-teaser.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.newsroom-teaser.bg-dark-accent .button--tertiary,
.newsroom-teaser.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.newsroom-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.newsroom-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.newsroom-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.newsroom-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.newsroom-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.newsroom-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.newsroom-teaser.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.newsroom-teaser.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.newsroom-teaser.bg-dark-accent,
:where(main)>.newsroom-teaser.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.newsroom-teaser.bg-dark-accent+*>*,
:where(main)>.newsroom-teaser.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .newsroom-teaser.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .newsroom-teaser.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.newsroom-teaser.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.newsroom-teaser.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .newsroom-teaser.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .newsroom-teaser.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .newsroom-teaser.bg-dark-accent.product-header,
  .newsroom-teaser.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .newsroom-teaser.bg-dark-accent.product-header,
  .newsroom-teaser.bg-dark-accent.product-header[class*=bg-],
  .newsroom-teaser.bg-dark-accent[class*=bg-],
  .newsroom-teaser.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .newsroom-teaser.bg-dark-accent.product-header .hintbox-icon img,
  .newsroom-teaser.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.newsroom-teaser.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.newsroom-teaser.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .newsroom-teaser.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .newsroom-teaser.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .newsroom-teaser.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .newsroom-teaser.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .newsroom-teaser.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .newsroom-teaser.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.newsroom-teaser.bg-dark-accent .hintbox,
.newsroom-teaser.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.newsroom-teaser.bg-dark-accent,
.overlay-content .main-column>.newsroom-teaser.bg-dark-accent .newsroom-teaser.bg-dark-accent,
.overlay-content body>.newsroom-teaser.bg-dark-accent,
.overlay-content>.newsroom-teaser.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.newsroom-teaser.bg-dark-accent .newsroom-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.newsroom-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.newsroom-teaser.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.newsroom-teaser.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.newsroom-teaser.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.newsroom-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.newsroom-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.newsroom-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.newsroom-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.newsroom-teaser.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.newsroom-teaser.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.newsroom-teaser.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.newsroom-teaser.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.newsroom-teaser.bg-light-accent,
:where(main)>.newsroom-teaser.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.newsroom-teaser.bg-light-accent+*>*,
:where(main)>.newsroom-teaser.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .newsroom-teaser.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .newsroom-teaser.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.newsroom-teaser.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.newsroom-teaser.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .newsroom-teaser.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .newsroom-teaser.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .newsroom-teaser.bg-light-accent.product-header,
  .newsroom-teaser.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .newsroom-teaser.bg-light-accent.product-header,
  .newsroom-teaser.bg-light-accent.product-header[class*=bg-],
  .newsroom-teaser.bg-light-accent[class*=bg-],
  .newsroom-teaser.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .newsroom-teaser.bg-light-accent.product-header .hintbox-icon img,
  .newsroom-teaser.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.newsroom-teaser.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.newsroom-teaser.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .newsroom-teaser.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .newsroom-teaser.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .newsroom-teaser.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .newsroom-teaser.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .newsroom-teaser.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .newsroom-teaser.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.newsroom-teaser.bg-light-accent .hintbox,
.newsroom-teaser.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.newsroom-teaser.bg-light-accent,
.overlay-content .main-column>.newsroom-teaser.bg-light-accent .newsroom-teaser.bg-light-accent,
.overlay-content body>.newsroom-teaser.bg-light-accent,
.overlay-content>.newsroom-teaser.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.newsroom-teaser.bg-light-accent .newsroom-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.newsroom-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.newsroom-teaser.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.newsroom-teaser.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.newsroom-teaser.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.newsroom-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.newsroom-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.newsroom-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.newsroom-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.newsroom-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.newsroom-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.newsroom-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.newsroom-teaser.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.newsroom-teaser.bg-light-accent-secondary,
:where(main)>.newsroom-teaser.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.newsroom-teaser.bg-light-accent-secondary+*>*,
:where(main)>.newsroom-teaser.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .newsroom-teaser.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .newsroom-teaser.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.newsroom-teaser.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.newsroom-teaser.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .newsroom-teaser.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .newsroom-teaser.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .newsroom-teaser.bg-light-accent-secondary.product-header,
  .newsroom-teaser.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .newsroom-teaser.bg-light-accent-secondary.product-header,
  .newsroom-teaser.bg-light-accent-secondary.product-header[class*=bg-],
  .newsroom-teaser.bg-light-accent-secondary[class*=bg-],
  .newsroom-teaser.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .newsroom-teaser.bg-light-accent-secondary.product-header .hintbox-icon img,
  .newsroom-teaser.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.newsroom-teaser.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.newsroom-teaser.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .newsroom-teaser.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .newsroom-teaser.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .newsroom-teaser.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .newsroom-teaser.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .newsroom-teaser.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .newsroom-teaser.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.newsroom-teaser.bg-light-accent-secondary .hintbox,
.newsroom-teaser.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.newsroom-teaser.bg-light-accent-secondary,
.overlay-content .main-column>.newsroom-teaser.bg-light-accent-secondary .newsroom-teaser.bg-light-accent-secondary,
.overlay-content body>.newsroom-teaser.bg-light-accent-secondary,
.overlay-content>.newsroom-teaser.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.newsroom-teaser.bg-light-accent-secondary .newsroom-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.newsroom-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.newsroom-teaser.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.newsroom-teaser.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.newsroom-teaser.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.newsroom-teaser.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.newsroom-teaser.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.newsroom-teaser.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.newsroom-teaser.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.newsroom-teaser.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.newsroom-teaser.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.newsroom-teaser.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.newsroom-teaser.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.newsroom-teaser.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.newsroom-teaser.bg-light,
:where(main)>.newsroom-teaser.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.newsroom-teaser.bg-light+*>*,
:where(main)>.newsroom-teaser.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .newsroom-teaser.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .newsroom-teaser.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.newsroom-teaser.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.newsroom-teaser.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .newsroom-teaser.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .newsroom-teaser.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .newsroom-teaser.bg-light.product-header,
  .newsroom-teaser.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .newsroom-teaser.bg-light.product-header,
  .newsroom-teaser.bg-light.product-header[class*=bg-],
  .newsroom-teaser.bg-light[class*=bg-],
  .newsroom-teaser.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .newsroom-teaser.bg-light.product-header .hintbox-icon img,
  .newsroom-teaser.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.newsroom-teaser.bg-light .details--s9>.details .main-column[class*=bg-],
.newsroom-teaser.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .newsroom-teaser.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .newsroom-teaser.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .newsroom-teaser.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .newsroom-teaser.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .newsroom-teaser.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .newsroom-teaser.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.newsroom-teaser.bg-light .hintbox,
.newsroom-teaser.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.newsroom-teaser.bg-light,
.overlay-content .main-column>.newsroom-teaser.bg-light .newsroom-teaser.bg-light,
.overlay-content body>.newsroom-teaser.bg-light,
.overlay-content>.newsroom-teaser.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.newsroom-teaser.bg-light .newsroom-teaser.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.newsroom-teaser.bg-light .product-label.product-label--overflow,
.overlay-content body>.newsroom-teaser.bg-light .product-label.product-label--overflow,
.overlay-content>.newsroom-teaser.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.newsroom-teaser-container {
  display: grid;
  gap: var(--space-medium) var(--gap);
  grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr));
  margin-bottom: var(--space-medium)
}

@media only print and (width >=0px) {
  .newsroom-teaser-container {
    --cols: 3
  }
}

@media only screen and (min-width:960px) {
  .newsroom-teaser-container {
    --cols: 3
  }
}

.newsroom-teaser-item {
  display: flex;
  height: 100%
}

.newsroom-teaser-item-wrapper {
  display: grid;
  gap: var(--space-x-small)
}

.newsroom-teaser-item-link {
  align-items: flex-end;
  display: grid;
  grid-auto-rows: auto
}

.newsroom-teaser-item .hl-4 {
  margin-top: .5rem
}

.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.stories:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.stories.bg-dark .button--primary,
.stories.bg-dark .button--primary-positive,
.stories.bg-dark .button--secondary,
.stories.bg-dark .button--secondary-positive,
.stories.bg-dark .button--tertiary,
.stories.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories.bg-dark .button--primary,
.stories.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories.bg-dark .button--secondary,
.stories.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.stories.bg-dark .button--tertiary,
.stories.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.stories.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.stories.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories.bg-dark,
:where(main)>.stories.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories.bg-dark+*>*,
:where(main)>.stories.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .stories.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .stories.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.stories.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories.bg-dark.product-header,
  .stories.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories.bg-dark.product-header,
  .stories.bg-dark.product-header[class*=bg-],
  .stories.bg-dark[class*=bg-],
  .stories.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories.bg-dark.product-header .hintbox-icon img,
  .stories.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.stories.bg-dark .details--s9>.details .main-column[class*=bg-],
.stories.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories.bg-dark .hintbox,
.stories.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories.bg-dark,
.overlay-content .main-column>.stories.bg-dark .stories.bg-dark,
.overlay-content body>.stories.bg-dark,
.overlay-content>.stories.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.stories.bg-dark .stories.bg-dark .product-label.product-label--overflow,
.overlay-content body>.stories.bg-dark .product-label.product-label--overflow,
.overlay-content>.stories.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.stories.bg-dark-accent .button--primary,
.stories.bg-dark-accent .button--primary-positive,
.stories.bg-dark-accent .button--secondary,
.stories.bg-dark-accent .button--secondary-positive,
.stories.bg-dark-accent .button--tertiary,
.stories.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories.bg-dark-accent .button--primary,
.stories.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories.bg-dark-accent .button--secondary,
.stories.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.stories.bg-dark-accent .button--tertiary,
.stories.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.stories.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.stories.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories.bg-dark-accent,
:where(main)>.stories.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories.bg-dark-accent+*>*,
:where(main)>.stories.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .stories.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .stories.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.stories.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories.bg-dark-accent.product-header,
  .stories.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories.bg-dark-accent.product-header,
  .stories.bg-dark-accent.product-header[class*=bg-],
  .stories.bg-dark-accent[class*=bg-],
  .stories.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories.bg-dark-accent.product-header .hintbox-icon img,
  .stories.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.stories.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.stories.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories.bg-dark-accent .hintbox,
.stories.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories.bg-dark-accent,
.overlay-content .main-column>.stories.bg-dark-accent .stories.bg-dark-accent,
.overlay-content body>.stories.bg-dark-accent,
.overlay-content>.stories.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.stories.bg-dark-accent .stories.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.stories.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.stories.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.stories.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.stories.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories.bg-light-accent,
:where(main)>.stories.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories.bg-light-accent+*>*,
:where(main)>.stories.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .stories.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .stories.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.stories.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories.bg-light-accent.product-header,
  .stories.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories.bg-light-accent.product-header,
  .stories.bg-light-accent.product-header[class*=bg-],
  .stories.bg-light-accent[class*=bg-],
  .stories.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories.bg-light-accent.product-header .hintbox-icon img,
  .stories.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.stories.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.stories.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories.bg-light-accent .hintbox,
.stories.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories.bg-light-accent,
.overlay-content .main-column>.stories.bg-light-accent .stories.bg-light-accent,
.overlay-content body>.stories.bg-light-accent,
.overlay-content>.stories.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.stories.bg-light-accent .stories.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.stories.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.stories.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.stories.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.stories.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories.bg-light-accent-secondary,
:where(main)>.stories.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories.bg-light-accent-secondary+*>*,
:where(main)>.stories.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .stories.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .stories.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.stories.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories.bg-light-accent-secondary.product-header,
  .stories.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories.bg-light-accent-secondary.product-header,
  .stories.bg-light-accent-secondary.product-header[class*=bg-],
  .stories.bg-light-accent-secondary[class*=bg-],
  .stories.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories.bg-light-accent-secondary.product-header .hintbox-icon img,
  .stories.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.stories.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.stories.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories.bg-light-accent-secondary .hintbox,
.stories.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories.bg-light-accent-secondary,
.overlay-content .main-column>.stories.bg-light-accent-secondary .stories.bg-light-accent-secondary,
.overlay-content body>.stories.bg-light-accent-secondary,
.overlay-content>.stories.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.stories.bg-light-accent-secondary .stories.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.stories.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.stories.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.stories.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.stories.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories.bg-light,
:where(main)>.stories.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories.bg-light+*>*,
:where(main)>.stories.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .stories.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .stories.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.stories.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories.bg-light.product-header,
  .stories.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories.bg-light.product-header,
  .stories.bg-light.product-header[class*=bg-],
  .stories.bg-light[class*=bg-],
  .stories.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories.bg-light.product-header .hintbox-icon img,
  .stories.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.stories.bg-light .details--s9>.details .main-column[class*=bg-],
.stories.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories.bg-light .hintbox,
.stories.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories.bg-light,
.overlay-content .main-column>.stories.bg-light .stories.bg-light,
.overlay-content body>.stories.bg-light,
.overlay-content>.stories.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.stories.bg-light .stories.bg-light .product-label.product-label--overflow,
.overlay-content body>.stories.bg-light .product-label.product-label--overflow,
.overlay-content>.stories.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories-content:not(:first-child) {
  margin-top: var(--space-small)
}

.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.stories-content.stories-slider .stories-metric:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories-content.stories-slider .stories-metric.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.stories-content.stories-slider .stories-metric.bg-dark .button--primary,
.stories-content.stories-slider .stories-metric.bg-dark .button--primary-positive,
.stories-content.stories-slider .stories-metric.bg-dark .button--secondary,
.stories-content.stories-slider .stories-metric.bg-dark .button--secondary-positive,
.stories-content.stories-slider .stories-metric.bg-dark .button--tertiary,
.stories-content.stories-slider .stories-metric.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories-content.stories-slider .stories-metric.bg-dark .button--primary,
.stories-content.stories-slider .stories-metric.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories-content.stories-slider .stories-metric.bg-dark .button--secondary,
.stories-content.stories-slider .stories-metric.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.stories-content.stories-slider .stories-metric.bg-dark .button--tertiary,
.stories-content.stories-slider .stories-metric.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.stories-content.stories-slider .stories-metric.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories-content.stories-slider .stories-metric.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories-content.stories-slider .stories-metric.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories-content.stories-slider .stories-metric.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories-content.stories-slider .stories-metric.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.stories-content.stories-slider .stories-metric.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories-content.stories-slider .stories-metric.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories-content.stories-slider .stories-metric.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories-content.stories-slider .stories-metric.bg-dark,
:where(main)>.stories-content.stories-slider .stories-metric.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories-content.stories-slider .stories-metric.bg-dark+*>*,
:where(main)>.stories-content.stories-slider .stories-metric.bg-dark>* {
  --margin-top: initial
}

.stories-content.stories-slider .stories-metric.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories-content.stories-slider .stories-metric.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories-content.stories-slider .stories-metric.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories-content.stories-slider .stories-metric.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories-content.stories-slider .stories-metric.bg-dark.product-header,
  .stories-content.stories-slider .stories-metric.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories-content.stories-slider .stories-metric.bg-dark.product-header,
  .stories-content.stories-slider .stories-metric.bg-dark.product-header[class*=bg-],
  .stories-content.stories-slider .stories-metric.bg-dark[class*=bg-],
  .stories-content.stories-slider .stories-metric.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories-content.stories-slider .stories-metric.bg-dark.product-header .hintbox-icon img,
  .stories-content.stories-slider .stories-metric.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories-content.stories-slider .stories-metric.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories-content.stories-slider .stories-metric.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories-content.stories-slider .stories-metric.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories-content.stories-slider .stories-metric.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.stories-content.stories-slider .stories-metric.bg-dark .details--s9>.details .main-column[class*=bg-],
.stories-content.stories-slider .stories-metric.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories-content.stories-slider .stories-metric.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories-content.stories-slider .stories-metric.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories-content.stories-slider .stories-metric.bg-dark .hintbox,
.stories-content.stories-slider .stories-metric.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-dark,
.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-dark .stories-content.stories-slider .stories-metric.bg-dark,
.overlay-content body>.stories-content.stories-slider .stories-metric.bg-dark,
.overlay-content>.stories-content.stories-slider .stories-metric.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-dark .stories-content.stories-slider .stories-metric.bg-dark .product-label.product-label--overflow,
.overlay-content body>.stories-content.stories-slider .stories-metric.bg-dark .product-label.product-label--overflow,
.overlay-content>.stories-content.stories-slider .stories-metric.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories-content.stories-slider .stories-metric.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.stories-content.stories-slider .stories-metric.bg-dark-accent .button--primary,
.stories-content.stories-slider .stories-metric.bg-dark-accent .button--primary-positive,
.stories-content.stories-slider .stories-metric.bg-dark-accent .button--secondary,
.stories-content.stories-slider .stories-metric.bg-dark-accent .button--secondary-positive,
.stories-content.stories-slider .stories-metric.bg-dark-accent .button--tertiary,
.stories-content.stories-slider .stories-metric.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories-content.stories-slider .stories-metric.bg-dark-accent .button--primary,
.stories-content.stories-slider .stories-metric.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories-content.stories-slider .stories-metric.bg-dark-accent .button--secondary,
.stories-content.stories-slider .stories-metric.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.stories-content.stories-slider .stories-metric.bg-dark-accent .button--tertiary,
.stories-content.stories-slider .stories-metric.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.stories-content.stories-slider .stories-metric.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories-content.stories-slider .stories-metric.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories-content.stories-slider .stories-metric.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories-content.stories-slider .stories-metric.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories-content.stories-slider .stories-metric.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.stories-content.stories-slider .stories-metric.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories-content.stories-slider .stories-metric.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories-content.stories-slider .stories-metric.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories-content.stories-slider .stories-metric.bg-dark-accent,
:where(main)>.stories-content.stories-slider .stories-metric.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories-content.stories-slider .stories-metric.bg-dark-accent+*>*,
:where(main)>.stories-content.stories-slider .stories-metric.bg-dark-accent>* {
  --margin-top: initial
}

.stories-content.stories-slider .stories-metric.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories-content.stories-slider .stories-metric.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories-content.stories-slider .stories-metric.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories-content.stories-slider .stories-metric.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories-content.stories-slider .stories-metric.bg-dark-accent.product-header,
  .stories-content.stories-slider .stories-metric.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories-content.stories-slider .stories-metric.bg-dark-accent.product-header,
  .stories-content.stories-slider .stories-metric.bg-dark-accent.product-header[class*=bg-],
  .stories-content.stories-slider .stories-metric.bg-dark-accent[class*=bg-],
  .stories-content.stories-slider .stories-metric.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories-content.stories-slider .stories-metric.bg-dark-accent.product-header .hintbox-icon img,
  .stories-content.stories-slider .stories-metric.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories-content.stories-slider .stories-metric.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories-content.stories-slider .stories-metric.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories-content.stories-slider .stories-metric.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories-content.stories-slider .stories-metric.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.stories-content.stories-slider .stories-metric.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.stories-content.stories-slider .stories-metric.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories-content.stories-slider .stories-metric.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories-content.stories-slider .stories-metric.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories-content.stories-slider .stories-metric.bg-dark-accent .hintbox,
.stories-content.stories-slider .stories-metric.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-dark-accent,
.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-dark-accent .stories-content.stories-slider .stories-metric.bg-dark-accent,
.overlay-content body>.stories-content.stories-slider .stories-metric.bg-dark-accent,
.overlay-content>.stories-content.stories-slider .stories-metric.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-dark-accent .stories-content.stories-slider .stories-metric.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.stories-content.stories-slider .stories-metric.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.stories-content.stories-slider .stories-metric.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories-content.stories-slider .stories-metric.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.stories-content.stories-slider .stories-metric.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories-content.stories-slider .stories-metric.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories-content.stories-slider .stories-metric.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories-content.stories-slider .stories-metric.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories-content.stories-slider .stories-metric.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.stories-content.stories-slider .stories-metric.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories-content.stories-slider .stories-metric.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories-content.stories-slider .stories-metric.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories-content.stories-slider .stories-metric.bg-light-accent,
:where(main)>.stories-content.stories-slider .stories-metric.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories-content.stories-slider .stories-metric.bg-light-accent+*>*,
:where(main)>.stories-content.stories-slider .stories-metric.bg-light-accent>* {
  --margin-top: initial
}

.stories-content.stories-slider .stories-metric.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories-content.stories-slider .stories-metric.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories-content.stories-slider .stories-metric.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories-content.stories-slider .stories-metric.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories-content.stories-slider .stories-metric.bg-light-accent.product-header,
  .stories-content.stories-slider .stories-metric.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories-content.stories-slider .stories-metric.bg-light-accent.product-header,
  .stories-content.stories-slider .stories-metric.bg-light-accent.product-header[class*=bg-],
  .stories-content.stories-slider .stories-metric.bg-light-accent[class*=bg-],
  .stories-content.stories-slider .stories-metric.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories-content.stories-slider .stories-metric.bg-light-accent.product-header .hintbox-icon img,
  .stories-content.stories-slider .stories-metric.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories-content.stories-slider .stories-metric.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories-content.stories-slider .stories-metric.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories-content.stories-slider .stories-metric.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories-content.stories-slider .stories-metric.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.stories-content.stories-slider .stories-metric.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.stories-content.stories-slider .stories-metric.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories-content.stories-slider .stories-metric.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories-content.stories-slider .stories-metric.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories-content.stories-slider .stories-metric.bg-light-accent .hintbox,
.stories-content.stories-slider .stories-metric.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-light-accent,
.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-light-accent .stories-content.stories-slider .stories-metric.bg-light-accent,
.overlay-content body>.stories-content.stories-slider .stories-metric.bg-light-accent,
.overlay-content>.stories-content.stories-slider .stories-metric.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-light-accent .stories-content.stories-slider .stories-metric.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.stories-content.stories-slider .stories-metric.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.stories-content.stories-slider .stories-metric.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories-content.stories-slider .stories-metric.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary,
:where(main)>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary+*>*,
:where(main)>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary>* {
  --margin-top: initial
}

.stories-content.stories-slider .stories-metric.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories-content.stories-slider .stories-metric.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories-content.stories-slider .stories-metric.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories-content.stories-slider .stories-metric.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories-content.stories-slider .stories-metric.bg-light-accent-secondary.product-header,
  .stories-content.stories-slider .stories-metric.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories-content.stories-slider .stories-metric.bg-light-accent-secondary.product-header,
  .stories-content.stories-slider .stories-metric.bg-light-accent-secondary.product-header[class*=bg-],
  .stories-content.stories-slider .stories-metric.bg-light-accent-secondary[class*=bg-],
  .stories-content.stories-slider .stories-metric.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories-content.stories-slider .stories-metric.bg-light-accent-secondary.product-header .hintbox-icon img,
  .stories-content.stories-slider .stories-metric.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories-content.stories-slider .stories-metric.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories-content.stories-slider .stories-metric.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories-content.stories-slider .stories-metric.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories-content.stories-slider .stories-metric.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.stories-content.stories-slider .stories-metric.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.stories-content.stories-slider .stories-metric.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories-content.stories-slider .stories-metric.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories-content.stories-slider .stories-metric.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories-content.stories-slider .stories-metric.bg-light-accent-secondary .hintbox,
.stories-content.stories-slider .stories-metric.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary,
.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary .stories-content.stories-slider .stories-metric.bg-light-accent-secondary,
.overlay-content body>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary,
.overlay-content>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary .stories-content.stories-slider .stories-metric.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.stories-content.stories-slider .stories-metric.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories-content.stories-slider .stories-metric.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.stories-content.stories-slider .stories-metric.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories-content.stories-slider .stories-metric.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories-content.stories-slider .stories-metric.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories-content.stories-slider .stories-metric.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories-content.stories-slider .stories-metric.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.stories-content.stories-slider .stories-metric.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories-content.stories-slider .stories-metric.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories-content.stories-slider .stories-metric.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content.stories-slider .stories-metric.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories-content.stories-slider .stories-metric.bg-light,
:where(main)>.stories-content.stories-slider .stories-metric.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories-content.stories-slider .stories-metric.bg-light+*>*,
:where(main)>.stories-content.stories-slider .stories-metric.bg-light>* {
  --margin-top: initial
}

.stories-content.stories-slider .stories-metric.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories-content.stories-slider .stories-metric.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories-content.stories-slider .stories-metric.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories-content.stories-slider .stories-metric.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories-content.stories-slider .stories-metric.bg-light.product-header,
  .stories-content.stories-slider .stories-metric.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories-content.stories-slider .stories-metric.bg-light.product-header,
  .stories-content.stories-slider .stories-metric.bg-light.product-header[class*=bg-],
  .stories-content.stories-slider .stories-metric.bg-light[class*=bg-],
  .stories-content.stories-slider .stories-metric.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories-content.stories-slider .stories-metric.bg-light.product-header .hintbox-icon img,
  .stories-content.stories-slider .stories-metric.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories-content.stories-slider .stories-metric.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories-content.stories-slider .stories-metric.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories-content.stories-slider .stories-metric.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories-content.stories-slider .stories-metric.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.stories-content.stories-slider .stories-metric.bg-light .details--s9>.details .main-column[class*=bg-],
.stories-content.stories-slider .stories-metric.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories-content.stories-slider .stories-metric.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories-content.stories-slider .stories-metric.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories-content.stories-slider .stories-metric.bg-light .hintbox,
.stories-content.stories-slider .stories-metric.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-light,
.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-light .stories-content.stories-slider .stories-metric.bg-light,
.overlay-content body>.stories-content.stories-slider .stories-metric.bg-light,
.overlay-content>.stories-content.stories-slider .stories-metric.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.stories-content.stories-slider .stories-metric.bg-light .stories-content.stories-slider .stories-metric.bg-light .product-label.product-label--overflow,
.overlay-content body>.stories-content.stories-slider .stories-metric.bg-light .product-label.product-label--overflow,
.overlay-content>.stories-content.stories-slider .stories-metric.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

@media only print and (width >=0px) {
  .stories-content.stories-slider {
    display: none
  }
}

@media only screen and (min-width:600px) {
  .stories-content.stories-slider {
    display: none
  }
}

@media only screen and (max-width:calc(600px - 1px)) {
  .stories-content.stories-grid {
    display: none
  }
}

.stories-content .slider.js-initialized {
  background-color: var(--color-background)
}

.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.stories-content .slider.js-initialized:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories-content .slider.js-initialized.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.stories-content .slider.js-initialized.bg-dark .button--primary,
.stories-content .slider.js-initialized.bg-dark .button--primary-positive,
.stories-content .slider.js-initialized.bg-dark .button--secondary,
.stories-content .slider.js-initialized.bg-dark .button--secondary-positive,
.stories-content .slider.js-initialized.bg-dark .button--tertiary,
.stories-content .slider.js-initialized.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories-content .slider.js-initialized.bg-dark .button--primary,
.stories-content .slider.js-initialized.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories-content .slider.js-initialized.bg-dark .button--secondary,
.stories-content .slider.js-initialized.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.stories-content .slider.js-initialized.bg-dark .button--tertiary,
.stories-content .slider.js-initialized.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.stories-content .slider.js-initialized.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories-content .slider.js-initialized.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories-content .slider.js-initialized.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories-content .slider.js-initialized.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories-content .slider.js-initialized.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.stories-content .slider.js-initialized.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories-content .slider.js-initialized.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories-content .slider.js-initialized.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories-content .slider.js-initialized.bg-dark,
:where(main)>.stories-content .slider.js-initialized.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories-content .slider.js-initialized.bg-dark+*>*,
:where(main)>.stories-content .slider.js-initialized.bg-dark>* {
  --margin-top: initial
}

.stories-content .slider.js-initialized.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories-content .slider.js-initialized.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories-content .slider.js-initialized.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories-content .slider.js-initialized.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories-content .slider.js-initialized.bg-dark.product-header,
  .stories-content .slider.js-initialized.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories-content .slider.js-initialized.bg-dark.product-header,
  .stories-content .slider.js-initialized.bg-dark.product-header[class*=bg-],
  .stories-content .slider.js-initialized.bg-dark[class*=bg-],
  .stories-content .slider.js-initialized.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories-content .slider.js-initialized.bg-dark.product-header .hintbox-icon img,
  .stories-content .slider.js-initialized.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories-content .slider.js-initialized.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories-content .slider.js-initialized.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories-content .slider.js-initialized.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories-content .slider.js-initialized.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.stories-content .slider.js-initialized.bg-dark .details--s9>.details .main-column[class*=bg-],
.stories-content .slider.js-initialized.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories-content .slider.js-initialized.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories-content .slider.js-initialized.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories-content .slider.js-initialized.bg-dark .hintbox,
.stories-content .slider.js-initialized.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories-content .slider.js-initialized.bg-dark,
.overlay-content .main-column>.stories-content .slider.js-initialized.bg-dark .stories-content .slider.js-initialized.bg-dark,
.overlay-content body>.stories-content .slider.js-initialized.bg-dark,
.overlay-content>.stories-content .slider.js-initialized.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories-content .slider.js-initialized.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.stories-content .slider.js-initialized.bg-dark .stories-content .slider.js-initialized.bg-dark .product-label.product-label--overflow,
.overlay-content body>.stories-content .slider.js-initialized.bg-dark .product-label.product-label--overflow,
.overlay-content>.stories-content .slider.js-initialized.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories-content .slider.js-initialized.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.stories-content .slider.js-initialized.bg-dark-accent .button--primary,
.stories-content .slider.js-initialized.bg-dark-accent .button--primary-positive,
.stories-content .slider.js-initialized.bg-dark-accent .button--secondary,
.stories-content .slider.js-initialized.bg-dark-accent .button--secondary-positive,
.stories-content .slider.js-initialized.bg-dark-accent .button--tertiary,
.stories-content .slider.js-initialized.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories-content .slider.js-initialized.bg-dark-accent .button--primary,
.stories-content .slider.js-initialized.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories-content .slider.js-initialized.bg-dark-accent .button--secondary,
.stories-content .slider.js-initialized.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.stories-content .slider.js-initialized.bg-dark-accent .button--tertiary,
.stories-content .slider.js-initialized.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.stories-content .slider.js-initialized.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories-content .slider.js-initialized.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories-content .slider.js-initialized.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories-content .slider.js-initialized.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories-content .slider.js-initialized.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.stories-content .slider.js-initialized.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories-content .slider.js-initialized.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories-content .slider.js-initialized.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories-content .slider.js-initialized.bg-dark-accent,
:where(main)>.stories-content .slider.js-initialized.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories-content .slider.js-initialized.bg-dark-accent+*>*,
:where(main)>.stories-content .slider.js-initialized.bg-dark-accent>* {
  --margin-top: initial
}

.stories-content .slider.js-initialized.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories-content .slider.js-initialized.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories-content .slider.js-initialized.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories-content .slider.js-initialized.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories-content .slider.js-initialized.bg-dark-accent.product-header,
  .stories-content .slider.js-initialized.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories-content .slider.js-initialized.bg-dark-accent.product-header,
  .stories-content .slider.js-initialized.bg-dark-accent.product-header[class*=bg-],
  .stories-content .slider.js-initialized.bg-dark-accent[class*=bg-],
  .stories-content .slider.js-initialized.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories-content .slider.js-initialized.bg-dark-accent.product-header .hintbox-icon img,
  .stories-content .slider.js-initialized.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories-content .slider.js-initialized.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories-content .slider.js-initialized.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories-content .slider.js-initialized.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories-content .slider.js-initialized.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.stories-content .slider.js-initialized.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.stories-content .slider.js-initialized.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories-content .slider.js-initialized.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories-content .slider.js-initialized.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories-content .slider.js-initialized.bg-dark-accent .hintbox,
.stories-content .slider.js-initialized.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories-content .slider.js-initialized.bg-dark-accent,
.overlay-content .main-column>.stories-content .slider.js-initialized.bg-dark-accent .stories-content .slider.js-initialized.bg-dark-accent,
.overlay-content body>.stories-content .slider.js-initialized.bg-dark-accent,
.overlay-content>.stories-content .slider.js-initialized.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories-content .slider.js-initialized.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.stories-content .slider.js-initialized.bg-dark-accent .stories-content .slider.js-initialized.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.stories-content .slider.js-initialized.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.stories-content .slider.js-initialized.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories-content .slider.js-initialized.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.stories-content .slider.js-initialized.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories-content .slider.js-initialized.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories-content .slider.js-initialized.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories-content .slider.js-initialized.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories-content .slider.js-initialized.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.stories-content .slider.js-initialized.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories-content .slider.js-initialized.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories-content .slider.js-initialized.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories-content .slider.js-initialized.bg-light-accent,
:where(main)>.stories-content .slider.js-initialized.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories-content .slider.js-initialized.bg-light-accent+*>*,
:where(main)>.stories-content .slider.js-initialized.bg-light-accent>* {
  --margin-top: initial
}

.stories-content .slider.js-initialized.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories-content .slider.js-initialized.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories-content .slider.js-initialized.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories-content .slider.js-initialized.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories-content .slider.js-initialized.bg-light-accent.product-header,
  .stories-content .slider.js-initialized.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories-content .slider.js-initialized.bg-light-accent.product-header,
  .stories-content .slider.js-initialized.bg-light-accent.product-header[class*=bg-],
  .stories-content .slider.js-initialized.bg-light-accent[class*=bg-],
  .stories-content .slider.js-initialized.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories-content .slider.js-initialized.bg-light-accent.product-header .hintbox-icon img,
  .stories-content .slider.js-initialized.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories-content .slider.js-initialized.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories-content .slider.js-initialized.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories-content .slider.js-initialized.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories-content .slider.js-initialized.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.stories-content .slider.js-initialized.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.stories-content .slider.js-initialized.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories-content .slider.js-initialized.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories-content .slider.js-initialized.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories-content .slider.js-initialized.bg-light-accent .hintbox,
.stories-content .slider.js-initialized.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories-content .slider.js-initialized.bg-light-accent,
.overlay-content .main-column>.stories-content .slider.js-initialized.bg-light-accent .stories-content .slider.js-initialized.bg-light-accent,
.overlay-content body>.stories-content .slider.js-initialized.bg-light-accent,
.overlay-content>.stories-content .slider.js-initialized.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories-content .slider.js-initialized.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.stories-content .slider.js-initialized.bg-light-accent .stories-content .slider.js-initialized.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.stories-content .slider.js-initialized.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.stories-content .slider.js-initialized.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories-content .slider.js-initialized.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.stories-content .slider.js-initialized.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories-content .slider.js-initialized.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories-content .slider.js-initialized.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories-content .slider.js-initialized.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories-content .slider.js-initialized.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.stories-content .slider.js-initialized.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories-content .slider.js-initialized.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories-content .slider.js-initialized.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories-content .slider.js-initialized.bg-light-accent-secondary,
:where(main)>.stories-content .slider.js-initialized.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories-content .slider.js-initialized.bg-light-accent-secondary+*>*,
:where(main)>.stories-content .slider.js-initialized.bg-light-accent-secondary>* {
  --margin-top: initial
}

.stories-content .slider.js-initialized.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories-content .slider.js-initialized.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories-content .slider.js-initialized.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories-content .slider.js-initialized.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories-content .slider.js-initialized.bg-light-accent-secondary.product-header,
  .stories-content .slider.js-initialized.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories-content .slider.js-initialized.bg-light-accent-secondary.product-header,
  .stories-content .slider.js-initialized.bg-light-accent-secondary.product-header[class*=bg-],
  .stories-content .slider.js-initialized.bg-light-accent-secondary[class*=bg-],
  .stories-content .slider.js-initialized.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories-content .slider.js-initialized.bg-light-accent-secondary.product-header .hintbox-icon img,
  .stories-content .slider.js-initialized.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories-content .slider.js-initialized.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories-content .slider.js-initialized.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories-content .slider.js-initialized.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories-content .slider.js-initialized.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.stories-content .slider.js-initialized.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.stories-content .slider.js-initialized.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories-content .slider.js-initialized.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories-content .slider.js-initialized.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories-content .slider.js-initialized.bg-light-accent-secondary .hintbox,
.stories-content .slider.js-initialized.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories-content .slider.js-initialized.bg-light-accent-secondary,
.overlay-content .main-column>.stories-content .slider.js-initialized.bg-light-accent-secondary .stories-content .slider.js-initialized.bg-light-accent-secondary,
.overlay-content body>.stories-content .slider.js-initialized.bg-light-accent-secondary,
.overlay-content>.stories-content .slider.js-initialized.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories-content .slider.js-initialized.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.stories-content .slider.js-initialized.bg-light-accent-secondary .stories-content .slider.js-initialized.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.stories-content .slider.js-initialized.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.stories-content .slider.js-initialized.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories-content .slider.js-initialized.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.stories-content .slider.js-initialized.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.stories-content .slider.js-initialized.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.stories-content .slider.js-initialized.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.stories-content .slider.js-initialized.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.stories-content .slider.js-initialized.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.stories-content .slider.js-initialized.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.stories-content .slider.js-initialized.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.stories-content .slider.js-initialized.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.stories-content .slider.js-initialized.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.stories-content .slider.js-initialized.bg-light,
:where(main)>.stories-content .slider.js-initialized.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.stories-content .slider.js-initialized.bg-light+*>*,
:where(main)>.stories-content .slider.js-initialized.bg-light>* {
  --margin-top: initial
}

.stories-content .slider.js-initialized.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.stories-content .slider.js-initialized.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .stories-content .slider.js-initialized.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .stories-content .slider.js-initialized.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .stories-content .slider.js-initialized.bg-light.product-header,
  .stories-content .slider.js-initialized.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .stories-content .slider.js-initialized.bg-light.product-header,
  .stories-content .slider.js-initialized.bg-light.product-header[class*=bg-],
  .stories-content .slider.js-initialized.bg-light[class*=bg-],
  .stories-content .slider.js-initialized.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .stories-content .slider.js-initialized.bg-light.product-header .hintbox-icon img,
  .stories-content .slider.js-initialized.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .stories-content .slider.js-initialized.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .stories-content .slider.js-initialized.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .stories-content .slider.js-initialized.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .stories-content .slider.js-initialized.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.stories-content .slider.js-initialized.bg-light .details--s9>.details .main-column[class*=bg-],
.stories-content .slider.js-initialized.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .stories-content .slider.js-initialized.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .stories-content .slider.js-initialized.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.stories-content .slider.js-initialized.bg-light .hintbox,
.stories-content .slider.js-initialized.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.stories-content .slider.js-initialized.bg-light,
.overlay-content .main-column>.stories-content .slider.js-initialized.bg-light .stories-content .slider.js-initialized.bg-light,
.overlay-content body>.stories-content .slider.js-initialized.bg-light,
.overlay-content>.stories-content .slider.js-initialized.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.stories-content .slider.js-initialized.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.stories-content .slider.js-initialized.bg-light .stories-content .slider.js-initialized.bg-light .product-label.product-label--overflow,
.overlay-content body>.stories-content .slider.js-initialized.bg-light .product-label.product-label--overflow,
.overlay-content>.stories-content .slider.js-initialized.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.stories-content .slider.js-initialized .slider-pagination {
  margin-top: 15px;
  padding-bottom: 20px
}

.stories-content h3 {
  display: flex;
  flex-direction: column
}

@media only print and (width >=0px) {
  .stories-content {
    display: grid;
    gap: 20px var(--gap);
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media only screen and (min-width:600px) {
  .stories-content {
    display: grid;
    gap: 20px var(--gap);
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media only print and (width >=0px) {
  .stories-content {
    gap: 30px var(--gap);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 356px minmax(126px, auto) 356px
  }
}

@media only screen and (min-width:960px) {
  .stories-content {
    gap: 30px var(--gap);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 356px minmax(126px, auto) 356px
  }
}

@media only print and (width >=0px) {
  .stories-grid-item {
    --row: 1;
    --row-span: 1;
    --column: 1;
    --column-span: 2;
    --aspect-ratio: 5/2;
    --height: 254px;
    display: flex;
    grid-column: var(--column, 1)/span var(--column-span, 2);
    grid-row: var(--row, 1)/span var(--row-span, 1)
  }

  .stories-grid-item:nth-child(2),
  .stories-grid-item:nth-child(4) {
    --aspect-ratio: 3/4;
    --height: 410px
  }

  .stories-grid-item:nth-child(2) {
    --row-span: 2;
    --column: 3;
    --column-span: 1
  }

  .stories-grid-item:nth-child(4) {
    --row: 2;
    --row-span: 2;
    --column: 1;
    --column-span: 1
  }

  .stories-grid-item:nth-child(5) {
    --row: 3;
    --column: 2;
    --column-span: 2
  }

  .stories-grid-item .stories-story-media {
    aspect-ratio: var(--aspect-ratio);
    height: var(--height)
  }
}

@media only screen and (min-width:960px) {
  .stories-grid-item {
    --row: 1;
    --row-span: 1;
    --column: 1;
    --column-span: 2;
    --aspect-ratio: 5/2;
    --height: 254px;
    display: flex;
    grid-column: var(--column, 1)/span var(--column-span, 2);
    grid-row: var(--row, 1)/span var(--row-span, 1)
  }

  .stories-grid-item:nth-child(2),
  .stories-grid-item:nth-child(4) {
    --aspect-ratio: 3/4;
    --height: 410px
  }

  .stories-grid-item:nth-child(2) {
    --row-span: 2;
    --column: 3;
    --column-span: 1
  }

  .stories-grid-item:nth-child(4) {
    --row: 2;
    --row-span: 2;
    --column: 1;
    --column-span: 1
  }

  .stories-grid-item:nth-child(5) {
    --row: 3;
    --column: 2;
    --column-span: 2
  }

  .stories-grid-item .stories-story-media {
    aspect-ratio: var(--aspect-ratio);
    height: var(--height)
  }
}

.stories-metric {
  --margin-top: 0px;
  display: flex
}

.stories-metric-inner {
  --bg: transparent;
  background-color: var(--bg);
  display: block;
  padding: 20px var(--gutter);
  text-align: center;
  width: 100%
}

@media only print and (width >=0px) {
  .stories-metric-inner {
    --bg: var(--color-background);
    padding: 20px
  }
}

@media only screen and (min-width:600px) {
  .stories-metric-inner {
    --bg: var(--color-background);
    padding: 20px
  }
}

@media only print and (width >=0px) {
  .stories-metric {
    grid-column: 1/span 2;
    grid-row: 2
  }
}

@media only screen and (min-width:600px) {
  .stories-metric {
    grid-column: 1/span 2;
    grid-row: 2
  }
}

@media only print and (width >=0px) {
  .stories-metric {
    grid-column: 2/span 1;
    grid-row: 2
  }
}

@media only screen and (min-width:960px) {
  .stories-metric {
    grid-column: 2/span 1;
    grid-row: 2
  }
}

.stories-story {
  --bg: var(--color-background);
  background-color: var(--bg);
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%
}

.stories-story-media {
  align-items: center;
  aspect-ratio: 16/9;
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 100%
}

.stories-story-content {
  background-color: var(--bg);
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 25px var(--gutter) 0;
  position: relative
}

.stories-story-content:before {
  --size: 40px;
  align-self: center;
  aspect-ratio: 1;
  background-color: var(--bg);
  border-radius: 4px;
  content: "";
  position: absolute;
  top: calc(-.3*var(--size));
  transform: rotate(45deg);
  width: var(--size)
}

.stories-story-content>h3 {
  background-color: var(--bg);
  position: relative
}

@media only print and (width >=0px) {
  .stories-story-content {
    padding: 25px 30px
  }
}

@media only screen and (min-width:600px) {
  .stories-story-content {
    padding: 25px 30px
  }
}

@media only print and (width >=0px) {
  .stories-story-content {
    bottom: 0;
    left: 0;
    min-height: 102px;
    position: absolute;
    right: 0
  }
}

@media only screen and (min-width:960px) {
  .stories-story-content {
    bottom: 0;
    left: 0;
    min-height: 102px;
    position: absolute;
    right: 0
  }
}

@media only print and (width >=0px) {
  .stories-story {
    padding-bottom: 102px
  }
}

@media only screen and (min-width:960px) {
  .stories-story {
    padding-bottom: 102px
  }
}

.stories a.stories-story:focus-visible .stories-story-content>.stories-story-content-inner,
.stories a.stories-story:focus-visible .stories-story-content>.stories-story-content-inner>.hl-4,
.stories a.stories-story:hover .stories-story-content>.stories-story-content-inner,
.stories a.stories-story:hover .stories-story-content>.stories-story-content-inner>.hl-4 {
  color: var(--link-color-hover);
  text-decoration: underline
}

.stories a.stories-story:focus-visible {
  outline: none
}

.stories a.stories-story:focus-visible .stories-story-content>.stories-story-content-inner>.hl-4 {
  border-radius: 4px;
  outline: 2px dashed var(--link-color-hover);
  outline-offset: 2px
}

.stories a.stories-story .stories-story-content>.stories-story-content-inner,
.stories a.stories-story .stories-story-content>.stories-story-content-inner>.hl-4 {
  color: var(--link-color)
}

.stories .stories-metric a.stories-metric-inner {
  --bg: var(--color-background-dark);
  color: var(--color);
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg)
}

.stories .stories-metric a.stories-metric-inner .button--primary,
.stories .stories-metric a.stories-metric-inner .button--primary-positive,
.stories .stories-metric a.stories-metric-inner .button--secondary,
.stories .stories-metric a.stories-metric-inner .button--secondary-positive,
.stories .stories-metric a.stories-metric-inner .button--tertiary,
.stories .stories-metric a.stories-metric-inner .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories .stories-metric a.stories-metric-inner .button--primary,
.stories .stories-metric a.stories-metric-inner .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories .stories-metric a.stories-metric-inner .button--secondary,
.stories .stories-metric a.stories-metric-inner .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.stories .stories-metric a.stories-metric-inner .button--tertiary,
.stories .stories-metric a.stories-metric-inner .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.stories .stories-metric a.stories-metric-inner:focus-visible,
.stories .stories-metric a.stories-metric-inner:hover {
  --bg: var(--color-background-dark);
  text-decoration: underline;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg)
}

.stories .stories-metric a.stories-metric-inner:focus-visible .button--primary,
.stories .stories-metric a.stories-metric-inner:focus-visible .button--primary-positive,
.stories .stories-metric a.stories-metric-inner:focus-visible .button--secondary,
.stories .stories-metric a.stories-metric-inner:focus-visible .button--secondary-positive,
.stories .stories-metric a.stories-metric-inner:focus-visible .button--tertiary,
.stories .stories-metric a.stories-metric-inner:focus-visible .button--tertiary-positive,
.stories .stories-metric a.stories-metric-inner:hover .button--primary,
.stories .stories-metric a.stories-metric-inner:hover .button--primary-positive,
.stories .stories-metric a.stories-metric-inner:hover .button--secondary,
.stories .stories-metric a.stories-metric-inner:hover .button--secondary-positive,
.stories .stories-metric a.stories-metric-inner:hover .button--tertiary,
.stories .stories-metric a.stories-metric-inner:hover .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories .stories-metric a.stories-metric-inner:focus-visible .button--primary,
.stories .stories-metric a.stories-metric-inner:focus-visible .button--primary-positive,
.stories .stories-metric a.stories-metric-inner:hover .button--primary,
.stories .stories-metric a.stories-metric-inner:hover .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.stories .stories-metric a.stories-metric-inner:focus-visible .button--secondary,
.stories .stories-metric a.stories-metric-inner:focus-visible .button--secondary-positive,
.stories .stories-metric a.stories-metric-inner:hover .button--secondary,
.stories .stories-metric a.stories-metric-inner:hover .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.stories .stories-metric a.stories-metric-inner:focus-visible .button--tertiary,
.stories .stories-metric a.stories-metric-inner:focus-visible .button--tertiary-positive,
.stories .stories-metric a.stories-metric-inner:hover .button--tertiary,
.stories .stories-metric a.stories-metric-inner:hover .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.stories .stories-metric a.stories-metric-inner:focus-visible {
  border-radius: 2px;
  outline: 2px dashed var(--link-color-hover);
  outline-offset: 2px
}

@media only screen and (max-width:calc(840px - 1px)) {
  .stories .stories-metric {
    position: relative
  }
}

@media only screen and (max-width:calc(600px - 1px)) {
  .stories.stories {
    padding-bottom: 0
  }
}

.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.topics-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topics-entry.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.topics-entry.bg-dark .button--primary,
.topics-entry.bg-dark .button--primary-positive,
.topics-entry.bg-dark .button--secondary,
.topics-entry.bg-dark .button--secondary-positive,
.topics-entry.bg-dark .button--tertiary,
.topics-entry.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topics-entry.bg-dark .button--primary,
.topics-entry.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topics-entry.bg-dark .button--secondary,
.topics-entry.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.topics-entry.bg-dark .button--tertiary,
.topics-entry.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.topics-entry.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topics-entry.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topics-entry.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topics-entry.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topics-entry.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.topics-entry.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topics-entry.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topics-entry.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topics-entry.bg-dark,
:where(main)>.topics-entry.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topics-entry.bg-dark+*>*,
:where(main)>.topics-entry.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .topics-entry.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .topics-entry.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.topics-entry.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topics-entry.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topics-entry.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topics-entry.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topics-entry.bg-dark.product-header,
  .topics-entry.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topics-entry.bg-dark.product-header,
  .topics-entry.bg-dark.product-header[class*=bg-],
  .topics-entry.bg-dark[class*=bg-],
  .topics-entry.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topics-entry.bg-dark.product-header .hintbox-icon img,
  .topics-entry.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topics-entry.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topics-entry.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topics-entry.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topics-entry.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.topics-entry.bg-dark .details--s9>.details .main-column[class*=bg-],
.topics-entry.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topics-entry.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topics-entry.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topics-entry.bg-dark .hintbox,
.topics-entry.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topics-entry.bg-dark,
.overlay-content .main-column>.topics-entry.bg-dark .topics-entry.bg-dark,
.overlay-content body>.topics-entry.bg-dark,
.overlay-content>.topics-entry.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topics-entry.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.topics-entry.bg-dark .topics-entry.bg-dark .product-label.product-label--overflow,
.overlay-content body>.topics-entry.bg-dark .product-label.product-label--overflow,
.overlay-content>.topics-entry.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topics-entry.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.topics-entry.bg-dark-accent .button--primary,
.topics-entry.bg-dark-accent .button--primary-positive,
.topics-entry.bg-dark-accent .button--secondary,
.topics-entry.bg-dark-accent .button--secondary-positive,
.topics-entry.bg-dark-accent .button--tertiary,
.topics-entry.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topics-entry.bg-dark-accent .button--primary,
.topics-entry.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topics-entry.bg-dark-accent .button--secondary,
.topics-entry.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.topics-entry.bg-dark-accent .button--tertiary,
.topics-entry.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.topics-entry.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topics-entry.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topics-entry.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topics-entry.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topics-entry.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.topics-entry.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topics-entry.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topics-entry.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topics-entry.bg-dark-accent,
:where(main)>.topics-entry.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topics-entry.bg-dark-accent+*>*,
:where(main)>.topics-entry.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .topics-entry.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .topics-entry.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.topics-entry.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topics-entry.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topics-entry.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topics-entry.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topics-entry.bg-dark-accent.product-header,
  .topics-entry.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topics-entry.bg-dark-accent.product-header,
  .topics-entry.bg-dark-accent.product-header[class*=bg-],
  .topics-entry.bg-dark-accent[class*=bg-],
  .topics-entry.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topics-entry.bg-dark-accent.product-header .hintbox-icon img,
  .topics-entry.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topics-entry.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topics-entry.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topics-entry.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topics-entry.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.topics-entry.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.topics-entry.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topics-entry.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topics-entry.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topics-entry.bg-dark-accent .hintbox,
.topics-entry.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topics-entry.bg-dark-accent,
.overlay-content .main-column>.topics-entry.bg-dark-accent .topics-entry.bg-dark-accent,
.overlay-content body>.topics-entry.bg-dark-accent,
.overlay-content>.topics-entry.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topics-entry.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.topics-entry.bg-dark-accent .topics-entry.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.topics-entry.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.topics-entry.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topics-entry.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.topics-entry.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topics-entry.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topics-entry.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topics-entry.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topics-entry.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.topics-entry.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topics-entry.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topics-entry.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topics-entry.bg-light-accent,
:where(main)>.topics-entry.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topics-entry.bg-light-accent+*>*,
:where(main)>.topics-entry.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .topics-entry.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .topics-entry.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.topics-entry.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topics-entry.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topics-entry.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topics-entry.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topics-entry.bg-light-accent.product-header,
  .topics-entry.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topics-entry.bg-light-accent.product-header,
  .topics-entry.bg-light-accent.product-header[class*=bg-],
  .topics-entry.bg-light-accent[class*=bg-],
  .topics-entry.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topics-entry.bg-light-accent.product-header .hintbox-icon img,
  .topics-entry.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topics-entry.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topics-entry.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topics-entry.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topics-entry.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.topics-entry.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.topics-entry.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topics-entry.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topics-entry.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topics-entry.bg-light-accent .hintbox,
.topics-entry.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topics-entry.bg-light-accent,
.overlay-content .main-column>.topics-entry.bg-light-accent .topics-entry.bg-light-accent,
.overlay-content body>.topics-entry.bg-light-accent,
.overlay-content>.topics-entry.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topics-entry.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.topics-entry.bg-light-accent .topics-entry.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.topics-entry.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.topics-entry.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topics-entry.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.topics-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topics-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topics-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topics-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topics-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.topics-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topics-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topics-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topics-entry.bg-light-accent-secondary,
:where(main)>.topics-entry.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topics-entry.bg-light-accent-secondary+*>*,
:where(main)>.topics-entry.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .topics-entry.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .topics-entry.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.topics-entry.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topics-entry.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topics-entry.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topics-entry.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topics-entry.bg-light-accent-secondary.product-header,
  .topics-entry.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topics-entry.bg-light-accent-secondary.product-header,
  .topics-entry.bg-light-accent-secondary.product-header[class*=bg-],
  .topics-entry.bg-light-accent-secondary[class*=bg-],
  .topics-entry.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topics-entry.bg-light-accent-secondary.product-header .hintbox-icon img,
  .topics-entry.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topics-entry.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topics-entry.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topics-entry.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topics-entry.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.topics-entry.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.topics-entry.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topics-entry.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topics-entry.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topics-entry.bg-light-accent-secondary .hintbox,
.topics-entry.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topics-entry.bg-light-accent-secondary,
.overlay-content .main-column>.topics-entry.bg-light-accent-secondary .topics-entry.bg-light-accent-secondary,
.overlay-content body>.topics-entry.bg-light-accent-secondary,
.overlay-content>.topics-entry.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topics-entry.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.topics-entry.bg-light-accent-secondary .topics-entry.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.topics-entry.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.topics-entry.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topics-entry.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.topics-entry.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topics-entry.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topics-entry.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topics-entry.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topics-entry.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.topics-entry.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topics-entry.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topics-entry.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topics-entry.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topics-entry.bg-light,
:where(main)>.topics-entry.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topics-entry.bg-light+*>*,
:where(main)>.topics-entry.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .topics-entry.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .topics-entry.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.topics-entry.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topics-entry.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topics-entry.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topics-entry.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topics-entry.bg-light.product-header,
  .topics-entry.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topics-entry.bg-light.product-header,
  .topics-entry.bg-light.product-header[class*=bg-],
  .topics-entry.bg-light[class*=bg-],
  .topics-entry.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topics-entry.bg-light.product-header .hintbox-icon img,
  .topics-entry.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topics-entry.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topics-entry.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topics-entry.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topics-entry.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.topics-entry.bg-light .details--s9>.details .main-column[class*=bg-],
.topics-entry.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topics-entry.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topics-entry.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topics-entry.bg-light .hintbox,
.topics-entry.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topics-entry.bg-light,
.overlay-content .main-column>.topics-entry.bg-light .topics-entry.bg-light,
.overlay-content body>.topics-entry.bg-light,
.overlay-content>.topics-entry.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topics-entry.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.topics-entry.bg-light .topics-entry.bg-light .product-label.product-label--overflow,
.overlay-content body>.topics-entry.bg-light .product-label.product-label--overflow,
.overlay-content>.topics-entry.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topics-entry-header {
  margin-bottom: var(--space-medium)
}

.topics-entry-header .title {
  margin-bottom: var(--space-x-small)
}

.topics-entry-content {
  display: grid;
  gap: var(--gap);
  gap: var(--space-large) var(--gap);
  grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr))
}

@media only print and (width >=0px) {
  .topics-entry-content {
    --cols: 2
  }
}

@media only screen and (min-width:600px) {
  .topics-entry-content {
    --cols: 2
  }
}

@media only print and (width >=0px) {
  .topics-entry-content {
    --cols: 3
  }
}

@media only screen and (min-width:840px) {
  .topics-entry-content {
    --cols: 3
  }
}

.topics-entry-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.topics-entry .image {
  margin-bottom: var(--space-x-small);
  max-height: 4.8rem;
  max-width: 4.8rem
}

.topics-entry .wrapper+.item-link {
  margin-top: var(--space-small)
}

.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.dynamic-house:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dynamic-house.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.dynamic-house.bg-dark .button--primary,
.dynamic-house.bg-dark .button--primary-positive,
.dynamic-house.bg-dark .button--secondary,
.dynamic-house.bg-dark .button--secondary-positive,
.dynamic-house.bg-dark .button--tertiary,
.dynamic-house.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.dynamic-house.bg-dark .button--primary,
.dynamic-house.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.dynamic-house.bg-dark .button--secondary,
.dynamic-house.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.dynamic-house.bg-dark .button--tertiary,
.dynamic-house.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.dynamic-house.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dynamic-house.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dynamic-house.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dynamic-house.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dynamic-house.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.dynamic-house.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dynamic-house.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dynamic-house.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dynamic-house.bg-dark,
:where(main)>.dynamic-house.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dynamic-house.bg-dark+*>*,
:where(main)>.dynamic-house.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .dynamic-house.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .dynamic-house.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.dynamic-house.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.dynamic-house.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dynamic-house.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dynamic-house.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dynamic-house.bg-dark.product-header,
  .dynamic-house.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dynamic-house.bg-dark.product-header,
  .dynamic-house.bg-dark.product-header[class*=bg-],
  .dynamic-house.bg-dark[class*=bg-],
  .dynamic-house.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dynamic-house.bg-dark.product-header .hintbox-icon img,
  .dynamic-house.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dynamic-house.bg-dark .details--s9>.details .main-column[class*=bg-],
.dynamic-house.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dynamic-house.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dynamic-house.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dynamic-house.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dynamic-house.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dynamic-house.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dynamic-house.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dynamic-house.bg-dark .hintbox,
.dynamic-house.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dynamic-house.bg-dark,
.overlay-content .main-column>.dynamic-house.bg-dark .dynamic-house.bg-dark,
.overlay-content body>.dynamic-house.bg-dark,
.overlay-content>.dynamic-house.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dynamic-house.bg-dark .dynamic-house.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.dynamic-house.bg-dark .product-label.product-label--overflow,
.overlay-content body>.dynamic-house.bg-dark .product-label.product-label--overflow,
.overlay-content>.dynamic-house.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dynamic-house.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.dynamic-house.bg-dark-accent .button--primary,
.dynamic-house.bg-dark-accent .button--primary-positive,
.dynamic-house.bg-dark-accent .button--secondary,
.dynamic-house.bg-dark-accent .button--secondary-positive,
.dynamic-house.bg-dark-accent .button--tertiary,
.dynamic-house.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.dynamic-house.bg-dark-accent .button--primary,
.dynamic-house.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.dynamic-house.bg-dark-accent .button--secondary,
.dynamic-house.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.dynamic-house.bg-dark-accent .button--tertiary,
.dynamic-house.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.dynamic-house.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dynamic-house.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dynamic-house.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dynamic-house.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dynamic-house.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.dynamic-house.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dynamic-house.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dynamic-house.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dynamic-house.bg-dark-accent,
:where(main)>.dynamic-house.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dynamic-house.bg-dark-accent+*>*,
:where(main)>.dynamic-house.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .dynamic-house.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .dynamic-house.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.dynamic-house.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.dynamic-house.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dynamic-house.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dynamic-house.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dynamic-house.bg-dark-accent.product-header,
  .dynamic-house.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dynamic-house.bg-dark-accent.product-header,
  .dynamic-house.bg-dark-accent.product-header[class*=bg-],
  .dynamic-house.bg-dark-accent[class*=bg-],
  .dynamic-house.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dynamic-house.bg-dark-accent.product-header .hintbox-icon img,
  .dynamic-house.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dynamic-house.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.dynamic-house.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dynamic-house.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dynamic-house.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dynamic-house.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dynamic-house.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dynamic-house.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dynamic-house.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dynamic-house.bg-dark-accent .hintbox,
.dynamic-house.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dynamic-house.bg-dark-accent,
.overlay-content .main-column>.dynamic-house.bg-dark-accent .dynamic-house.bg-dark-accent,
.overlay-content body>.dynamic-house.bg-dark-accent,
.overlay-content>.dynamic-house.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dynamic-house.bg-dark-accent .dynamic-house.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.dynamic-house.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.dynamic-house.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.dynamic-house.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dynamic-house.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.dynamic-house.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dynamic-house.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dynamic-house.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dynamic-house.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dynamic-house.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.dynamic-house.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dynamic-house.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dynamic-house.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dynamic-house.bg-light-accent,
:where(main)>.dynamic-house.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dynamic-house.bg-light-accent+*>*,
:where(main)>.dynamic-house.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .dynamic-house.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .dynamic-house.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.dynamic-house.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.dynamic-house.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dynamic-house.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dynamic-house.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dynamic-house.bg-light-accent.product-header,
  .dynamic-house.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dynamic-house.bg-light-accent.product-header,
  .dynamic-house.bg-light-accent.product-header[class*=bg-],
  .dynamic-house.bg-light-accent[class*=bg-],
  .dynamic-house.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dynamic-house.bg-light-accent.product-header .hintbox-icon img,
  .dynamic-house.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dynamic-house.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.dynamic-house.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dynamic-house.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dynamic-house.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dynamic-house.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dynamic-house.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dynamic-house.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dynamic-house.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dynamic-house.bg-light-accent .hintbox,
.dynamic-house.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dynamic-house.bg-light-accent,
.overlay-content .main-column>.dynamic-house.bg-light-accent .dynamic-house.bg-light-accent,
.overlay-content body>.dynamic-house.bg-light-accent,
.overlay-content>.dynamic-house.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dynamic-house.bg-light-accent .dynamic-house.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.dynamic-house.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.dynamic-house.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.dynamic-house.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dynamic-house.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.dynamic-house.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dynamic-house.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dynamic-house.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dynamic-house.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dynamic-house.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.dynamic-house.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dynamic-house.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dynamic-house.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dynamic-house.bg-light-accent-secondary,
:where(main)>.dynamic-house.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dynamic-house.bg-light-accent-secondary+*>*,
:where(main)>.dynamic-house.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .dynamic-house.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .dynamic-house.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.dynamic-house.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.dynamic-house.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dynamic-house.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dynamic-house.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dynamic-house.bg-light-accent-secondary.product-header,
  .dynamic-house.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dynamic-house.bg-light-accent-secondary.product-header,
  .dynamic-house.bg-light-accent-secondary.product-header[class*=bg-],
  .dynamic-house.bg-light-accent-secondary[class*=bg-],
  .dynamic-house.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dynamic-house.bg-light-accent-secondary.product-header .hintbox-icon img,
  .dynamic-house.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dynamic-house.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.dynamic-house.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dynamic-house.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dynamic-house.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dynamic-house.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dynamic-house.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dynamic-house.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dynamic-house.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dynamic-house.bg-light-accent-secondary .hintbox,
.dynamic-house.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dynamic-house.bg-light-accent-secondary,
.overlay-content .main-column>.dynamic-house.bg-light-accent-secondary .dynamic-house.bg-light-accent-secondary,
.overlay-content body>.dynamic-house.bg-light-accent-secondary,
.overlay-content>.dynamic-house.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dynamic-house.bg-light-accent-secondary .dynamic-house.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.dynamic-house.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.dynamic-house.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.dynamic-house.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dynamic-house.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.dynamic-house.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.dynamic-house.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.dynamic-house.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.dynamic-house.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.dynamic-house.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.dynamic-house.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.dynamic-house.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.dynamic-house.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.dynamic-house.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.dynamic-house.bg-light,
:where(main)>.dynamic-house.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.dynamic-house.bg-light+*>*,
:where(main)>.dynamic-house.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .dynamic-house.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .dynamic-house.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.dynamic-house.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.dynamic-house.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .dynamic-house.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .dynamic-house.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .dynamic-house.bg-light.product-header,
  .dynamic-house.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .dynamic-house.bg-light.product-header,
  .dynamic-house.bg-light.product-header[class*=bg-],
  .dynamic-house.bg-light[class*=bg-],
  .dynamic-house.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .dynamic-house.bg-light.product-header .hintbox-icon img,
  .dynamic-house.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.dynamic-house.bg-light .details--s9>.details .main-column[class*=bg-],
.dynamic-house.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .dynamic-house.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .dynamic-house.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .dynamic-house.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .dynamic-house.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .dynamic-house.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .dynamic-house.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.dynamic-house.bg-light .hintbox,
.dynamic-house.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.dynamic-house.bg-light,
.overlay-content .main-column>.dynamic-house.bg-light .dynamic-house.bg-light,
.overlay-content body>.dynamic-house.bg-light,
.overlay-content>.dynamic-house.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.dynamic-house.bg-light .dynamic-house.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.dynamic-house.bg-light .product-label.product-label--overflow,
.overlay-content body>.dynamic-house.bg-light .product-label.product-label--overflow,
.overlay-content>.dynamic-house.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.dynamic-house-header,
.dynamic-house-header:not(:last-child) {
  margin: 0
}

.dynamic-house-smk+.dynamic-house-title {
  display: block
}

.dynamic-house-smk+.dynamic-house-content,
.dynamic-house-smk+.dynamic-house-title {
  margin-top: .5rem
}

.dynamic-house-header+.dynamic-house-content {
  margin-top: var(--space-large)
}

.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.kfw-ikk-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-ikk-overview.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.kfw-ikk-overview.bg-dark .button--primary,
.kfw-ikk-overview.bg-dark .button--primary-positive,
.kfw-ikk-overview.bg-dark .button--secondary,
.kfw-ikk-overview.bg-dark .button--secondary-positive,
.kfw-ikk-overview.bg-dark .button--tertiary,
.kfw-ikk-overview.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-ikk-overview.bg-dark .button--primary,
.kfw-ikk-overview.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-ikk-overview.bg-dark .button--secondary,
.kfw-ikk-overview.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-ikk-overview.bg-dark .button--tertiary,
.kfw-ikk-overview.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-ikk-overview.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-ikk-overview.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-ikk-overview.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-ikk-overview.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-ikk-overview.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-ikk-overview.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-ikk-overview.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-ikk-overview.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-ikk-overview.bg-dark,
:where(main)>.kfw-ikk-overview.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-ikk-overview.bg-dark+*>*,
:where(main)>.kfw-ikk-overview.bg-dark>* {
  --margin-top: initial
}

.kfw-ikk-overview.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-ikk-overview.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-ikk-overview.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-ikk-overview.bg-dark.product-header,
  .kfw-ikk-overview.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-ikk-overview.bg-dark.product-header,
  .kfw-ikk-overview.bg-dark.product-header[class*=bg-],
  .kfw-ikk-overview.bg-dark[class*=bg-],
  .kfw-ikk-overview.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-ikk-overview.bg-dark.product-header .hintbox-icon img,
  .kfw-ikk-overview.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-ikk-overview.bg-dark .details--s9>.details .main-column[class*=bg-],
.kfw-ikk-overview.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-ikk-overview.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-ikk-overview.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-ikk-overview.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-ikk-overview.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-ikk-overview.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-ikk-overview.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-ikk-overview.bg-dark .hintbox,
.kfw-ikk-overview.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-ikk-overview.bg-dark,
.overlay-content .main-column>.kfw-ikk-overview.bg-dark .kfw-ikk-overview.bg-dark,
.overlay-content body>.kfw-ikk-overview.bg-dark,
.overlay-content>.kfw-ikk-overview.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-ikk-overview.bg-dark .kfw-ikk-overview.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-ikk-overview.bg-dark .product-label.product-label--overflow,
.overlay-content body>.kfw-ikk-overview.bg-dark .product-label.product-label--overflow,
.overlay-content>.kfw-ikk-overview.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-ikk-overview.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.kfw-ikk-overview.bg-dark-accent .button--primary,
.kfw-ikk-overview.bg-dark-accent .button--primary-positive,
.kfw-ikk-overview.bg-dark-accent .button--secondary,
.kfw-ikk-overview.bg-dark-accent .button--secondary-positive,
.kfw-ikk-overview.bg-dark-accent .button--tertiary,
.kfw-ikk-overview.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-ikk-overview.bg-dark-accent .button--primary,
.kfw-ikk-overview.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-ikk-overview.bg-dark-accent .button--secondary,
.kfw-ikk-overview.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-ikk-overview.bg-dark-accent .button--tertiary,
.kfw-ikk-overview.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-ikk-overview.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-ikk-overview.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-ikk-overview.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-ikk-overview.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-ikk-overview.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-ikk-overview.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-ikk-overview.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-ikk-overview.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-ikk-overview.bg-dark-accent,
:where(main)>.kfw-ikk-overview.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-ikk-overview.bg-dark-accent+*>*,
:where(main)>.kfw-ikk-overview.bg-dark-accent>* {
  --margin-top: initial
}

.kfw-ikk-overview.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-ikk-overview.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-ikk-overview.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-ikk-overview.bg-dark-accent.product-header,
  .kfw-ikk-overview.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-ikk-overview.bg-dark-accent.product-header,
  .kfw-ikk-overview.bg-dark-accent.product-header[class*=bg-],
  .kfw-ikk-overview.bg-dark-accent[class*=bg-],
  .kfw-ikk-overview.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-ikk-overview.bg-dark-accent.product-header .hintbox-icon img,
  .kfw-ikk-overview.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-ikk-overview.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.kfw-ikk-overview.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-ikk-overview.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-ikk-overview.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-ikk-overview.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-ikk-overview.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-ikk-overview.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-ikk-overview.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-ikk-overview.bg-dark-accent .hintbox,
.kfw-ikk-overview.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-ikk-overview.bg-dark-accent,
.overlay-content .main-column>.kfw-ikk-overview.bg-dark-accent .kfw-ikk-overview.bg-dark-accent,
.overlay-content body>.kfw-ikk-overview.bg-dark-accent,
.overlay-content>.kfw-ikk-overview.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-ikk-overview.bg-dark-accent .kfw-ikk-overview.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-ikk-overview.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-ikk-overview.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.kfw-ikk-overview.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-ikk-overview.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-ikk-overview.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-ikk-overview.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-ikk-overview.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-ikk-overview.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-ikk-overview.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-ikk-overview.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-ikk-overview.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-ikk-overview.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-ikk-overview.bg-light-accent,
:where(main)>.kfw-ikk-overview.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-ikk-overview.bg-light-accent+*>*,
:where(main)>.kfw-ikk-overview.bg-light-accent>* {
  --margin-top: initial
}

.kfw-ikk-overview.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-ikk-overview.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-ikk-overview.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-ikk-overview.bg-light-accent.product-header,
  .kfw-ikk-overview.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-ikk-overview.bg-light-accent.product-header,
  .kfw-ikk-overview.bg-light-accent.product-header[class*=bg-],
  .kfw-ikk-overview.bg-light-accent[class*=bg-],
  .kfw-ikk-overview.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-ikk-overview.bg-light-accent.product-header .hintbox-icon img,
  .kfw-ikk-overview.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-ikk-overview.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.kfw-ikk-overview.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-ikk-overview.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-ikk-overview.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-ikk-overview.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-ikk-overview.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-ikk-overview.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-ikk-overview.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-ikk-overview.bg-light-accent .hintbox,
.kfw-ikk-overview.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-ikk-overview.bg-light-accent,
.overlay-content .main-column>.kfw-ikk-overview.bg-light-accent .kfw-ikk-overview.bg-light-accent,
.overlay-content body>.kfw-ikk-overview.bg-light-accent,
.overlay-content>.kfw-ikk-overview.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-ikk-overview.bg-light-accent .kfw-ikk-overview.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-ikk-overview.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-ikk-overview.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.kfw-ikk-overview.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-ikk-overview.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-ikk-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-ikk-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-ikk-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-ikk-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-ikk-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-ikk-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-ikk-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-ikk-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-ikk-overview.bg-light-accent-secondary,
:where(main)>.kfw-ikk-overview.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-ikk-overview.bg-light-accent-secondary+*>*,
:where(main)>.kfw-ikk-overview.bg-light-accent-secondary>* {
  --margin-top: initial
}

.kfw-ikk-overview.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-ikk-overview.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-ikk-overview.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-ikk-overview.bg-light-accent-secondary.product-header,
  .kfw-ikk-overview.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-ikk-overview.bg-light-accent-secondary.product-header,
  .kfw-ikk-overview.bg-light-accent-secondary.product-header[class*=bg-],
  .kfw-ikk-overview.bg-light-accent-secondary[class*=bg-],
  .kfw-ikk-overview.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-ikk-overview.bg-light-accent-secondary.product-header .hintbox-icon img,
  .kfw-ikk-overview.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-ikk-overview.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.kfw-ikk-overview.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-ikk-overview.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-ikk-overview.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-ikk-overview.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-ikk-overview.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-ikk-overview.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-ikk-overview.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-ikk-overview.bg-light-accent-secondary .hintbox,
.kfw-ikk-overview.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-ikk-overview.bg-light-accent-secondary,
.overlay-content .main-column>.kfw-ikk-overview.bg-light-accent-secondary .kfw-ikk-overview.bg-light-accent-secondary,
.overlay-content body>.kfw-ikk-overview.bg-light-accent-secondary,
.overlay-content>.kfw-ikk-overview.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-ikk-overview.bg-light-accent-secondary .kfw-ikk-overview.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-ikk-overview.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.kfw-ikk-overview.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.kfw-ikk-overview.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-ikk-overview.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-ikk-overview.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-ikk-overview.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-ikk-overview.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-ikk-overview.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-ikk-overview.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-ikk-overview.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-ikk-overview.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-ikk-overview.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-overview.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-ikk-overview.bg-light,
:where(main)>.kfw-ikk-overview.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-ikk-overview.bg-light+*>*,
:where(main)>.kfw-ikk-overview.bg-light>* {
  --margin-top: initial
}

.kfw-ikk-overview.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-ikk-overview.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-ikk-overview.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-ikk-overview.bg-light.product-header,
  .kfw-ikk-overview.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-ikk-overview.bg-light.product-header,
  .kfw-ikk-overview.bg-light.product-header[class*=bg-],
  .kfw-ikk-overview.bg-light[class*=bg-],
  .kfw-ikk-overview.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-ikk-overview.bg-light.product-header .hintbox-icon img,
  .kfw-ikk-overview.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-ikk-overview.bg-light .details--s9>.details .main-column[class*=bg-],
.kfw-ikk-overview.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-ikk-overview.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-ikk-overview.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-ikk-overview.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-ikk-overview.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-ikk-overview.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-ikk-overview.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-ikk-overview.bg-light .hintbox,
.kfw-ikk-overview.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-ikk-overview.bg-light,
.overlay-content .main-column>.kfw-ikk-overview.bg-light .kfw-ikk-overview.bg-light,
.overlay-content body>.kfw-ikk-overview.bg-light,
.overlay-content>.kfw-ikk-overview.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-ikk-overview.bg-light .kfw-ikk-overview.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-ikk-overview.bg-light .product-label.product-label--overflow,
.overlay-content body>.kfw-ikk-overview.bg-light .product-label.product-label--overflow,
.overlay-content>.kfw-ikk-overview.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-ikk-overview {
  --overwrite-margin-top: var(--space-big)
}

.ikk-overview-programs {
  display: flex;
  flex-direction: column;
  gap: var(--space-large)
}

.ikk-overview-program {
  display: flex;
  flex-direction: column;
  gap: var(--space-small)
}

.ikk-overview-program-head .hl-2 {
  --margin-bottom: var(--space-x-small)
}

.ikk-overview-program-table table tr td:nth-child(2),
.ikk-overview-program-table table tr th:nth-child(2) {
  text-align: right
}

.ikk-overview .error-message {
  display: flex
}

.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.product-finder-intro-text:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.product-finder-intro-text.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.product-finder-intro-text.bg-dark .button--primary,
.product-finder-intro-text.bg-dark .button--primary-positive,
.product-finder-intro-text.bg-dark .button--secondary,
.product-finder-intro-text.bg-dark .button--secondary-positive,
.product-finder-intro-text.bg-dark .button--tertiary,
.product-finder-intro-text.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.product-finder-intro-text.bg-dark .button--primary,
.product-finder-intro-text.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.product-finder-intro-text.bg-dark .button--secondary,
.product-finder-intro-text.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.product-finder-intro-text.bg-dark .button--tertiary,
.product-finder-intro-text.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.product-finder-intro-text.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.product-finder-intro-text.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.product-finder-intro-text.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.product-finder-intro-text.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.product-finder-intro-text.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.product-finder-intro-text.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.product-finder-intro-text.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.product-finder-intro-text.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.product-finder-intro-text.bg-dark,
:where(main)>.product-finder-intro-text.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.product-finder-intro-text.bg-dark+*>*,
:where(main)>.product-finder-intro-text.bg-dark>* {
  --margin-top: initial
}

.product-finder-intro-text.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .product-finder-intro-text.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .product-finder-intro-text.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .product-finder-intro-text.bg-dark.product-header,
  .product-finder-intro-text.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .product-finder-intro-text.bg-dark.product-header,
  .product-finder-intro-text.bg-dark.product-header[class*=bg-],
  .product-finder-intro-text.bg-dark[class*=bg-],
  .product-finder-intro-text.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .product-finder-intro-text.bg-dark.product-header .hintbox-icon img,
  .product-finder-intro-text.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .product-finder-intro-text.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .product-finder-intro-text.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .product-finder-intro-text.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .product-finder-intro-text.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.product-finder-intro-text.bg-dark .details--s9>.details .main-column[class*=bg-],
.product-finder-intro-text.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .product-finder-intro-text.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .product-finder-intro-text.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.product-finder-intro-text.bg-dark .hintbox,
.product-finder-intro-text.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.product-finder-intro-text.bg-dark,
.overlay-content .main-column>.product-finder-intro-text.bg-dark .product-finder-intro-text.bg-dark,
.overlay-content body>.product-finder-intro-text.bg-dark,
.overlay-content>.product-finder-intro-text.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.product-finder-intro-text.bg-dark .product-finder-intro-text.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.product-finder-intro-text.bg-dark .product-label.product-label--overflow,
.overlay-content body>.product-finder-intro-text.bg-dark .product-label.product-label--overflow,
.overlay-content>.product-finder-intro-text.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.product-finder-intro-text.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.product-finder-intro-text.bg-dark-accent .button--primary,
.product-finder-intro-text.bg-dark-accent .button--primary-positive,
.product-finder-intro-text.bg-dark-accent .button--secondary,
.product-finder-intro-text.bg-dark-accent .button--secondary-positive,
.product-finder-intro-text.bg-dark-accent .button--tertiary,
.product-finder-intro-text.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.product-finder-intro-text.bg-dark-accent .button--primary,
.product-finder-intro-text.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.product-finder-intro-text.bg-dark-accent .button--secondary,
.product-finder-intro-text.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.product-finder-intro-text.bg-dark-accent .button--tertiary,
.product-finder-intro-text.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.product-finder-intro-text.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.product-finder-intro-text.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.product-finder-intro-text.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.product-finder-intro-text.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.product-finder-intro-text.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.product-finder-intro-text.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.product-finder-intro-text.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.product-finder-intro-text.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.product-finder-intro-text.bg-dark-accent,
:where(main)>.product-finder-intro-text.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.product-finder-intro-text.bg-dark-accent+*>*,
:where(main)>.product-finder-intro-text.bg-dark-accent>* {
  --margin-top: initial
}

.product-finder-intro-text.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .product-finder-intro-text.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .product-finder-intro-text.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .product-finder-intro-text.bg-dark-accent.product-header,
  .product-finder-intro-text.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .product-finder-intro-text.bg-dark-accent.product-header,
  .product-finder-intro-text.bg-dark-accent.product-header[class*=bg-],
  .product-finder-intro-text.bg-dark-accent[class*=bg-],
  .product-finder-intro-text.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .product-finder-intro-text.bg-dark-accent.product-header .hintbox-icon img,
  .product-finder-intro-text.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .product-finder-intro-text.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .product-finder-intro-text.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .product-finder-intro-text.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .product-finder-intro-text.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.product-finder-intro-text.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.product-finder-intro-text.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .product-finder-intro-text.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .product-finder-intro-text.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.product-finder-intro-text.bg-dark-accent .hintbox,
.product-finder-intro-text.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.product-finder-intro-text.bg-dark-accent,
.overlay-content .main-column>.product-finder-intro-text.bg-dark-accent .product-finder-intro-text.bg-dark-accent,
.overlay-content body>.product-finder-intro-text.bg-dark-accent,
.overlay-content>.product-finder-intro-text.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.product-finder-intro-text.bg-dark-accent .product-finder-intro-text.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.product-finder-intro-text.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.product-finder-intro-text.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.product-finder-intro-text.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.product-finder-intro-text.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.product-finder-intro-text.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.product-finder-intro-text.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.product-finder-intro-text.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.product-finder-intro-text.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.product-finder-intro-text.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.product-finder-intro-text.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.product-finder-intro-text.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.product-finder-intro-text.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.product-finder-intro-text.bg-light-accent,
:where(main)>.product-finder-intro-text.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.product-finder-intro-text.bg-light-accent+*>*,
:where(main)>.product-finder-intro-text.bg-light-accent>* {
  --margin-top: initial
}

.product-finder-intro-text.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .product-finder-intro-text.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .product-finder-intro-text.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .product-finder-intro-text.bg-light-accent.product-header,
  .product-finder-intro-text.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .product-finder-intro-text.bg-light-accent.product-header,
  .product-finder-intro-text.bg-light-accent.product-header[class*=bg-],
  .product-finder-intro-text.bg-light-accent[class*=bg-],
  .product-finder-intro-text.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .product-finder-intro-text.bg-light-accent.product-header .hintbox-icon img,
  .product-finder-intro-text.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .product-finder-intro-text.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .product-finder-intro-text.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .product-finder-intro-text.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .product-finder-intro-text.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.product-finder-intro-text.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.product-finder-intro-text.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .product-finder-intro-text.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .product-finder-intro-text.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.product-finder-intro-text.bg-light-accent .hintbox,
.product-finder-intro-text.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.product-finder-intro-text.bg-light-accent,
.overlay-content .main-column>.product-finder-intro-text.bg-light-accent .product-finder-intro-text.bg-light-accent,
.overlay-content body>.product-finder-intro-text.bg-light-accent,
.overlay-content>.product-finder-intro-text.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.product-finder-intro-text.bg-light-accent .product-finder-intro-text.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.product-finder-intro-text.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.product-finder-intro-text.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.product-finder-intro-text.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.product-finder-intro-text.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.product-finder-intro-text.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.product-finder-intro-text.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.product-finder-intro-text.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.product-finder-intro-text.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.product-finder-intro-text.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.product-finder-intro-text.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.product-finder-intro-text.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.product-finder-intro-text.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.product-finder-intro-text.bg-light-accent-secondary,
:where(main)>.product-finder-intro-text.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.product-finder-intro-text.bg-light-accent-secondary+*>*,
:where(main)>.product-finder-intro-text.bg-light-accent-secondary>* {
  --margin-top: initial
}

.product-finder-intro-text.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .product-finder-intro-text.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .product-finder-intro-text.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .product-finder-intro-text.bg-light-accent-secondary.product-header,
  .product-finder-intro-text.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .product-finder-intro-text.bg-light-accent-secondary.product-header,
  .product-finder-intro-text.bg-light-accent-secondary.product-header[class*=bg-],
  .product-finder-intro-text.bg-light-accent-secondary[class*=bg-],
  .product-finder-intro-text.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .product-finder-intro-text.bg-light-accent-secondary.product-header .hintbox-icon img,
  .product-finder-intro-text.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .product-finder-intro-text.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .product-finder-intro-text.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .product-finder-intro-text.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .product-finder-intro-text.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.product-finder-intro-text.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.product-finder-intro-text.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .product-finder-intro-text.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .product-finder-intro-text.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.product-finder-intro-text.bg-light-accent-secondary .hintbox,
.product-finder-intro-text.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.product-finder-intro-text.bg-light-accent-secondary,
.overlay-content .main-column>.product-finder-intro-text.bg-light-accent-secondary .product-finder-intro-text.bg-light-accent-secondary,
.overlay-content body>.product-finder-intro-text.bg-light-accent-secondary,
.overlay-content>.product-finder-intro-text.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.product-finder-intro-text.bg-light-accent-secondary .product-finder-intro-text.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.product-finder-intro-text.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.product-finder-intro-text.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.product-finder-intro-text.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.product-finder-intro-text.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.product-finder-intro-text.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.product-finder-intro-text.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.product-finder-intro-text.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.product-finder-intro-text.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.product-finder-intro-text.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.product-finder-intro-text.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.product-finder-intro-text.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.product-finder-intro-text.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-finder-intro-text.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.product-finder-intro-text.bg-light,
:where(main)>.product-finder-intro-text.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.product-finder-intro-text.bg-light+*>*,
:where(main)>.product-finder-intro-text.bg-light>* {
  --margin-top: initial
}

.product-finder-intro-text.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .product-finder-intro-text.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .product-finder-intro-text.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .product-finder-intro-text.bg-light.product-header,
  .product-finder-intro-text.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .product-finder-intro-text.bg-light.product-header,
  .product-finder-intro-text.bg-light.product-header[class*=bg-],
  .product-finder-intro-text.bg-light[class*=bg-],
  .product-finder-intro-text.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .product-finder-intro-text.bg-light.product-header .hintbox-icon img,
  .product-finder-intro-text.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .product-finder-intro-text.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .product-finder-intro-text.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .product-finder-intro-text.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .product-finder-intro-text.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.product-finder-intro-text.bg-light .details--s9>.details .main-column[class*=bg-],
.product-finder-intro-text.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .product-finder-intro-text.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .product-finder-intro-text.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.product-finder-intro-text.bg-light .hintbox,
.product-finder-intro-text.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.product-finder-intro-text.bg-light,
.overlay-content .main-column>.product-finder-intro-text.bg-light .product-finder-intro-text.bg-light,
.overlay-content body>.product-finder-intro-text.bg-light,
.overlay-content>.product-finder-intro-text.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.product-finder-intro-text.bg-light .product-finder-intro-text.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.product-finder-intro-text.bg-light .product-label.product-label--overflow,
.overlay-content body>.product-finder-intro-text.bg-light .product-label.product-label--overflow,
.overlay-content>.product-finder-intro-text.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.kfw-product-finder .product-finder:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-product-finder .product-finder.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.kfw-product-finder .product-finder.bg-dark .button--primary,
.kfw-product-finder .product-finder.bg-dark .button--primary-positive,
.kfw-product-finder .product-finder.bg-dark .button--secondary,
.kfw-product-finder .product-finder.bg-dark .button--secondary-positive,
.kfw-product-finder .product-finder.bg-dark .button--tertiary,
.kfw-product-finder .product-finder.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-product-finder .product-finder.bg-dark .button--primary,
.kfw-product-finder .product-finder.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-product-finder .product-finder.bg-dark .button--secondary,
.kfw-product-finder .product-finder.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-product-finder .product-finder.bg-dark .button--tertiary,
.kfw-product-finder .product-finder.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-product-finder .product-finder.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-product-finder .product-finder.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-product-finder .product-finder.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-product-finder .product-finder.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-product-finder .product-finder.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-product-finder .product-finder.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-product-finder .product-finder.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-product-finder .product-finder.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-product-finder .product-finder.bg-dark,
:where(main)>.kfw-product-finder .product-finder.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-product-finder .product-finder.bg-dark+*>*,
:where(main)>.kfw-product-finder .product-finder.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-product-finder .product-finder.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-product-finder .product-finder.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-product-finder .product-finder.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-product-finder .product-finder.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-product-finder .product-finder.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-product-finder .product-finder.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-product-finder .product-finder.bg-dark.product-header,
  .kfw-product-finder .product-finder.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-product-finder .product-finder.bg-dark.product-header,
  .kfw-product-finder .product-finder.bg-dark.product-header[class*=bg-],
  .kfw-product-finder .product-finder.bg-dark[class*=bg-],
  .kfw-product-finder .product-finder.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-product-finder .product-finder.bg-dark.product-header .hintbox-icon img,
  .kfw-product-finder .product-finder.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-product-finder .product-finder.bg-dark .details--s9>.details .main-column[class*=bg-],
.kfw-product-finder .product-finder.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-product-finder .product-finder.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-product-finder .product-finder.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-product-finder .product-finder.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-product-finder .product-finder.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-product-finder .product-finder.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-product-finder .product-finder.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-product-finder .product-finder.bg-dark .hintbox,
.kfw-product-finder .product-finder.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-product-finder .product-finder.bg-dark,
.overlay-content .main-column>.kfw-product-finder .product-finder.bg-dark .kfw-product-finder .product-finder.bg-dark,
.overlay-content body>.kfw-product-finder .product-finder.bg-dark,
.overlay-content>.kfw-product-finder .product-finder.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-product-finder .product-finder.bg-dark .kfw-product-finder .product-finder.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-product-finder .product-finder.bg-dark .product-label.product-label--overflow,
.overlay-content body>.kfw-product-finder .product-finder.bg-dark .product-label.product-label--overflow,
.overlay-content>.kfw-product-finder .product-finder.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-product-finder .product-finder.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.kfw-product-finder .product-finder.bg-dark-accent .button--primary,
.kfw-product-finder .product-finder.bg-dark-accent .button--primary-positive,
.kfw-product-finder .product-finder.bg-dark-accent .button--secondary,
.kfw-product-finder .product-finder.bg-dark-accent .button--secondary-positive,
.kfw-product-finder .product-finder.bg-dark-accent .button--tertiary,
.kfw-product-finder .product-finder.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-product-finder .product-finder.bg-dark-accent .button--primary,
.kfw-product-finder .product-finder.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-product-finder .product-finder.bg-dark-accent .button--secondary,
.kfw-product-finder .product-finder.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-product-finder .product-finder.bg-dark-accent .button--tertiary,
.kfw-product-finder .product-finder.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-product-finder .product-finder.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-product-finder .product-finder.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-product-finder .product-finder.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-product-finder .product-finder.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-product-finder .product-finder.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-product-finder .product-finder.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-product-finder .product-finder.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-product-finder .product-finder.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-product-finder .product-finder.bg-dark-accent,
:where(main)>.kfw-product-finder .product-finder.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-product-finder .product-finder.bg-dark-accent+*>*,
:where(main)>.kfw-product-finder .product-finder.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-product-finder .product-finder.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-product-finder .product-finder.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-product-finder .product-finder.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-product-finder .product-finder.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-product-finder .product-finder.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-product-finder .product-finder.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-product-finder .product-finder.bg-dark-accent.product-header,
  .kfw-product-finder .product-finder.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-product-finder .product-finder.bg-dark-accent.product-header,
  .kfw-product-finder .product-finder.bg-dark-accent.product-header[class*=bg-],
  .kfw-product-finder .product-finder.bg-dark-accent[class*=bg-],
  .kfw-product-finder .product-finder.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-product-finder .product-finder.bg-dark-accent.product-header .hintbox-icon img,
  .kfw-product-finder .product-finder.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-product-finder .product-finder.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.kfw-product-finder .product-finder.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-product-finder .product-finder.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-product-finder .product-finder.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-product-finder .product-finder.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-product-finder .product-finder.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-product-finder .product-finder.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-product-finder .product-finder.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-product-finder .product-finder.bg-dark-accent .hintbox,
.kfw-product-finder .product-finder.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-product-finder .product-finder.bg-dark-accent,
.overlay-content .main-column>.kfw-product-finder .product-finder.bg-dark-accent .kfw-product-finder .product-finder.bg-dark-accent,
.overlay-content body>.kfw-product-finder .product-finder.bg-dark-accent,
.overlay-content>.kfw-product-finder .product-finder.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-product-finder .product-finder.bg-dark-accent .kfw-product-finder .product-finder.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-product-finder .product-finder.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-product-finder .product-finder.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.kfw-product-finder .product-finder.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-product-finder .product-finder.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-product-finder .product-finder.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-product-finder .product-finder.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-product-finder .product-finder.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-product-finder .product-finder.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-product-finder .product-finder.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-product-finder .product-finder.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-product-finder .product-finder.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-product-finder .product-finder.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-product-finder .product-finder.bg-light-accent,
:where(main)>.kfw-product-finder .product-finder.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-product-finder .product-finder.bg-light-accent+*>*,
:where(main)>.kfw-product-finder .product-finder.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-product-finder .product-finder.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-product-finder .product-finder.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-product-finder .product-finder.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-product-finder .product-finder.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-product-finder .product-finder.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-product-finder .product-finder.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-product-finder .product-finder.bg-light-accent.product-header,
  .kfw-product-finder .product-finder.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-product-finder .product-finder.bg-light-accent.product-header,
  .kfw-product-finder .product-finder.bg-light-accent.product-header[class*=bg-],
  .kfw-product-finder .product-finder.bg-light-accent[class*=bg-],
  .kfw-product-finder .product-finder.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-product-finder .product-finder.bg-light-accent.product-header .hintbox-icon img,
  .kfw-product-finder .product-finder.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-product-finder .product-finder.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.kfw-product-finder .product-finder.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-product-finder .product-finder.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-product-finder .product-finder.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-product-finder .product-finder.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-product-finder .product-finder.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-product-finder .product-finder.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-product-finder .product-finder.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-product-finder .product-finder.bg-light-accent .hintbox,
.kfw-product-finder .product-finder.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-product-finder .product-finder.bg-light-accent,
.overlay-content .main-column>.kfw-product-finder .product-finder.bg-light-accent .kfw-product-finder .product-finder.bg-light-accent,
.overlay-content body>.kfw-product-finder .product-finder.bg-light-accent,
.overlay-content>.kfw-product-finder .product-finder.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-product-finder .product-finder.bg-light-accent .kfw-product-finder .product-finder.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-product-finder .product-finder.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-product-finder .product-finder.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.kfw-product-finder .product-finder.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-product-finder .product-finder.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-product-finder .product-finder.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-product-finder .product-finder.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-product-finder .product-finder.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-product-finder .product-finder.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-product-finder .product-finder.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-product-finder .product-finder.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-product-finder .product-finder.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-product-finder .product-finder.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-product-finder .product-finder.bg-light-accent-secondary,
:where(main)>.kfw-product-finder .product-finder.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-product-finder .product-finder.bg-light-accent-secondary+*>*,
:where(main)>.kfw-product-finder .product-finder.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-product-finder .product-finder.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-product-finder .product-finder.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-product-finder .product-finder.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-product-finder .product-finder.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-product-finder .product-finder.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-product-finder .product-finder.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-product-finder .product-finder.bg-light-accent-secondary.product-header,
  .kfw-product-finder .product-finder.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-product-finder .product-finder.bg-light-accent-secondary.product-header,
  .kfw-product-finder .product-finder.bg-light-accent-secondary.product-header[class*=bg-],
  .kfw-product-finder .product-finder.bg-light-accent-secondary[class*=bg-],
  .kfw-product-finder .product-finder.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-product-finder .product-finder.bg-light-accent-secondary.product-header .hintbox-icon img,
  .kfw-product-finder .product-finder.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-product-finder .product-finder.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.kfw-product-finder .product-finder.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-product-finder .product-finder.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-product-finder .product-finder.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-product-finder .product-finder.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-product-finder .product-finder.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-product-finder .product-finder.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-product-finder .product-finder.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-product-finder .product-finder.bg-light-accent-secondary .hintbox,
.kfw-product-finder .product-finder.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-product-finder .product-finder.bg-light-accent-secondary,
.overlay-content .main-column>.kfw-product-finder .product-finder.bg-light-accent-secondary .kfw-product-finder .product-finder.bg-light-accent-secondary,
.overlay-content body>.kfw-product-finder .product-finder.bg-light-accent-secondary,
.overlay-content>.kfw-product-finder .product-finder.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-product-finder .product-finder.bg-light-accent-secondary .kfw-product-finder .product-finder.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-product-finder .product-finder.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.kfw-product-finder .product-finder.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.kfw-product-finder .product-finder.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-product-finder .product-finder.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-product-finder .product-finder.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-product-finder .product-finder.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-product-finder .product-finder.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-product-finder .product-finder.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-product-finder .product-finder.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-product-finder .product-finder.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-product-finder .product-finder.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-product-finder .product-finder.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-product-finder .product-finder.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-product-finder .product-finder.bg-light,
:where(main)>.kfw-product-finder .product-finder.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-product-finder .product-finder.bg-light+*>*,
:where(main)>.kfw-product-finder .product-finder.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-product-finder .product-finder.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-product-finder .product-finder.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-product-finder .product-finder.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-product-finder .product-finder.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-product-finder .product-finder.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-product-finder .product-finder.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-product-finder .product-finder.bg-light.product-header,
  .kfw-product-finder .product-finder.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-product-finder .product-finder.bg-light.product-header,
  .kfw-product-finder .product-finder.bg-light.product-header[class*=bg-],
  .kfw-product-finder .product-finder.bg-light[class*=bg-],
  .kfw-product-finder .product-finder.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-product-finder .product-finder.bg-light.product-header .hintbox-icon img,
  .kfw-product-finder .product-finder.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-product-finder .product-finder.bg-light .details--s9>.details .main-column[class*=bg-],
.kfw-product-finder .product-finder.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-product-finder .product-finder.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-product-finder .product-finder.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-product-finder .product-finder.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-product-finder .product-finder.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-product-finder .product-finder.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-product-finder .product-finder.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-product-finder .product-finder.bg-light .hintbox,
.kfw-product-finder .product-finder.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-product-finder .product-finder.bg-light,
.overlay-content .main-column>.kfw-product-finder .product-finder.bg-light .kfw-product-finder .product-finder.bg-light,
.overlay-content body>.kfw-product-finder .product-finder.bg-light,
.overlay-content>.kfw-product-finder .product-finder.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-product-finder .product-finder.bg-light .kfw-product-finder .product-finder.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-product-finder .product-finder.bg-light .product-label.product-label--overflow,
.overlay-content body>.kfw-product-finder .product-finder.bg-light .product-label.product-label--overflow,
.overlay-content>.kfw-product-finder .product-finder.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-product-finder .product-finder-answer-question-container,
.kfw-product-finder .product-finder-list {
  margin-bottom: var(--space-large)
}

.kfw-product-finder .product-finder-answer-question-container .tx-4 {
  margin-bottom: 0
}

.kfw-product-finder .product-finder-answer-question-container .icon--checked {
  color: var(--kfw-color-green-700);
  font-size: 2.8rem;
  line-height: 1
}

.kfw-product-finder .product-finder-question-container {
  align-items: baseline;
  display: flex;
  gap: var(--space-x-small);
  margin-bottom: var(--space-small)
}

.kfw-product-finder .product-finder-question-container>.hl-2 {
  margin-bottom: 0
}

.kfw-product-finder .product-finder-answer-container,
.kfw-product-finder .product-finder-answer-container-inner {
  display: flex;
  gap: 1.5rem
}

.kfw-product-finder .product-finder-answer-container .product-finder-answer-icon {
  display: none
}

@media only print and (width >=0px) {
  .kfw-product-finder .product-finder-answer-container .product-finder-answer-icon {
    display: block;
    flex-shrink: 0
  }

  .kfw-product-finder .product-finder-answer-container .product-finder-answer-icon+.product-finder-answer-container-inner {
    margin-top: 1.4rem
  }
}

@media only screen and (min-width:600px) {
  .kfw-product-finder .product-finder-answer-container .product-finder-answer-icon {
    display: block;
    flex-shrink: 0
  }

  .kfw-product-finder .product-finder-answer-container .product-finder-answer-icon+.product-finder-answer-container-inner {
    margin-top: 1.4rem
  }
}

.kfw-product-finder .product-finder-answer-text-sub {
  margin-left: 4.3rem;
  margin-top: var(--space-small)
}

@media only print and (width >=0px) {
  .kfw-product-finder .product-finder-answer-text-sub {
    margin-left: 10.6rem;
    margin-top: calc(var(--space-small) - 1rem)
  }
}

@media only screen and (min-width:600px) {
  .kfw-product-finder .product-finder-answer-text-sub {
    margin-left: 10.6rem;
    margin-top: calc(var(--space-small) - 1rem)
  }
}

.kfw-product-finder .product-finder-footer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-small);
  margin-top: var(--space-medium)
}

.kfw-product-finder .product-finder-footer-wrapper {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--space-small)
}

.kfw-product-finder .product-finder-footer .button-container {
  flex-shrink: 0;
  margin: unset
}

.kfw-product-finder .product-finder .form-item-radio .product-finder-answer-icon {
  display: none
}

.kfw-product-finder .product-finder .form-item-radio label {
  margin: unset
}

@media only print and (width >=0px) {
  .kfw-product-finder .product-finder .form-item-label .product-finder-question-container {
    margin-bottom: calc(var(--space-small))
  }

  .kfw-product-finder .product-finder .form-item ul.form-item-group {
    row-gap: var(--space-medium)
  }

  .kfw-product-finder .product-finder .form-item-radio .product-finder-answer-icon {
    display: block;
    padding-right: var(--col-gap)
  }

  .kfw-product-finder .product-finder .form-item-radio .product-finder-answer-icon img {
    max-height: 4.8rem;
    max-width: 4.8rem
  }

  .kfw-product-finder .product-finder .form-item-radio input,
  .kfw-product-finder .product-finder .form-item-radio label {
    margin-top: 1rem
  }

  .kfw-product-finder .product-finder .form-item-radio+.form-item-group.subgroup {
    padding-left: calc(var(--radio-button-size) + var(--col-gap) + 4.8rem);
    row-gap: var(--space-small)
  }

  .kfw-product-finder .product-finder .form-item-radio+.form-item-group.subgroup input,
  .kfw-product-finder .product-finder .form-item-radio+.form-item-group.subgroup label {
    margin-top: 0
  }
}

@media only screen and (min-width:600px) {
  .kfw-product-finder .product-finder .form-item-label .product-finder-question-container {
    margin-bottom: calc(var(--space-small))
  }

  .kfw-product-finder .product-finder .form-item ul.form-item-group {
    row-gap: var(--space-medium)
  }

  .kfw-product-finder .product-finder .form-item-radio .product-finder-answer-icon {
    display: block;
    padding-right: var(--col-gap)
  }

  .kfw-product-finder .product-finder .form-item-radio .product-finder-answer-icon img {
    max-height: 4.8rem;
    max-width: 4.8rem
  }

  .kfw-product-finder .product-finder .form-item-radio input,
  .kfw-product-finder .product-finder .form-item-radio label {
    margin-top: 1rem
  }

  .kfw-product-finder .product-finder .form-item-radio+.form-item-group.subgroup {
    padding-left: calc(var(--radio-button-size) + var(--col-gap) + 4.8rem);
    row-gap: var(--space-small)
  }

  .kfw-product-finder .product-finder .form-item-radio+.form-item-group.subgroup input,
  .kfw-product-finder .product-finder .form-item-radio+.form-item-group.subgroup label {
    margin-top: 0
  }
}

.kfw-product-finder .product-finder-result {
  --c-spacing-m: var(--space-large)
}

.kfw-product-finder .product-finder-result-top-note {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--space-small);
  row-gap: var(--space-small)
}

.kfw-product-finder .product-finder-result-top-note>div {
  width: 100%
}

.kfw-product-finder .product-finder-result-bottom-note {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--space-small)
}

.kfw-product-finder .product-finder-result-bottom-note>div {
  width: 100%
}

.kfw-product-finder .product-finder-recommendation-text {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: var(--mb, var(--space-large));
  word-spacing: inherit
}

.kfw-product-finder .product-finder-recommendation-text:last-child {
  margin-bottom: 0
}

.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.needs-calculator:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.needs-calculator.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.needs-calculator.bg-dark .button--primary,
.needs-calculator.bg-dark .button--primary-positive,
.needs-calculator.bg-dark .button--secondary,
.needs-calculator.bg-dark .button--secondary-positive,
.needs-calculator.bg-dark .button--tertiary,
.needs-calculator.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.needs-calculator.bg-dark .button--primary,
.needs-calculator.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.needs-calculator.bg-dark .button--secondary,
.needs-calculator.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.needs-calculator.bg-dark .button--tertiary,
.needs-calculator.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.needs-calculator.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.needs-calculator.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.needs-calculator.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.needs-calculator.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.needs-calculator.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.needs-calculator.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.needs-calculator.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.needs-calculator.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.needs-calculator.bg-dark,
:where(main)>.needs-calculator.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.needs-calculator.bg-dark+*>*,
:where(main)>.needs-calculator.bg-dark>* {
  --margin-top: initial
}

.needs-calculator.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .needs-calculator.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .needs-calculator.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .needs-calculator.bg-dark.product-header,
  .needs-calculator.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .needs-calculator.bg-dark.product-header,
  .needs-calculator.bg-dark.product-header[class*=bg-],
  .needs-calculator.bg-dark[class*=bg-],
  .needs-calculator.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .needs-calculator.bg-dark.product-header .hintbox-icon img,
  .needs-calculator.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.needs-calculator.bg-dark .details--s9>.details .main-column[class*=bg-],
.needs-calculator.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .needs-calculator.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .needs-calculator.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .needs-calculator.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .needs-calculator.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .needs-calculator.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .needs-calculator.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.needs-calculator.bg-dark .hintbox,
.needs-calculator.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.needs-calculator.bg-dark,
.overlay-content .main-column>.needs-calculator.bg-dark .needs-calculator.bg-dark,
.overlay-content body>.needs-calculator.bg-dark,
.overlay-content>.needs-calculator.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.needs-calculator.bg-dark .needs-calculator.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.needs-calculator.bg-dark .product-label.product-label--overflow,
.overlay-content body>.needs-calculator.bg-dark .product-label.product-label--overflow,
.overlay-content>.needs-calculator.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.needs-calculator.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.needs-calculator.bg-dark-accent .button--primary,
.needs-calculator.bg-dark-accent .button--primary-positive,
.needs-calculator.bg-dark-accent .button--secondary,
.needs-calculator.bg-dark-accent .button--secondary-positive,
.needs-calculator.bg-dark-accent .button--tertiary,
.needs-calculator.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.needs-calculator.bg-dark-accent .button--primary,
.needs-calculator.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.needs-calculator.bg-dark-accent .button--secondary,
.needs-calculator.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.needs-calculator.bg-dark-accent .button--tertiary,
.needs-calculator.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.needs-calculator.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.needs-calculator.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.needs-calculator.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.needs-calculator.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.needs-calculator.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.needs-calculator.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.needs-calculator.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.needs-calculator.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.needs-calculator.bg-dark-accent,
:where(main)>.needs-calculator.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.needs-calculator.bg-dark-accent+*>*,
:where(main)>.needs-calculator.bg-dark-accent>* {
  --margin-top: initial
}

.needs-calculator.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .needs-calculator.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .needs-calculator.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .needs-calculator.bg-dark-accent.product-header,
  .needs-calculator.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .needs-calculator.bg-dark-accent.product-header,
  .needs-calculator.bg-dark-accent.product-header[class*=bg-],
  .needs-calculator.bg-dark-accent[class*=bg-],
  .needs-calculator.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .needs-calculator.bg-dark-accent.product-header .hintbox-icon img,
  .needs-calculator.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.needs-calculator.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.needs-calculator.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .needs-calculator.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .needs-calculator.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .needs-calculator.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .needs-calculator.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .needs-calculator.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .needs-calculator.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.needs-calculator.bg-dark-accent .hintbox,
.needs-calculator.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.needs-calculator.bg-dark-accent,
.overlay-content .main-column>.needs-calculator.bg-dark-accent .needs-calculator.bg-dark-accent,
.overlay-content body>.needs-calculator.bg-dark-accent,
.overlay-content>.needs-calculator.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.needs-calculator.bg-dark-accent .needs-calculator.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.needs-calculator.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.needs-calculator.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.needs-calculator.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.needs-calculator.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.needs-calculator.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.needs-calculator.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.needs-calculator.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.needs-calculator.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.needs-calculator.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.needs-calculator.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.needs-calculator.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.needs-calculator.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.needs-calculator.bg-light-accent,
:where(main)>.needs-calculator.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.needs-calculator.bg-light-accent+*>*,
:where(main)>.needs-calculator.bg-light-accent>* {
  --margin-top: initial
}

.needs-calculator.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .needs-calculator.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .needs-calculator.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .needs-calculator.bg-light-accent.product-header,
  .needs-calculator.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .needs-calculator.bg-light-accent.product-header,
  .needs-calculator.bg-light-accent.product-header[class*=bg-],
  .needs-calculator.bg-light-accent[class*=bg-],
  .needs-calculator.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .needs-calculator.bg-light-accent.product-header .hintbox-icon img,
  .needs-calculator.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.needs-calculator.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.needs-calculator.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .needs-calculator.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .needs-calculator.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .needs-calculator.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .needs-calculator.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .needs-calculator.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .needs-calculator.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.needs-calculator.bg-light-accent .hintbox,
.needs-calculator.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.needs-calculator.bg-light-accent,
.overlay-content .main-column>.needs-calculator.bg-light-accent .needs-calculator.bg-light-accent,
.overlay-content body>.needs-calculator.bg-light-accent,
.overlay-content>.needs-calculator.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.needs-calculator.bg-light-accent .needs-calculator.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.needs-calculator.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.needs-calculator.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.needs-calculator.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.needs-calculator.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.needs-calculator.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.needs-calculator.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.needs-calculator.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.needs-calculator.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.needs-calculator.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.needs-calculator.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.needs-calculator.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.needs-calculator.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.needs-calculator.bg-light-accent-secondary,
:where(main)>.needs-calculator.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.needs-calculator.bg-light-accent-secondary+*>*,
:where(main)>.needs-calculator.bg-light-accent-secondary>* {
  --margin-top: initial
}

.needs-calculator.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .needs-calculator.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .needs-calculator.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .needs-calculator.bg-light-accent-secondary.product-header,
  .needs-calculator.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .needs-calculator.bg-light-accent-secondary.product-header,
  .needs-calculator.bg-light-accent-secondary.product-header[class*=bg-],
  .needs-calculator.bg-light-accent-secondary[class*=bg-],
  .needs-calculator.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .needs-calculator.bg-light-accent-secondary.product-header .hintbox-icon img,
  .needs-calculator.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.needs-calculator.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.needs-calculator.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .needs-calculator.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .needs-calculator.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .needs-calculator.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .needs-calculator.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .needs-calculator.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .needs-calculator.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.needs-calculator.bg-light-accent-secondary .hintbox,
.needs-calculator.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.needs-calculator.bg-light-accent-secondary,
.overlay-content .main-column>.needs-calculator.bg-light-accent-secondary .needs-calculator.bg-light-accent-secondary,
.overlay-content body>.needs-calculator.bg-light-accent-secondary,
.overlay-content>.needs-calculator.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.needs-calculator.bg-light-accent-secondary .needs-calculator.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.needs-calculator.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.needs-calculator.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.needs-calculator.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.needs-calculator.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.needs-calculator.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.needs-calculator.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.needs-calculator.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.needs-calculator.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.needs-calculator.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.needs-calculator.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.needs-calculator.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.needs-calculator.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.needs-calculator.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.needs-calculator.bg-light,
:where(main)>.needs-calculator.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.needs-calculator.bg-light+*>*,
:where(main)>.needs-calculator.bg-light>* {
  --margin-top: initial
}

.needs-calculator.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .needs-calculator.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .needs-calculator.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .needs-calculator.bg-light.product-header,
  .needs-calculator.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .needs-calculator.bg-light.product-header,
  .needs-calculator.bg-light.product-header[class*=bg-],
  .needs-calculator.bg-light[class*=bg-],
  .needs-calculator.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .needs-calculator.bg-light.product-header .hintbox-icon img,
  .needs-calculator.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.needs-calculator.bg-light .details--s9>.details .main-column[class*=bg-],
.needs-calculator.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .needs-calculator.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .needs-calculator.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .needs-calculator.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .needs-calculator.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .needs-calculator.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .needs-calculator.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.needs-calculator.bg-light .hintbox,
.needs-calculator.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.needs-calculator.bg-light,
.overlay-content .main-column>.needs-calculator.bg-light .needs-calculator.bg-light,
.overlay-content body>.needs-calculator.bg-light,
.overlay-content>.needs-calculator.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.needs-calculator.bg-light .needs-calculator.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.needs-calculator.bg-light .product-label.product-label--overflow,
.overlay-content body>.needs-calculator.bg-light .product-label.product-label--overflow,
.overlay-content>.needs-calculator.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.needs-calculator .hl-1,
.needs-calculator .hl-1:not(:last-child),
.needs-calculator--title {
  margin: 0
}

.needs-calculator--title+.needs-calculator--forms,
.needs-calculator--title+.needs-calculator--intro {
  margin-bottom: 0;
  margin-top: var(--space-small)
}

.needs-calculator--intro+.needs-calculator--forms {
  margin-top: var(--space-large)
}

.needs-calculator--forms form {
  --cols: 12
}

.needs-calculator--forms form .needs-calculator--form-section {
  grid-column: auto/span 12;
  margin-top: var(--space-large)
}

.needs-calculator--forms form .needs-calculator--form-section .custom-form-section-headline+.custom-form-row,
.needs-calculator--forms form .needs-calculator--form-section:first-child {
  margin-top: 0
}

.needs-calculator--forms form .needs-calculator--form-section .custom-form-section-headline+.custom-form-row>.form-item {
  margin-top: var(--space-small)
}

@media only print and (width >=0px) {
  .needs-calculator--forms form .needs-calculator--form-section {
    grid-column: auto/span 12
  }
}

@media only screen and (min-width:600px) {
  .needs-calculator--forms form .needs-calculator--form-section {
    grid-column: auto/span 12
  }
}

@media only screen and (min-width:840px) {
  .needs-calculator--forms form .needs-calculator--form-section {
    grid-column: 1/span 8
  }
}

@media only print and (width >=0px) {
  .needs-calculator--forms form .needs-calculator--form-section {
    grid-column: 1/span 8
  }
}

@media only screen and (min-width:1280px) {
  .needs-calculator--forms form .needs-calculator--form-section {
    grid-column: 1/span 8
  }
}

.needs-calculator--cta-area,
.needs-calculator--form-section {
  grid-column: auto/span 12
}

.needs-calculator--cta-area {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-small) var(--space-small);
  padding-top: var(--space-medium)
}

.needs-calculator--cta-area .needs-calculator--cta-calc {
  margin: 0;
  order: 2
}

.needs-calculator--cta-area .needs-calculator--cta-reset {
  order: 1
}

.needs-calculator--devider {
  border-top: 0;
  grid-column: 1/-1;
  margin-top: var(--space-large)
}

.needs-calculator--results {
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  padding-top: var(--space-large)
}

.needs-calculator--results:not(.hidden) {
  display: grid
}

.needs-calculator--results .needs-calculator--table-wrapper {
  grid-column: auto/span 12
}

@media only print and (width >=0px) {
  .needs-calculator--results .needs-calculator--table-wrapper {
    grid-column: auto/span 12
  }
}

@media only screen and (min-width:600px) {
  .needs-calculator--results .needs-calculator--table-wrapper {
    grid-column: auto/span 12
  }
}

@media only screen and (min-width:840px) {
  .needs-calculator--results .needs-calculator--table-wrapper {
    grid-column: 1/span 8
  }
}

@media only print and (width >=0px) {
  .needs-calculator--results .needs-calculator--table-wrapper {
    grid-column: 1/span 8
  }
}

@media only screen and (min-width:1280px) {
  .needs-calculator--results .needs-calculator--table-wrapper {
    grid-column: 1/span 8
  }
}

.needs-calculator--results th {
  text-align: left
}

.needs-calculator--results td {
  text-align: right
}

.needs-calculator--results tfoot tr {
  background-color: var(--color-background-light-accent-1)
}

.needs-calculator--results .table table tr {
  border-bottom: 1px solid var(--color-line-8)
}

.needs-calculator--results .result-negative {
  color: var(--color-error)
}

.product-entry {
  --product-entry-services-rows: 3;
  --c-padding-y-bg: 0px;
  --c-padding-b-addition: 0px;
  --margin-top: var(--space-large)
}

.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.product-entry:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.product-entry.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.product-entry.bg-dark .button--primary,
.product-entry.bg-dark .button--primary-positive,
.product-entry.bg-dark .button--secondary,
.product-entry.bg-dark .button--secondary-positive,
.product-entry.bg-dark .button--tertiary,
.product-entry.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.product-entry.bg-dark .button--primary,
.product-entry.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.product-entry.bg-dark .button--secondary,
.product-entry.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.product-entry.bg-dark .button--tertiary,
.product-entry.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.product-entry.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.product-entry.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.product-entry.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.product-entry.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.product-entry.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.product-entry.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.product-entry.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.product-entry.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.product-entry.bg-dark,
:where(main)>.product-entry.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.product-entry.bg-dark+*>*,
:where(main)>.product-entry.bg-dark>* {
  --margin-top: initial
}

.product-entry.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.product-entry.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .product-entry.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .product-entry.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .product-entry.bg-dark.product-header,
  .product-entry.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .product-entry.bg-dark.product-header,
  .product-entry.bg-dark.product-header[class*=bg-],
  .product-entry.bg-dark[class*=bg-],
  .product-entry.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .product-entry.bg-dark.product-header .hintbox-icon img,
  .product-entry.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .product-entry.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .product-entry.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .product-entry.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .product-entry.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.product-entry.bg-dark .details--s9>.details .main-column[class*=bg-],
.product-entry.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .product-entry.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .product-entry.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.product-entry.bg-dark .hintbox,
.product-entry.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.product-entry.bg-dark,
.overlay-content .main-column>.product-entry.bg-dark .product-entry.bg-dark,
.overlay-content body>.product-entry.bg-dark,
.overlay-content>.product-entry.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.product-entry.bg-dark .product-entry.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.product-entry.bg-dark .product-label.product-label--overflow,
.overlay-content body>.product-entry.bg-dark .product-label.product-label--overflow,
.overlay-content>.product-entry.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.product-entry.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.product-entry.bg-dark-accent .button--primary,
.product-entry.bg-dark-accent .button--primary-positive,
.product-entry.bg-dark-accent .button--secondary,
.product-entry.bg-dark-accent .button--secondary-positive,
.product-entry.bg-dark-accent .button--tertiary,
.product-entry.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.product-entry.bg-dark-accent .button--primary,
.product-entry.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.product-entry.bg-dark-accent .button--secondary,
.product-entry.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.product-entry.bg-dark-accent .button--tertiary,
.product-entry.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.product-entry.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.product-entry.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.product-entry.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.product-entry.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.product-entry.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.product-entry.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.product-entry.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.product-entry.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.product-entry.bg-dark-accent,
:where(main)>.product-entry.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.product-entry.bg-dark-accent+*>*,
:where(main)>.product-entry.bg-dark-accent>* {
  --margin-top: initial
}

.product-entry.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.product-entry.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .product-entry.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .product-entry.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .product-entry.bg-dark-accent.product-header,
  .product-entry.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .product-entry.bg-dark-accent.product-header,
  .product-entry.bg-dark-accent.product-header[class*=bg-],
  .product-entry.bg-dark-accent[class*=bg-],
  .product-entry.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .product-entry.bg-dark-accent.product-header .hintbox-icon img,
  .product-entry.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .product-entry.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .product-entry.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .product-entry.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .product-entry.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.product-entry.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.product-entry.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .product-entry.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .product-entry.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.product-entry.bg-dark-accent .hintbox,
.product-entry.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.product-entry.bg-dark-accent,
.overlay-content .main-column>.product-entry.bg-dark-accent .product-entry.bg-dark-accent,
.overlay-content body>.product-entry.bg-dark-accent,
.overlay-content>.product-entry.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.product-entry.bg-dark-accent .product-entry.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.product-entry.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.product-entry.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.product-entry.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.product-entry.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.product-entry.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.product-entry.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.product-entry.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.product-entry.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.product-entry.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.product-entry.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.product-entry.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.product-entry.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.product-entry.bg-light-accent,
:where(main)>.product-entry.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.product-entry.bg-light-accent+*>*,
:where(main)>.product-entry.bg-light-accent>* {
  --margin-top: initial
}

.product-entry.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.product-entry.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .product-entry.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .product-entry.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .product-entry.bg-light-accent.product-header,
  .product-entry.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .product-entry.bg-light-accent.product-header,
  .product-entry.bg-light-accent.product-header[class*=bg-],
  .product-entry.bg-light-accent[class*=bg-],
  .product-entry.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .product-entry.bg-light-accent.product-header .hintbox-icon img,
  .product-entry.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .product-entry.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .product-entry.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .product-entry.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .product-entry.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.product-entry.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.product-entry.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .product-entry.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .product-entry.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.product-entry.bg-light-accent .hintbox,
.product-entry.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.product-entry.bg-light-accent,
.overlay-content .main-column>.product-entry.bg-light-accent .product-entry.bg-light-accent,
.overlay-content body>.product-entry.bg-light-accent,
.overlay-content>.product-entry.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.product-entry.bg-light-accent .product-entry.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.product-entry.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.product-entry.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.product-entry.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.product-entry.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.product-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.product-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.product-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.product-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.product-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.product-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.product-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.product-entry.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.product-entry.bg-light-accent-secondary,
:where(main)>.product-entry.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.product-entry.bg-light-accent-secondary+*>*,
:where(main)>.product-entry.bg-light-accent-secondary>* {
  --margin-top: initial
}

.product-entry.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.product-entry.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .product-entry.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .product-entry.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .product-entry.bg-light-accent-secondary.product-header,
  .product-entry.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .product-entry.bg-light-accent-secondary.product-header,
  .product-entry.bg-light-accent-secondary.product-header[class*=bg-],
  .product-entry.bg-light-accent-secondary[class*=bg-],
  .product-entry.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .product-entry.bg-light-accent-secondary.product-header .hintbox-icon img,
  .product-entry.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .product-entry.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .product-entry.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .product-entry.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .product-entry.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.product-entry.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.product-entry.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .product-entry.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .product-entry.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.product-entry.bg-light-accent-secondary .hintbox,
.product-entry.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.product-entry.bg-light-accent-secondary,
.overlay-content .main-column>.product-entry.bg-light-accent-secondary .product-entry.bg-light-accent-secondary,
.overlay-content body>.product-entry.bg-light-accent-secondary,
.overlay-content>.product-entry.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.product-entry.bg-light-accent-secondary .product-entry.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.product-entry.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.product-entry.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.product-entry.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.product-entry.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.product-entry.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.product-entry.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.product-entry.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.product-entry.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.product-entry.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.product-entry.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.product-entry.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.product-entry.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.product-entry.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.product-entry.bg-light,
:where(main)>.product-entry.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.product-entry.bg-light+*>*,
:where(main)>.product-entry.bg-light>* {
  --margin-top: initial
}

.product-entry.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.product-entry.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .product-entry.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .product-entry.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .product-entry.bg-light.product-header,
  .product-entry.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .product-entry.bg-light.product-header,
  .product-entry.bg-light.product-header[class*=bg-],
  .product-entry.bg-light[class*=bg-],
  .product-entry.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .product-entry.bg-light.product-header .hintbox-icon img,
  .product-entry.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .product-entry.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .product-entry.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .product-entry.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .product-entry.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.product-entry.bg-light .details--s9>.details .main-column[class*=bg-],
.product-entry.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .product-entry.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .product-entry.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.product-entry.bg-light .hintbox,
.product-entry.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.product-entry.bg-light,
.overlay-content .main-column>.product-entry.bg-light .product-entry.bg-light,
.overlay-content body>.product-entry.bg-light,
.overlay-content>.product-entry.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.product-entry.bg-light .product-entry.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.product-entry.bg-light .product-label.product-label--overflow,
.overlay-content body>.product-entry.bg-light .product-label.product-label--overflow,
.overlay-content>.product-entry.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.product-entry {
  column-gap: .2rem;
  display: grid;
  grid-template-areas: "productFinder" "content" "dynamicButton" "secondContent";
  grid-template-columns: auto;
  grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr) auto
}

.product-entry-head {
  display: flex
}

.product-entry-head.active {
  --button-bg: var(--button-bg-hover);
  position: relative
}

.product-entry-head.active .button:before {
  --size: 2.6rem;
  aspect-ratio: 1;
  background-color: var(--button-bg);
  border-radius: 4px;
  bottom: calc(-.5*var(--size));
  content: "";
  place-self: center center;
  position: absolute;
  transform: rotate(45deg);
  width: var(--size)
}

.product-entry-head.active .button .icon.icon--plus:before {
  content: var(--icon-minus);
  font-family: KfW-Icon-Font
}

.product-entry-head .button,
.product-entry-head .button-container,
.product-entry-head .link {
  width: 100%
}

.product-entry-head .button {
  align-items: center;
  gap: 1.5rem;
  height: 100%;
  justify-content: flex-start;
  padding: 24px var(--c-calc-overflow)
}

.product-entry-head .button .btn-labeling,
.product-entry-head .button .icon {
  --headline-color: var(--button-color);
  --margin-bottom: 0;
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --margin-bottom: 1rem;
  --font-size: 2.4rem;
  --letter-spacing: -0.5px;
  --line-height: 1.3;
  --font-weight: 500
}

@media only print and (width >=0px) {

  .product-entry-head .button .btn-labeling,
  .product-entry-head .button .icon {
    --font-size: 2.6rem;
    --letter-spacing: 0;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {

  .product-entry-head .button .btn-labeling,
  .product-entry-head .button .icon {
    --font-size: 2.6rem;
    --letter-spacing: 0;
    --font-weight: 500
  }
}

.product-entry-head .button .btn-labeling:last-child,
.product-entry-head .button .icon:last-child {
  --margin-bottom: 0
}

.product-entry-head .button .btn-labeling,
.product-entry-head .button .icon {
  font-weight: 400;
  padding-left: 0
}

.product-entry-head .button .btn-labeling {
  flex: 1
}

.product-entry-head .button .icon {
  flex-shrink: 0;
  font-size: 2.8rem;
  margin-bottom: 0;
  width: 2.8rem
}

@media only print and (width >=0px) {
  .product-entry-head .button .icon {
    font-size: 3.6rem;
    width: 3.6rem
  }
}

@media only screen and (min-width:840px) {
  .product-entry-head .button .icon {
    font-size: 3.6rem;
    width: 3.6rem
  }
}

@media only screen and (max-width:calc(840px - 1px)) {
  .product-entry-head .button {
    border-radius: 0
  }
}

@media only print and (width >=0px) {
  .product-entry-head .button {
    gap: 2.7rem
  }
}

@media only screen and (min-width:840px) {
  .product-entry-head .button {
    gap: 2.7rem
  }
}

.product-entry-content {
  --padding-t: 3rem;
  --padding-b: 4rem;
  display: none;
  padding: var(--padding-t) var(--c-overflow) var(--padding-b)
}

.product-entry-content.product-entry-services-content {
  padding: calc(var(--padding-t) - 1.5rem) var(--c-overflow) calc(var(--padding-b) - 1.5rem)
}

@media only print and (width >=0px) {
  .product-entry-content {
    --padding-t: 4rem;
    --padding-b: 5rem
  }
}

@media only screen and (min-width:840px) {
  .product-entry-content {
    --padding-t: 4rem;
    --padding-b: 5rem
  }
}

.product-entry-head.active+.product-entry-content {
  display: block
}

.product-entry-head.active+.product-entry-content:not(:last-child) {
  margin-bottom: var(--space-large)
}

.product-entry-services-list {
  column-gap: 8.2rem;
  display: grid
}

.product-entry-services-list .product-entry-service {
  border-bottom: 1px solid var(--color-line-8);
  padding: 1.5rem 0
}

.product-entry-services-list .product-entry-service-content {
  display: flex;
  flex-direction: column;
  gap: .3rem
}

.product-entry-services-list .product-entry-service-title {
  --headline-color: var(--link-color);
  --margin-bottom: 0 !important;
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --margin-bottom: 1rem;
  --font-size: 1.8rem;
  --letter-spacing: 0;
  --line-height: 2.4rem;
  --font-weight: 500
}

@media only print and (width >=0px) {
  .product-entry-services-list .product-entry-service-title {
    --letter-spacing: 0.5px;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {
  .product-entry-services-list .product-entry-service-title {
    --letter-spacing: 0.5px;
    --font-weight: 500
  }
}

.product-entry-services-list .product-entry-service-title:last-child {
  --margin-bottom: 0
}

.product-entry-services-list .product-entry-service-image {
  aspect-ratio: 1;
  flex-shrink: 0;
  width: 4.8rem
}

@media only screen and (max-width:calc(600px - 1px)) {
  .product-entry-services-list .product-entry-service-image {
    display: none
  }
}

.product-entry-services-list .product-entry-service .link {
  height: 100%;
  width: 100%
}

.product-entry-services-list .product-entry-service .link:focus-visible .product-entry-service-title,
.product-entry-services-list .product-entry-service .link:hover .product-entry-service-title {
  --headline-color: var(--link-color-hover);
  color: var(--link-color-hover)
}

.product-entry-services-list .product-entry-service .link .link-labeling {
  display: flex;
  gap: 1.5rem
}

@media only screen and (max-width:calc(840px - 1px)) {
  .product-entry-services-list .product-entry-service.last-item {
    border-bottom: 0
  }
}

@media only print and (width >=0px) {
  .product-entry-services-list {
    grid-auto-flow: column;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(var(--product-entry-services-rows), auto);
    height: calc(100% - 1px);
    overflow: hidden
  }
}

@media only screen and (min-width:840px) {
  .product-entry-services-list {
    grid-auto-flow: column;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(var(--product-entry-services-rows), auto);
    height: calc(100% - 1px);
    overflow: hidden
  }
}

.product-entry .product-entry-product-finder {
  grid-area: productFinder
}

.product-entry .product-entry-product-finder-content {
  grid-area: content
}

@media only screen and (max-width:calc(840px - 1px)) {
  .product-entry .product-entry-product-finder:not(.active) {
    margin-bottom: .2rem
  }
}

@media only print and (width >=0px) {
  .product-entry .product-entry-product-finder .button {
    border: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
  }
}

@media only screen and (min-width:840px) {
  .product-entry .product-entry-product-finder .button {
    border: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
  }
}

.product-entry .product-entry-link,
.product-entry .product-entry-services {
  grid-area: dynamicButton
}

@media only print and (width >=0px) {

  .product-entry .product-entry-link .button,
  .product-entry .product-entry-services .button {
    border: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
  }
}

@media only screen and (min-width:840px) {

  .product-entry .product-entry-link .button,
  .product-entry .product-entry-services .button {
    border: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
  }
}

.product-entry .product-entry-services-content {
  grid-area: secondContent
}

@media only print and (width >=0px) {
  .product-entry .product-entry-services-content {
    grid-area: content
  }
}

@media only screen and (min-width:840px) {
  .product-entry .product-entry-services-content {
    grid-area: content
  }
}

@media only print and (width >=0px) {
  .product-entry {
    grid-template-areas: "productFinder dynamicButton" "content content";
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, auto)
  }

  .product-entry.open .button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }
}

@media only screen and (min-width:840px) {
  .product-entry {
    grid-template-areas: "productFinder dynamicButton" "content content";
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, auto)
  }

  .product-entry.open .button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }
}

.kfw-ikk-interest-rates-table {
  --margin-top: var(--space-medium)
}

.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.kfw-ikk-interest-rates-table:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-ikk-interest-rates-table.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.kfw-ikk-interest-rates-table.bg-dark .button--primary,
.kfw-ikk-interest-rates-table.bg-dark .button--primary-positive,
.kfw-ikk-interest-rates-table.bg-dark .button--secondary,
.kfw-ikk-interest-rates-table.bg-dark .button--secondary-positive,
.kfw-ikk-interest-rates-table.bg-dark .button--tertiary,
.kfw-ikk-interest-rates-table.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-ikk-interest-rates-table.bg-dark .button--primary,
.kfw-ikk-interest-rates-table.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-ikk-interest-rates-table.bg-dark .button--secondary,
.kfw-ikk-interest-rates-table.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-ikk-interest-rates-table.bg-dark .button--tertiary,
.kfw-ikk-interest-rates-table.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-ikk-interest-rates-table.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-ikk-interest-rates-table.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-ikk-interest-rates-table.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-ikk-interest-rates-table.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-ikk-interest-rates-table.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-ikk-interest-rates-table.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-ikk-interest-rates-table.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-ikk-interest-rates-table.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-ikk-interest-rates-table.bg-dark,
:where(main)>.kfw-ikk-interest-rates-table.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-ikk-interest-rates-table.bg-dark+*>*,
:where(main)>.kfw-ikk-interest-rates-table.bg-dark>* {
  --margin-top: initial
}

.kfw-ikk-interest-rates-table.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-ikk-interest-rates-table.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-ikk-interest-rates-table.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-ikk-interest-rates-table.bg-dark.product-header,
  .kfw-ikk-interest-rates-table.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-ikk-interest-rates-table.bg-dark.product-header,
  .kfw-ikk-interest-rates-table.bg-dark.product-header[class*=bg-],
  .kfw-ikk-interest-rates-table.bg-dark[class*=bg-],
  .kfw-ikk-interest-rates-table.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-ikk-interest-rates-table.bg-dark.product-header .hintbox-icon img,
  .kfw-ikk-interest-rates-table.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-ikk-interest-rates-table.bg-dark .details--s9>.details .main-column[class*=bg-],
.kfw-ikk-interest-rates-table.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-ikk-interest-rates-table.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-ikk-interest-rates-table.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-ikk-interest-rates-table.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-ikk-interest-rates-table.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-ikk-interest-rates-table.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-ikk-interest-rates-table.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-ikk-interest-rates-table.bg-dark .hintbox,
.kfw-ikk-interest-rates-table.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-dark,
.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-dark .kfw-ikk-interest-rates-table.bg-dark,
.overlay-content body>.kfw-ikk-interest-rates-table.bg-dark,
.overlay-content>.kfw-ikk-interest-rates-table.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-dark .kfw-ikk-interest-rates-table.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-dark .product-label.product-label--overflow,
.overlay-content body>.kfw-ikk-interest-rates-table.bg-dark .product-label.product-label--overflow,
.overlay-content>.kfw-ikk-interest-rates-table.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-ikk-interest-rates-table.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.kfw-ikk-interest-rates-table.bg-dark-accent .button--primary,
.kfw-ikk-interest-rates-table.bg-dark-accent .button--primary-positive,
.kfw-ikk-interest-rates-table.bg-dark-accent .button--secondary,
.kfw-ikk-interest-rates-table.bg-dark-accent .button--secondary-positive,
.kfw-ikk-interest-rates-table.bg-dark-accent .button--tertiary,
.kfw-ikk-interest-rates-table.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-ikk-interest-rates-table.bg-dark-accent .button--primary,
.kfw-ikk-interest-rates-table.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-ikk-interest-rates-table.bg-dark-accent .button--secondary,
.kfw-ikk-interest-rates-table.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-ikk-interest-rates-table.bg-dark-accent .button--tertiary,
.kfw-ikk-interest-rates-table.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-ikk-interest-rates-table.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-ikk-interest-rates-table.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-ikk-interest-rates-table.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-ikk-interest-rates-table.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-ikk-interest-rates-table.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-ikk-interest-rates-table.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-ikk-interest-rates-table.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-ikk-interest-rates-table.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-ikk-interest-rates-table.bg-dark-accent,
:where(main)>.kfw-ikk-interest-rates-table.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-ikk-interest-rates-table.bg-dark-accent+*>*,
:where(main)>.kfw-ikk-interest-rates-table.bg-dark-accent>* {
  --margin-top: initial
}

.kfw-ikk-interest-rates-table.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-ikk-interest-rates-table.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-ikk-interest-rates-table.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-ikk-interest-rates-table.bg-dark-accent.product-header,
  .kfw-ikk-interest-rates-table.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-ikk-interest-rates-table.bg-dark-accent.product-header,
  .kfw-ikk-interest-rates-table.bg-dark-accent.product-header[class*=bg-],
  .kfw-ikk-interest-rates-table.bg-dark-accent[class*=bg-],
  .kfw-ikk-interest-rates-table.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-ikk-interest-rates-table.bg-dark-accent.product-header .hintbox-icon img,
  .kfw-ikk-interest-rates-table.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-ikk-interest-rates-table.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.kfw-ikk-interest-rates-table.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-ikk-interest-rates-table.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-ikk-interest-rates-table.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-ikk-interest-rates-table.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-ikk-interest-rates-table.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-ikk-interest-rates-table.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-ikk-interest-rates-table.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-ikk-interest-rates-table.bg-dark-accent .hintbox,
.kfw-ikk-interest-rates-table.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-dark-accent,
.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-dark-accent .kfw-ikk-interest-rates-table.bg-dark-accent,
.overlay-content body>.kfw-ikk-interest-rates-table.bg-dark-accent,
.overlay-content>.kfw-ikk-interest-rates-table.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-dark-accent .kfw-ikk-interest-rates-table.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-ikk-interest-rates-table.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.kfw-ikk-interest-rates-table.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-ikk-interest-rates-table.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-ikk-interest-rates-table.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-ikk-interest-rates-table.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-ikk-interest-rates-table.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-ikk-interest-rates-table.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-ikk-interest-rates-table.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-ikk-interest-rates-table.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-ikk-interest-rates-table.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-ikk-interest-rates-table.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-ikk-interest-rates-table.bg-light-accent,
:where(main)>.kfw-ikk-interest-rates-table.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-ikk-interest-rates-table.bg-light-accent+*>*,
:where(main)>.kfw-ikk-interest-rates-table.bg-light-accent>* {
  --margin-top: initial
}

.kfw-ikk-interest-rates-table.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-ikk-interest-rates-table.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-ikk-interest-rates-table.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-ikk-interest-rates-table.bg-light-accent.product-header,
  .kfw-ikk-interest-rates-table.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-ikk-interest-rates-table.bg-light-accent.product-header,
  .kfw-ikk-interest-rates-table.bg-light-accent.product-header[class*=bg-],
  .kfw-ikk-interest-rates-table.bg-light-accent[class*=bg-],
  .kfw-ikk-interest-rates-table.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-ikk-interest-rates-table.bg-light-accent.product-header .hintbox-icon img,
  .kfw-ikk-interest-rates-table.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-ikk-interest-rates-table.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.kfw-ikk-interest-rates-table.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-ikk-interest-rates-table.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-ikk-interest-rates-table.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-ikk-interest-rates-table.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-ikk-interest-rates-table.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-ikk-interest-rates-table.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-ikk-interest-rates-table.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-ikk-interest-rates-table.bg-light-accent .hintbox,
.kfw-ikk-interest-rates-table.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-light-accent,
.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-light-accent .kfw-ikk-interest-rates-table.bg-light-accent,
.overlay-content body>.kfw-ikk-interest-rates-table.bg-light-accent,
.overlay-content>.kfw-ikk-interest-rates-table.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-light-accent .kfw-ikk-interest-rates-table.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-ikk-interest-rates-table.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.kfw-ikk-interest-rates-table.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-ikk-interest-rates-table.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-ikk-interest-rates-table.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-ikk-interest-rates-table.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-ikk-interest-rates-table.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-ikk-interest-rates-table.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-ikk-interest-rates-table.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-ikk-interest-rates-table.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-ikk-interest-rates-table.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-ikk-interest-rates-table.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-ikk-interest-rates-table.bg-light-accent-secondary,
:where(main)>.kfw-ikk-interest-rates-table.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-ikk-interest-rates-table.bg-light-accent-secondary+*>*,
:where(main)>.kfw-ikk-interest-rates-table.bg-light-accent-secondary>* {
  --margin-top: initial
}

.kfw-ikk-interest-rates-table.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-ikk-interest-rates-table.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-ikk-interest-rates-table.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-ikk-interest-rates-table.bg-light-accent-secondary.product-header,
  .kfw-ikk-interest-rates-table.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-ikk-interest-rates-table.bg-light-accent-secondary.product-header,
  .kfw-ikk-interest-rates-table.bg-light-accent-secondary.product-header[class*=bg-],
  .kfw-ikk-interest-rates-table.bg-light-accent-secondary[class*=bg-],
  .kfw-ikk-interest-rates-table.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-ikk-interest-rates-table.bg-light-accent-secondary.product-header .hintbox-icon img,
  .kfw-ikk-interest-rates-table.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-ikk-interest-rates-table.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.kfw-ikk-interest-rates-table.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-ikk-interest-rates-table.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-ikk-interest-rates-table.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-ikk-interest-rates-table.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-ikk-interest-rates-table.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-ikk-interest-rates-table.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-ikk-interest-rates-table.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-ikk-interest-rates-table.bg-light-accent-secondary .hintbox,
.kfw-ikk-interest-rates-table.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-light-accent-secondary,
.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-light-accent-secondary .kfw-ikk-interest-rates-table.bg-light-accent-secondary,
.overlay-content body>.kfw-ikk-interest-rates-table.bg-light-accent-secondary,
.overlay-content>.kfw-ikk-interest-rates-table.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-light-accent-secondary .kfw-ikk-interest-rates-table.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.kfw-ikk-interest-rates-table.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.kfw-ikk-interest-rates-table.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-ikk-interest-rates-table.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-ikk-interest-rates-table.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-ikk-interest-rates-table.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-ikk-interest-rates-table.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-ikk-interest-rates-table.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-ikk-interest-rates-table.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-ikk-interest-rates-table.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-ikk-interest-rates-table.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-ikk-interest-rates-table.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-ikk-interest-rates-table.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-ikk-interest-rates-table.bg-light,
:where(main)>.kfw-ikk-interest-rates-table.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-ikk-interest-rates-table.bg-light+*>*,
:where(main)>.kfw-ikk-interest-rates-table.bg-light>* {
  --margin-top: initial
}

.kfw-ikk-interest-rates-table.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-ikk-interest-rates-table.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-ikk-interest-rates-table.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-ikk-interest-rates-table.bg-light.product-header,
  .kfw-ikk-interest-rates-table.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-ikk-interest-rates-table.bg-light.product-header,
  .kfw-ikk-interest-rates-table.bg-light.product-header[class*=bg-],
  .kfw-ikk-interest-rates-table.bg-light[class*=bg-],
  .kfw-ikk-interest-rates-table.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-ikk-interest-rates-table.bg-light.product-header .hintbox-icon img,
  .kfw-ikk-interest-rates-table.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-ikk-interest-rates-table.bg-light .details--s9>.details .main-column[class*=bg-],
.kfw-ikk-interest-rates-table.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-ikk-interest-rates-table.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-ikk-interest-rates-table.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-ikk-interest-rates-table.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-ikk-interest-rates-table.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-ikk-interest-rates-table.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-ikk-interest-rates-table.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-ikk-interest-rates-table.bg-light .hintbox,
.kfw-ikk-interest-rates-table.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-light,
.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-light .kfw-ikk-interest-rates-table.bg-light,
.overlay-content body>.kfw-ikk-interest-rates-table.bg-light,
.overlay-content>.kfw-ikk-interest-rates-table.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-light .kfw-ikk-interest-rates-table.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-ikk-interest-rates-table.bg-light .product-label.product-label--overflow,
.overlay-content body>.kfw-ikk-interest-rates-table.bg-light .product-label.product-label--overflow,
.overlay-content>.kfw-ikk-interest-rates-table.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

@media only print and (width >=0px) {
  .kfw-ikk-interest-rates-table-head {
    display: flex;
    flex-wrap: wrap
  }
}

@media only screen and (min-width:840px) {
  .kfw-ikk-interest-rates-table-head {
    display: flex;
    flex-wrap: wrap
  }
}

.kfw-ikk-interest-rates-table table tbody td {
  white-space: nowrap
}

.big-headline {
  height: auto
}

.big-headline-headline+.big-headline-text {
  margin-top: 1.5rem
}

.big-number {
  height: auto
}

.big-number-number p {
  font-size: 4.2rem;
  font-weight: 500;
  line-height: 4.2rem
}

@media only print and (width >=0px) {
  .big-number-number p {
    font-size: 4.8rem;
    line-height: 4.8rem
  }
}

@media only screen and (min-width:600px) {
  .big-number-number p {
    font-size: 4.8rem;
    line-height: 4.8rem
  }
}

.big-number-inscription p {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 3rem
}

@media only print and (width >=0px) {
  .big-number-inscription p {
    font-size: 2.6rem;
    line-height: 3.2rem
  }
}

@media only screen and (min-width:600px) {
  .big-number-inscription p {
    font-size: 2.6rem;
    line-height: 3.2rem
  }
}

.image-text {
  height: auto;
  width: auto
}

.image-text .image-text-image+.image-text-content {
  margin-top: 1.5rem
}

.image-text .image-text-headline+.image-text-text {
  margin-top: 1rem
}

@media only print and (width >=0px) {
  .image-text {
    width: 100%
  }
}

@media only screen and (min-width:600px) {
  .image-text {
    width: 100%
  }
}

.topic-line-content {
  --overflow: 5rem;
  margin-bottom: 3.5rem;
  position: relative;
  transform: translateY(-1.8rem)
}

.topic-line-content-wrapper {
  position: relative
}

.topic-line-content-box {
  display: grid;
  gap: 5rem var(--gap);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0 0 3.5rem;
  position: relative
}

.topic-line-content-box:before {
  background: var(--kfw-color-grey-300);
  content: "";
  height: calc(100% + 4.5rem);
  left: 1.6rem;
  position: absolute;
  top: -3.9rem;
  width: .4rem;
  z-index: 0
}

@media only print and (width >=0px) {
  .topic-line-content-box:before {
    justify-self: center;
    left: auto
  }
}

@media only screen and (min-width:600px) {
  .topic-line-content-box:before {
    justify-self: center;
    left: auto
  }
}

@media only print and (width >=0px) {
  .topic-line-content-box:before {
    top: -4.4rem
  }
}

@media only screen and (min-width:840px) {
  .topic-line-content-box:before {
    top: -4.4rem
  }
}

.topic-line-content-box>li:not(.topic-line-content-item) {
  display: none
}

@media only print and (width >=0px) {
  .topic-line-content-box>li:not(.topic-line-content-item) {
    display: block
  }
}

@media only screen and (min-width:600px) {
  .topic-line-content-box>li:not(.topic-line-content-item) {
    display: block
  }
}

@media only print and (width >=0px) {
  .topic-line-content-box>li:nth-child(2) {
    grid-column-start: 2;
    grid-row-start: 2
  }

  .topic-line-content-box>li:nth-child(4n-1) {
    padding: 0 0 0 calc(var(--gap)/2)
  }

  .topic-line-content-box>li:nth-child(4n-1) .big-number-content .big-number-number {
    align-items: flex-end
  }

  .topic-line-content-box>li:nth-child(4n-1) .big-number-content .big-number-number:after,
  .topic-line-content-box>li:nth-child(4n-1) .big-number-content .big-number-number:before {
    left: calc(var(--dot-width)/2*-1);
    right: auto;
    transform: translateY(1.2rem)
  }

  .topic-line-content-box>li:nth-child(4n-1) .big-headline-content>div:last-child:after,
  .topic-line-content-box>li:nth-child(4n-1) .big-headline-content>div:last-child:before {
    left: calc(var(--dot-width)/2*-1);
    right: auto
  }

  .topic-line-content-box>li:nth-child(4n-1) .big-headline-content>div:last-child.big-headline-headline:after,
  .topic-line-content-box>li:nth-child(4n-1) .big-headline-content>div:last-child.big-headline-headline:before {
    transform: translateY(.8rem)
  }

  .topic-line-content-box>li:nth-child(4n-1) .big-headline-content>div:last-child.big-headline-text {
    align-items: flex-start
  }

  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child.graphic-image,
  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child.image-text-image,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child.graphic-image,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child.image-text-image {
    align-items: center
  }

  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child.graphic-image:after,
  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child.graphic-image:before,
  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child.image-text-image:after,
  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child.image-text-image:before,
  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child>div:first-child:after,
  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child>div:first-child:before,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child.graphic-image:after,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child.graphic-image:before,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child.image-text-image:after,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child.image-text-image:before,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child>div:first-child:after,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child>div:first-child:before {
    left: calc(var(--dot-width)/2*-1);
    right: auto
  }

  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child>div:first-child>:first-child,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child>div:first-child>:first-child {
    margin-top: 0
  }

  .topic-line-content-box>li:nth-child(4n-1) .big-headline,
  .topic-line-content-box>li:nth-child(4n-1) .big-number,
  .topic-line-content-box>li:nth-child(4n-1) .graphic,
  .topic-line-content-box>li:nth-child(4n-1) .image-text {
    grid-column-start: 2
  }
}

@media only screen and (min-width:600px) {
  .topic-line-content-box>li:nth-child(2) {
    grid-column-start: 2;
    grid-row-start: 2
  }

  .topic-line-content-box>li:nth-child(4n-1) {
    padding: 0 0 0 calc(var(--gap)/2)
  }

  .topic-line-content-box>li:nth-child(4n-1) .big-number-content .big-number-number {
    align-items: flex-end
  }

  .topic-line-content-box>li:nth-child(4n-1) .big-number-content .big-number-number:after,
  .topic-line-content-box>li:nth-child(4n-1) .big-number-content .big-number-number:before {
    left: calc(var(--dot-width)/2*-1);
    right: auto;
    transform: translateY(1.2rem)
  }

  .topic-line-content-box>li:nth-child(4n-1) .big-headline-content>div:last-child:after,
  .topic-line-content-box>li:nth-child(4n-1) .big-headline-content>div:last-child:before {
    left: calc(var(--dot-width)/2*-1);
    right: auto
  }

  .topic-line-content-box>li:nth-child(4n-1) .big-headline-content>div:last-child.big-headline-headline:after,
  .topic-line-content-box>li:nth-child(4n-1) .big-headline-content>div:last-child.big-headline-headline:before {
    transform: translateY(.8rem)
  }

  .topic-line-content-box>li:nth-child(4n-1) .big-headline-content>div:last-child.big-headline-text {
    align-items: flex-start
  }

  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child.graphic-image,
  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child.image-text-image,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child.graphic-image,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child.image-text-image {
    align-items: center
  }

  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child.graphic-image:after,
  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child.graphic-image:before,
  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child.image-text-image:after,
  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child.image-text-image:before,
  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child>div:first-child:after,
  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child>div:first-child:before,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child.graphic-image:after,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child.graphic-image:before,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child.image-text-image:after,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child.image-text-image:before,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child>div:first-child:after,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child>div:first-child:before {
    left: calc(var(--dot-width)/2*-1);
    right: auto
  }

  .topic-line-content-box>li:nth-child(4n-1) .graphic>div:last-child>div:first-child>:first-child,
  .topic-line-content-box>li:nth-child(4n-1) .image-text>div:last-child>div:first-child>:first-child {
    margin-top: 0
  }

  .topic-line-content-box>li:nth-child(4n-1) .big-headline,
  .topic-line-content-box>li:nth-child(4n-1) .big-number,
  .topic-line-content-box>li:nth-child(4n-1) .graphic,
  .topic-line-content-box>li:nth-child(4n-1) .image-text {
    grid-column-start: 2
  }
}

@media only print and (width >=0px) {
  .topic-line-content-box {
    gap: 3rem 0;
    grid-auto-rows: minmax(var(--overflow), auto) auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 4rem
  }
}

@media only screen and (min-width:600px) {
  .topic-line-content-box {
    gap: 3rem 0;
    grid-auto-rows: minmax(var(--overflow), auto) auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 4rem
  }
}

.topic-line-content-item {
  display: grid;
  gap: var(--gap);
  grid-column: auto/span 1;
  grid-row: auto/span 1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0;
  position: relative
}

.topic-line-content-item .big-number-content .big-number-number {
  align-items: flex-end;
  --dot-width: 2.4rem;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  white-space: pre-wrap
}

.topic-line-content-item .big-number-content .big-number-number:before {
  aspect-ratio: 1;
  background: var(--color-font-on-light-bg);
  border-radius: 50%;
  width: var(--dot-width)
}

.topic-line-content-item .big-number-content .big-number-number:after {
  border-bottom: .2rem solid var(--kfw-color-grey-300);
  height: .2rem;
  margin-bottom: calc((var(--dot-width) - .2rem)/2);
  padding-bottom: calc((var(--dot-width) - .2rem)/2);
  width: calc(3.1rem + var(--dot-width));
  z-index: -1
}

@media only print and (width >=0px) {
  .topic-line-content-item .big-number-content .big-number-number:after {
    width: calc(4.8rem + var(--dot-width))
  }
}

@media only screen and (min-width:960px) {
  .topic-line-content-item .big-number-content .big-number-number:after {
    width: calc(4.8rem + var(--dot-width))
  }
}

.topic-line-content-item .big-number-content .big-number-number:after,
.topic-line-content-item .big-number-content .big-number-number:before {
  content: "";
  left: .6rem;
  position: absolute
}

@media only print and (width >=0px) {

  .topic-line-content-item .big-number-content .big-number-number:after,
  .topic-line-content-item .big-number-content .big-number-number:before {
    left: auto;
    right: calc(var(--dot-width)/2*-1)
  }
}

@media only screen and (min-width:600px) {

  .topic-line-content-item .big-number-content .big-number-number:after,
  .topic-line-content-item .big-number-content .big-number-number:before {
    left: auto;
    right: calc(var(--dot-width)/2*-1)
  }
}

.topic-line-content-item .big-number-content .big-number-number:after,
.topic-line-content-item .big-number-content .big-number-number:before {
  transform: translateY(1.2rem)
}

.topic-line-content-item .big-headline-content>div:last-child {
  --dot-width: 2.4rem;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  white-space: pre-wrap
}

.topic-line-content-item .big-headline-content>div:last-child:before {
  aspect-ratio: 1;
  background: var(--color-font-on-light-bg);
  border-radius: 50%;
  width: var(--dot-width)
}

.topic-line-content-item .big-headline-content>div:last-child:after {
  border-bottom: .2rem solid var(--kfw-color-grey-300);
  height: .2rem;
  margin-bottom: calc((var(--dot-width) - .2rem)/2);
  padding-bottom: calc((var(--dot-width) - .2rem)/2);
  width: calc(3.1rem + var(--dot-width));
  z-index: -1
}

@media only print and (width >=0px) {
  .topic-line-content-item .big-headline-content>div:last-child:after {
    width: calc(4.8rem + var(--dot-width))
  }
}

@media only screen and (min-width:960px) {
  .topic-line-content-item .big-headline-content>div:last-child:after {
    width: calc(4.8rem + var(--dot-width))
  }
}

.topic-line-content-item .big-headline-content>div:last-child:after,
.topic-line-content-item .big-headline-content>div:last-child:before {
  content: "";
  left: .6rem;
  position: absolute
}

@media only print and (width >=0px) {

  .topic-line-content-item .big-headline-content>div:last-child:after,
  .topic-line-content-item .big-headline-content>div:last-child:before {
    left: auto;
    right: calc(var(--dot-width)/2*-1)
  }
}

@media only screen and (min-width:600px) {

  .topic-line-content-item .big-headline-content>div:last-child:after,
  .topic-line-content-item .big-headline-content>div:last-child:before {
    left: auto;
    right: calc(var(--dot-width)/2*-1)
  }
}

.topic-line-content-item .big-headline-content>div:last-child.big-headline-headline:after,
.topic-line-content-item .big-headline-content>div:last-child.big-headline-headline:before {
  transform: translateY(.8rem)
}

.topic-line-content-item .big-headline-content>div:last-child.big-headline-text {
  align-items: flex-start
}

.topic-line-content-item .graphic>div:last-child.graphic-image,
.topic-line-content-item .graphic>div:last-child.image-text-image,
.topic-line-content-item .image-text>div:last-child.graphic-image,
.topic-line-content-item .image-text>div:last-child.image-text-image {
  align-items: center;
  --dot-width: 2.4rem;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  white-space: pre-wrap
}

.topic-line-content-item .graphic>div:last-child.graphic-image:before,
.topic-line-content-item .graphic>div:last-child.image-text-image:before,
.topic-line-content-item .image-text>div:last-child.graphic-image:before,
.topic-line-content-item .image-text>div:last-child.image-text-image:before {
  aspect-ratio: 1;
  background: var(--color-font-on-light-bg);
  border-radius: 50%;
  width: var(--dot-width)
}

.topic-line-content-item .graphic>div:last-child.graphic-image:after,
.topic-line-content-item .graphic>div:last-child.image-text-image:after,
.topic-line-content-item .image-text>div:last-child.graphic-image:after,
.topic-line-content-item .image-text>div:last-child.image-text-image:after {
  border-bottom: .2rem solid var(--kfw-color-grey-300);
  height: .2rem;
  margin-bottom: calc((var(--dot-width) - .2rem)/2);
  padding-bottom: calc((var(--dot-width) - .2rem)/2);
  width: calc(3.1rem + var(--dot-width));
  z-index: -1
}

@media only print and (width >=0px) {

  .topic-line-content-item .graphic>div:last-child.graphic-image:after,
  .topic-line-content-item .graphic>div:last-child.image-text-image:after,
  .topic-line-content-item .image-text>div:last-child.graphic-image:after,
  .topic-line-content-item .image-text>div:last-child.image-text-image:after {
    width: calc(4.8rem + var(--dot-width))
  }
}

@media only screen and (min-width:960px) {

  .topic-line-content-item .graphic>div:last-child.graphic-image:after,
  .topic-line-content-item .graphic>div:last-child.image-text-image:after,
  .topic-line-content-item .image-text>div:last-child.graphic-image:after,
  .topic-line-content-item .image-text>div:last-child.image-text-image:after {
    width: calc(4.8rem + var(--dot-width))
  }
}

.topic-line-content-item .graphic>div:last-child.graphic-image:after,
.topic-line-content-item .graphic>div:last-child.graphic-image:before,
.topic-line-content-item .graphic>div:last-child.image-text-image:after,
.topic-line-content-item .graphic>div:last-child.image-text-image:before,
.topic-line-content-item .image-text>div:last-child.graphic-image:after,
.topic-line-content-item .image-text>div:last-child.graphic-image:before,
.topic-line-content-item .image-text>div:last-child.image-text-image:after,
.topic-line-content-item .image-text>div:last-child.image-text-image:before {
  content: "";
  left: .6rem;
  position: absolute
}

@media only print and (width >=0px) {

  .topic-line-content-item .graphic>div:last-child.graphic-image:after,
  .topic-line-content-item .graphic>div:last-child.graphic-image:before,
  .topic-line-content-item .graphic>div:last-child.image-text-image:after,
  .topic-line-content-item .graphic>div:last-child.image-text-image:before,
  .topic-line-content-item .image-text>div:last-child.graphic-image:after,
  .topic-line-content-item .image-text>div:last-child.graphic-image:before,
  .topic-line-content-item .image-text>div:last-child.image-text-image:after,
  .topic-line-content-item .image-text>div:last-child.image-text-image:before {
    left: auto;
    right: calc(var(--dot-width)/2*-1)
  }
}

@media only screen and (min-width:600px) {

  .topic-line-content-item .graphic>div:last-child.graphic-image:after,
  .topic-line-content-item .graphic>div:last-child.graphic-image:before,
  .topic-line-content-item .graphic>div:last-child.image-text-image:after,
  .topic-line-content-item .graphic>div:last-child.image-text-image:before,
  .topic-line-content-item .image-text>div:last-child.graphic-image:after,
  .topic-line-content-item .image-text>div:last-child.graphic-image:before,
  .topic-line-content-item .image-text>div:last-child.image-text-image:after,
  .topic-line-content-item .image-text>div:last-child.image-text-image:before {
    left: auto;
    right: calc(var(--dot-width)/2*-1)
  }
}

.topic-line-content-item .graphic>div:last-child>div:first-child,
.topic-line-content-item .image-text>div:last-child>div:first-child {
  --dot-width: 2.4rem;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  white-space: pre-wrap
}

.topic-line-content-item .graphic>div:last-child>div:first-child:before,
.topic-line-content-item .image-text>div:last-child>div:first-child:before {
  aspect-ratio: 1;
  background: var(--color-font-on-light-bg);
  border-radius: 50%;
  width: var(--dot-width)
}

.topic-line-content-item .graphic>div:last-child>div:first-child:after,
.topic-line-content-item .image-text>div:last-child>div:first-child:after {
  border-bottom: .2rem solid var(--kfw-color-grey-300);
  height: .2rem;
  margin-bottom: calc((var(--dot-width) - .2rem)/2);
  padding-bottom: calc((var(--dot-width) - .2rem)/2);
  width: calc(3.1rem + var(--dot-width));
  z-index: -1
}

@media only print and (width >=0px) {

  .topic-line-content-item .graphic>div:last-child>div:first-child:after,
  .topic-line-content-item .image-text>div:last-child>div:first-child:after {
    width: calc(4.8rem + var(--dot-width))
  }
}

@media only screen and (min-width:960px) {

  .topic-line-content-item .graphic>div:last-child>div:first-child:after,
  .topic-line-content-item .image-text>div:last-child>div:first-child:after {
    width: calc(4.8rem + var(--dot-width))
  }
}

.topic-line-content-item .graphic>div:last-child>div:first-child:after,
.topic-line-content-item .graphic>div:last-child>div:first-child:before,
.topic-line-content-item .image-text>div:last-child>div:first-child:after,
.topic-line-content-item .image-text>div:last-child>div:first-child:before {
  content: "";
  left: .6rem;
  position: absolute
}

@media only print and (width >=0px) {

  .topic-line-content-item .graphic>div:last-child>div:first-child:after,
  .topic-line-content-item .graphic>div:last-child>div:first-child:before,
  .topic-line-content-item .image-text>div:last-child>div:first-child:after,
  .topic-line-content-item .image-text>div:last-child>div:first-child:before {
    left: auto;
    right: calc(var(--dot-width)/2*-1)
  }
}

@media only screen and (min-width:600px) {

  .topic-line-content-item .graphic>div:last-child>div:first-child:after,
  .topic-line-content-item .graphic>div:last-child>div:first-child:before,
  .topic-line-content-item .image-text>div:last-child>div:first-child:after,
  .topic-line-content-item .image-text>div:last-child>div:first-child:before {
    left: auto;
    right: calc(var(--dot-width)/2*-1)
  }
}

.topic-line-content-item .graphic>div:last-child>div:first-child>:first-child,
.topic-line-content-item .image-text>div:last-child>div:first-child>:first-child {
  margin-top: 0
}

@media only print and (width >=0px) {

  .topic-line-content-item .graphic-content,
  .topic-line-content-item .image-text-content {
    grid-row: 2/span 1
  }
}

@media only screen and (min-width:600px) {

  .topic-line-content-item .graphic-content,
  .topic-line-content-item .image-text-content {
    grid-row: 2/span 1
  }
}

.topic-line-content-item .big-headline,
.topic-line-content-item .big-number,
.topic-line-content-item .graphic,
.topic-line-content-item .image-text {
  grid-column: 2/span 3
}

@media only print and (width >=0px) {

  .topic-line-content-item .big-headline,
  .topic-line-content-item .big-number,
  .topic-line-content-item .graphic,
  .topic-line-content-item .image-text {
    display: grid;
    grid-column: 1/span 5;
    grid-template-columns: 100%;
    grid-template-rows: minmax(calc(var(--overflow) / 2), auto) auto
  }
}

@media only screen and (min-width:600px) {

  .topic-line-content-item .big-headline,
  .topic-line-content-item .big-number,
  .topic-line-content-item .graphic,
  .topic-line-content-item .image-text {
    display: grid;
    grid-column: 1/span 5;
    grid-template-columns: 100%;
    grid-template-rows: minmax(calc(var(--overflow) / 2), auto) auto
  }
}

@media only print and (width >=0px) {

  .topic-line-content-item .big-headline,
  .topic-line-content-item .big-number,
  .topic-line-content-item .graphic,
  .topic-line-content-item .image-text {
    grid-column: 2/span 4
  }
}

@media only screen and (min-width:960px) {

  .topic-line-content-item .big-headline,
  .topic-line-content-item .big-number,
  .topic-line-content-item .graphic,
  .topic-line-content-item .image-text {
    grid-column: 2/span 4
  }
}

@media only print and (width >=0px) {
  .topic-line-content-item .graphic {
    grid-column: 2/span 4
  }
}

@media only screen and (min-width:840px) {
  .topic-line-content-item .graphic {
    grid-column: 2/span 4
  }
}

@media only print and (width >=0px) {
  .topic-line-content-item .graphic {
    grid-column: 2/span 3
  }
}

@media only screen and (min-width:960px) {
  .topic-line-content-item .graphic {
    grid-column: 2/span 3
  }
}

@media only print and (width >=0px) {
  .topic-line-content-item {
    align-items: center;
    grid-row: auto/span 3;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-bottom: 0;
    padding: 0 calc(var(--gap)/2) 0 0
  }

  .topic-line-content-item .graphic,
  .topic-line-content-item .image-text {
    grid-template-rows: auto minmax(0, auto)
  }

  .topic-line-content-item .graphic-image,
  .topic-line-content-item .image-text-image {
    grid-row: 1/span 1
  }
}

@media only screen and (min-width:600px) {
  .topic-line-content-item {
    align-items: center;
    grid-row: auto/span 3;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-bottom: 0;
    padding: 0 calc(var(--gap)/2) 0 0
  }

  .topic-line-content-item .graphic,
  .topic-line-content-item .image-text {
    grid-template-rows: auto minmax(0, auto)
  }

  .topic-line-content-item .graphic-image,
  .topic-line-content-item .image-text-image {
    grid-row: 1/span 1
  }
}

.topic-line-content-btn-arrow {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative
}

.topic-line-content-btn-arrow .topic-line-button {
  bottom: auto;
  margin-top: 0;
  position: static
}

@media only print and (width >=0px) {
  .topic-line-content-btn-arrow {
    align-items: center
  }
}

@media only screen and (min-width:600px) {
  .topic-line-content-btn-arrow {
    align-items: center
  }
}

.topic-line-content-back-label {
  margin-top: 1rem
}

@media only print and (width >=0px) {
  .topic-line-content {
    margin-bottom: 4rem
  }
}

@media only screen and (min-width:840px) {
  .topic-line-content {
    margin-bottom: 4rem
  }
}

.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*,
:where(main)>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>*,
:where(main)>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
main .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
  .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-],
  .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img,
  .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact,
.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.av-topic-line-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.kfw-topic-line:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.av-topic-line-wrapper.bg-dark,
.kfw-topic-line.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.av-topic-line-wrapper.bg-dark .button--primary,
.av-topic-line-wrapper.bg-dark .button--primary-positive,
.av-topic-line-wrapper.bg-dark .button--secondary,
.av-topic-line-wrapper.bg-dark .button--secondary-positive,
.av-topic-line-wrapper.bg-dark .button--tertiary,
.av-topic-line-wrapper.bg-dark .button--tertiary-positive,
.kfw-topic-line.bg-dark .button--primary,
.kfw-topic-line.bg-dark .button--primary-positive,
.kfw-topic-line.bg-dark .button--secondary,
.kfw-topic-line.bg-dark .button--secondary-positive,
.kfw-topic-line.bg-dark .button--tertiary,
.kfw-topic-line.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.av-topic-line-wrapper.bg-dark .button--primary,
.av-topic-line-wrapper.bg-dark .button--primary-positive,
.kfw-topic-line.bg-dark .button--primary,
.kfw-topic-line.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.av-topic-line-wrapper.bg-dark .button--secondary,
.av-topic-line-wrapper.bg-dark .button--secondary-positive,
.kfw-topic-line.bg-dark .button--secondary,
.kfw-topic-line.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.av-topic-line-wrapper.bg-dark .button--tertiary,
.av-topic-line-wrapper.bg-dark .button--tertiary-positive,
.kfw-topic-line.bg-dark .button--tertiary,
.kfw-topic-line.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.av-topic-line-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.av-topic-line-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.kfw-topic-line.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-topic-line.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.av-topic-line-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.av-topic-line-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-topic-line.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-topic-line.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.av-topic-line-wrapper.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.av-topic-line-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-topic-line.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-topic-line.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.av-topic-line-wrapper.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.av-topic-line-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-topic-line.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-topic-line.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-dark:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-dark:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.av-topic-line-wrapper.bg-dark,
:where(main)>.av-topic-line-wrapper.bg-dark+*,
:where(main)>.kfw-topic-line.bg-dark,
:where(main)>.kfw-topic-line.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.av-topic-line-wrapper.bg-dark+*>*,
:where(main)>.av-topic-line-wrapper.bg-dark>*,
:where(main)>.kfw-topic-line.bg-dark+*>*,
:where(main)>.kfw-topic-line.bg-dark>* {
  --margin-top: initial
}

.av-topic-line-wrapper.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.kfw-topic-line.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .av-topic-line-wrapper.bg-dark,
  .kfw-topic-line.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .av-topic-line-wrapper.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .kfw-topic-line.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .av-topic-line-wrapper.bg-dark.product-header,
  .av-topic-line-wrapper.bg-dark[class*=bg-],
  .kfw-topic-line.bg-dark.product-header,
  .kfw-topic-line.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .av-topic-line-wrapper.bg-dark.product-header,
  .av-topic-line-wrapper.bg-dark.product-header[class*=bg-],
  .av-topic-line-wrapper.bg-dark[class*=bg-],
  .av-topic-line-wrapper.bg-dark[class*=bg-][class*=bg-],
  .kfw-topic-line.bg-dark.product-header,
  .kfw-topic-line.bg-dark.product-header[class*=bg-],
  .kfw-topic-line.bg-dark[class*=bg-],
  .kfw-topic-line.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .av-topic-line-wrapper.bg-dark.product-header .hintbox-icon img,
  .av-topic-line-wrapper.bg-dark[class*=bg-] .hintbox-icon img,
  .kfw-topic-line.bg-dark.product-header .hintbox-icon img,
  .kfw-topic-line.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.av-topic-line-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-],
.av-topic-line-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.kfw-topic-line.bg-dark .details--s9>.details .main-column[class*=bg-],
.kfw-topic-line.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .av-topic-line-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .av-topic-line-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-topic-line.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-topic-line.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .av-topic-line-wrapper.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .av-topic-line-wrapper.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-topic-line.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-topic-line.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .av-topic-line-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .av-topic-line-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-topic-line.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-topic-line.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.av-topic-line-wrapper.bg-dark .hintbox,
.av-topic-line-wrapper.bg-dark.compact,
.kfw-topic-line.bg-dark .hintbox,
.kfw-topic-line.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.av-topic-line-wrapper.bg-dark,
.overlay-content .main-column>.av-topic-line-wrapper.bg-dark .av-topic-line-wrapper.bg-dark,
.overlay-content .main-column>.av-topic-line-wrapper.bg-dark .kfw-topic-line.bg-dark,
.overlay-content .main-column>.kfw-topic-line.bg-dark,
.overlay-content .main-column>.kfw-topic-line.bg-dark .av-topic-line-wrapper.bg-dark,
.overlay-content .main-column>.kfw-topic-line.bg-dark .kfw-topic-line.bg-dark,
.overlay-content body>.av-topic-line-wrapper.bg-dark,
.overlay-content body>.kfw-topic-line.bg-dark,
.overlay-content>.av-topic-line-wrapper.bg-dark,
.overlay-content>.kfw-topic-line.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.av-topic-line-wrapper.bg-dark .av-topic-line-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.av-topic-line-wrapper.bg-dark .kfw-topic-line.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.av-topic-line-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-dark .av-topic-line-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-dark .kfw-topic-line.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-dark .product-label.product-label--overflow,
.overlay-content body>.av-topic-line-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content body>.kfw-topic-line.bg-dark .product-label.product-label--overflow,
.overlay-content>.av-topic-line-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content>.kfw-topic-line.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.av-topic-line-wrapper.bg-dark-accent,
.kfw-topic-line.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.av-topic-line-wrapper.bg-dark-accent .button--primary,
.av-topic-line-wrapper.bg-dark-accent .button--primary-positive,
.av-topic-line-wrapper.bg-dark-accent .button--secondary,
.av-topic-line-wrapper.bg-dark-accent .button--secondary-positive,
.av-topic-line-wrapper.bg-dark-accent .button--tertiary,
.av-topic-line-wrapper.bg-dark-accent .button--tertiary-positive,
.kfw-topic-line.bg-dark-accent .button--primary,
.kfw-topic-line.bg-dark-accent .button--primary-positive,
.kfw-topic-line.bg-dark-accent .button--secondary,
.kfw-topic-line.bg-dark-accent .button--secondary-positive,
.kfw-topic-line.bg-dark-accent .button--tertiary,
.kfw-topic-line.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.av-topic-line-wrapper.bg-dark-accent .button--primary,
.av-topic-line-wrapper.bg-dark-accent .button--primary-positive,
.kfw-topic-line.bg-dark-accent .button--primary,
.kfw-topic-line.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.av-topic-line-wrapper.bg-dark-accent .button--secondary,
.av-topic-line-wrapper.bg-dark-accent .button--secondary-positive,
.kfw-topic-line.bg-dark-accent .button--secondary,
.kfw-topic-line.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.av-topic-line-wrapper.bg-dark-accent .button--tertiary,
.av-topic-line-wrapper.bg-dark-accent .button--tertiary-positive,
.kfw-topic-line.bg-dark-accent .button--tertiary,
.kfw-topic-line.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.av-topic-line-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.av-topic-line-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.kfw-topic-line.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-topic-line.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.av-topic-line-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.av-topic-line-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-topic-line.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-topic-line.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.av-topic-line-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.av-topic-line-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-topic-line.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-topic-line.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.av-topic-line-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.av-topic-line-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-topic-line.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-topic-line.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-dark-accent:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-dark-accent:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.av-topic-line-wrapper.bg-dark-accent,
:where(main)>.av-topic-line-wrapper.bg-dark-accent+*,
:where(main)>.kfw-topic-line.bg-dark-accent,
:where(main)>.kfw-topic-line.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.av-topic-line-wrapper.bg-dark-accent+*>*,
:where(main)>.av-topic-line-wrapper.bg-dark-accent>*,
:where(main)>.kfw-topic-line.bg-dark-accent+*>*,
:where(main)>.kfw-topic-line.bg-dark-accent>* {
  --margin-top: initial
}

.av-topic-line-wrapper.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.kfw-topic-line.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .av-topic-line-wrapper.bg-dark-accent,
  .kfw-topic-line.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .av-topic-line-wrapper.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .kfw-topic-line.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .av-topic-line-wrapper.bg-dark-accent.product-header,
  .av-topic-line-wrapper.bg-dark-accent[class*=bg-],
  .kfw-topic-line.bg-dark-accent.product-header,
  .kfw-topic-line.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .av-topic-line-wrapper.bg-dark-accent.product-header,
  .av-topic-line-wrapper.bg-dark-accent.product-header[class*=bg-],
  .av-topic-line-wrapper.bg-dark-accent[class*=bg-],
  .av-topic-line-wrapper.bg-dark-accent[class*=bg-][class*=bg-],
  .kfw-topic-line.bg-dark-accent.product-header,
  .kfw-topic-line.bg-dark-accent.product-header[class*=bg-],
  .kfw-topic-line.bg-dark-accent[class*=bg-],
  .kfw-topic-line.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .av-topic-line-wrapper.bg-dark-accent.product-header .hintbox-icon img,
  .av-topic-line-wrapper.bg-dark-accent[class*=bg-] .hintbox-icon img,
  .kfw-topic-line.bg-dark-accent.product-header .hintbox-icon img,
  .kfw-topic-line.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.av-topic-line-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.av-topic-line-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.kfw-topic-line.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.kfw-topic-line.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .av-topic-line-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .av-topic-line-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-topic-line.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-topic-line.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .av-topic-line-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .av-topic-line-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-topic-line.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-topic-line.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .av-topic-line-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .av-topic-line-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-topic-line.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-topic-line.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.av-topic-line-wrapper.bg-dark-accent .hintbox,
.av-topic-line-wrapper.bg-dark-accent.compact,
.kfw-topic-line.bg-dark-accent .hintbox,
.kfw-topic-line.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.av-topic-line-wrapper.bg-dark-accent,
.overlay-content .main-column>.av-topic-line-wrapper.bg-dark-accent .av-topic-line-wrapper.bg-dark-accent,
.overlay-content .main-column>.av-topic-line-wrapper.bg-dark-accent .kfw-topic-line.bg-dark-accent,
.overlay-content .main-column>.kfw-topic-line.bg-dark-accent,
.overlay-content .main-column>.kfw-topic-line.bg-dark-accent .av-topic-line-wrapper.bg-dark-accent,
.overlay-content .main-column>.kfw-topic-line.bg-dark-accent .kfw-topic-line.bg-dark-accent,
.overlay-content body>.av-topic-line-wrapper.bg-dark-accent,
.overlay-content body>.kfw-topic-line.bg-dark-accent,
.overlay-content>.av-topic-line-wrapper.bg-dark-accent,
.overlay-content>.kfw-topic-line.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.av-topic-line-wrapper.bg-dark-accent .av-topic-line-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.av-topic-line-wrapper.bg-dark-accent .kfw-topic-line.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.av-topic-line-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-dark-accent .av-topic-line-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-dark-accent .kfw-topic-line.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.av-topic-line-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-topic-line.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.av-topic-line-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.kfw-topic-line.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.av-topic-line-wrapper.bg-light-accent,
.kfw-topic-line.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.av-topic-line-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.av-topic-line-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.kfw-topic-line.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-topic-line.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.av-topic-line-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.av-topic-line-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-topic-line.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-topic-line.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.av-topic-line-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.av-topic-line-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-topic-line.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-topic-line.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.av-topic-line-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.av-topic-line-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-topic-line.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-topic-line.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-light-accent:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-light-accent:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.av-topic-line-wrapper.bg-light-accent,
:where(main)>.av-topic-line-wrapper.bg-light-accent+*,
:where(main)>.kfw-topic-line.bg-light-accent,
:where(main)>.kfw-topic-line.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.av-topic-line-wrapper.bg-light-accent+*>*,
:where(main)>.av-topic-line-wrapper.bg-light-accent>*,
:where(main)>.kfw-topic-line.bg-light-accent+*>*,
:where(main)>.kfw-topic-line.bg-light-accent>* {
  --margin-top: initial
}

.av-topic-line-wrapper.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.kfw-topic-line.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .av-topic-line-wrapper.bg-light-accent,
  .kfw-topic-line.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .av-topic-line-wrapper.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .kfw-topic-line.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .av-topic-line-wrapper.bg-light-accent.product-header,
  .av-topic-line-wrapper.bg-light-accent[class*=bg-],
  .kfw-topic-line.bg-light-accent.product-header,
  .kfw-topic-line.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .av-topic-line-wrapper.bg-light-accent.product-header,
  .av-topic-line-wrapper.bg-light-accent.product-header[class*=bg-],
  .av-topic-line-wrapper.bg-light-accent[class*=bg-],
  .av-topic-line-wrapper.bg-light-accent[class*=bg-][class*=bg-],
  .kfw-topic-line.bg-light-accent.product-header,
  .kfw-topic-line.bg-light-accent.product-header[class*=bg-],
  .kfw-topic-line.bg-light-accent[class*=bg-],
  .kfw-topic-line.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .av-topic-line-wrapper.bg-light-accent.product-header .hintbox-icon img,
  .av-topic-line-wrapper.bg-light-accent[class*=bg-] .hintbox-icon img,
  .kfw-topic-line.bg-light-accent.product-header .hintbox-icon img,
  .kfw-topic-line.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.av-topic-line-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.av-topic-line-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.kfw-topic-line.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.kfw-topic-line.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .av-topic-line-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .av-topic-line-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-topic-line.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-topic-line.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .av-topic-line-wrapper.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .av-topic-line-wrapper.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-topic-line.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-topic-line.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .av-topic-line-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .av-topic-line-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-topic-line.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-topic-line.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.av-topic-line-wrapper.bg-light-accent .hintbox,
.av-topic-line-wrapper.bg-light-accent.compact,
.kfw-topic-line.bg-light-accent .hintbox,
.kfw-topic-line.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.av-topic-line-wrapper.bg-light-accent,
.overlay-content .main-column>.av-topic-line-wrapper.bg-light-accent .av-topic-line-wrapper.bg-light-accent,
.overlay-content .main-column>.av-topic-line-wrapper.bg-light-accent .kfw-topic-line.bg-light-accent,
.overlay-content .main-column>.kfw-topic-line.bg-light-accent,
.overlay-content .main-column>.kfw-topic-line.bg-light-accent .av-topic-line-wrapper.bg-light-accent,
.overlay-content .main-column>.kfw-topic-line.bg-light-accent .kfw-topic-line.bg-light-accent,
.overlay-content body>.av-topic-line-wrapper.bg-light-accent,
.overlay-content body>.kfw-topic-line.bg-light-accent,
.overlay-content>.av-topic-line-wrapper.bg-light-accent,
.overlay-content>.kfw-topic-line.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.av-topic-line-wrapper.bg-light-accent .av-topic-line-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.av-topic-line-wrapper.bg-light-accent .kfw-topic-line.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.av-topic-line-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-light-accent .av-topic-line-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-light-accent .kfw-topic-line.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.av-topic-line-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-topic-line.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.av-topic-line-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.kfw-topic-line.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.av-topic-line-wrapper.bg-light-accent-secondary,
.kfw-topic-line.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.av-topic-line-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.av-topic-line-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.kfw-topic-line.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-topic-line.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.av-topic-line-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.av-topic-line-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-topic-line.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-topic-line.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.av-topic-line-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.av-topic-line-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-topic-line.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-topic-line.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.av-topic-line-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.av-topic-line-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-topic-line.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-topic-line.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-light-accent-secondary:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-light-accent-secondary:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.av-topic-line-wrapper.bg-light-accent-secondary,
:where(main)>.av-topic-line-wrapper.bg-light-accent-secondary+*,
:where(main)>.kfw-topic-line.bg-light-accent-secondary,
:where(main)>.kfw-topic-line.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.av-topic-line-wrapper.bg-light-accent-secondary+*>*,
:where(main)>.av-topic-line-wrapper.bg-light-accent-secondary>*,
:where(main)>.kfw-topic-line.bg-light-accent-secondary+*>*,
:where(main)>.kfw-topic-line.bg-light-accent-secondary>* {
  --margin-top: initial
}

.av-topic-line-wrapper.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.kfw-topic-line.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .av-topic-line-wrapper.bg-light-accent-secondary,
  .kfw-topic-line.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .av-topic-line-wrapper.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .kfw-topic-line.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .av-topic-line-wrapper.bg-light-accent-secondary.product-header,
  .av-topic-line-wrapper.bg-light-accent-secondary[class*=bg-],
  .kfw-topic-line.bg-light-accent-secondary.product-header,
  .kfw-topic-line.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .av-topic-line-wrapper.bg-light-accent-secondary.product-header,
  .av-topic-line-wrapper.bg-light-accent-secondary.product-header[class*=bg-],
  .av-topic-line-wrapper.bg-light-accent-secondary[class*=bg-],
  .av-topic-line-wrapper.bg-light-accent-secondary[class*=bg-][class*=bg-],
  .kfw-topic-line.bg-light-accent-secondary.product-header,
  .kfw-topic-line.bg-light-accent-secondary.product-header[class*=bg-],
  .kfw-topic-line.bg-light-accent-secondary[class*=bg-],
  .kfw-topic-line.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .av-topic-line-wrapper.bg-light-accent-secondary.product-header .hintbox-icon img,
  .av-topic-line-wrapper.bg-light-accent-secondary[class*=bg-] .hintbox-icon img,
  .kfw-topic-line.bg-light-accent-secondary.product-header .hintbox-icon img,
  .kfw-topic-line.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.av-topic-line-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.av-topic-line-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.kfw-topic-line.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.kfw-topic-line.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .av-topic-line-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .av-topic-line-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-topic-line.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-topic-line.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .av-topic-line-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .av-topic-line-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-topic-line.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-topic-line.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .av-topic-line-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .av-topic-line-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-topic-line.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-topic-line.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.av-topic-line-wrapper.bg-light-accent-secondary .hintbox,
.av-topic-line-wrapper.bg-light-accent-secondary.compact,
.kfw-topic-line.bg-light-accent-secondary .hintbox,
.kfw-topic-line.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.av-topic-line-wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.av-topic-line-wrapper.bg-light-accent-secondary .av-topic-line-wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.av-topic-line-wrapper.bg-light-accent-secondary .kfw-topic-line.bg-light-accent-secondary,
.overlay-content .main-column>.kfw-topic-line.bg-light-accent-secondary,
.overlay-content .main-column>.kfw-topic-line.bg-light-accent-secondary .av-topic-line-wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.kfw-topic-line.bg-light-accent-secondary .kfw-topic-line.bg-light-accent-secondary,
.overlay-content body>.av-topic-line-wrapper.bg-light-accent-secondary,
.overlay-content body>.kfw-topic-line.bg-light-accent-secondary,
.overlay-content>.av-topic-line-wrapper.bg-light-accent-secondary,
.overlay-content>.kfw-topic-line.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.av-topic-line-wrapper.bg-light-accent-secondary .av-topic-line-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.av-topic-line-wrapper.bg-light-accent-secondary .kfw-topic-line.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.av-topic-line-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-light-accent-secondary .av-topic-line-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-light-accent-secondary .kfw-topic-line.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.av-topic-line-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.kfw-topic-line.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.av-topic-line-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.kfw-topic-line.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.av-topic-line-wrapper.bg-light,
.kfw-topic-line.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.av-topic-line-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.av-topic-line-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.kfw-topic-line.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-topic-line.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.av-topic-line-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.av-topic-line-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-topic-line.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-topic-line.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.av-topic-line-wrapper.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.av-topic-line-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-topic-line.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-topic-line.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.av-topic-line-wrapper.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.av-topic-line-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-topic-line.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-topic-line.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-light:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.av-topic-line-wrapper.bg-light:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-topic-line.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.av-topic-line-wrapper.bg-light,
:where(main)>.av-topic-line-wrapper.bg-light+*,
:where(main)>.kfw-topic-line.bg-light,
:where(main)>.kfw-topic-line.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.av-topic-line-wrapper.bg-light+*>*,
:where(main)>.av-topic-line-wrapper.bg-light>*,
:where(main)>.kfw-topic-line.bg-light+*>*,
:where(main)>.kfw-topic-line.bg-light>* {
  --margin-top: initial
}

.av-topic-line-wrapper.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.kfw-topic-line.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .av-topic-line-wrapper.bg-light,
  .kfw-topic-line.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .av-topic-line-wrapper.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .kfw-topic-line.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .av-topic-line-wrapper.bg-light.product-header,
  .av-topic-line-wrapper.bg-light[class*=bg-],
  .kfw-topic-line.bg-light.product-header,
  .kfw-topic-line.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .av-topic-line-wrapper.bg-light.product-header,
  .av-topic-line-wrapper.bg-light.product-header[class*=bg-],
  .av-topic-line-wrapper.bg-light[class*=bg-],
  .av-topic-line-wrapper.bg-light[class*=bg-][class*=bg-],
  .kfw-topic-line.bg-light.product-header,
  .kfw-topic-line.bg-light.product-header[class*=bg-],
  .kfw-topic-line.bg-light[class*=bg-],
  .kfw-topic-line.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .av-topic-line-wrapper.bg-light.product-header .hintbox-icon img,
  .av-topic-line-wrapper.bg-light[class*=bg-] .hintbox-icon img,
  .kfw-topic-line.bg-light.product-header .hintbox-icon img,
  .kfw-topic-line.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.av-topic-line-wrapper.bg-light .details--s9>.details .main-column[class*=bg-],
.av-topic-line-wrapper.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.kfw-topic-line.bg-light .details--s9>.details .main-column[class*=bg-],
.kfw-topic-line.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .av-topic-line-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .av-topic-line-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-topic-line.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-topic-line.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .av-topic-line-wrapper.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .av-topic-line-wrapper.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-topic-line.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-topic-line.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .av-topic-line-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .av-topic-line-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-topic-line.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-topic-line.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.av-topic-line-wrapper.bg-light .hintbox,
.av-topic-line-wrapper.bg-light.compact,
.kfw-topic-line.bg-light .hintbox,
.kfw-topic-line.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.av-topic-line-wrapper.bg-light,
.overlay-content .main-column>.av-topic-line-wrapper.bg-light .av-topic-line-wrapper.bg-light,
.overlay-content .main-column>.av-topic-line-wrapper.bg-light .kfw-topic-line.bg-light,
.overlay-content .main-column>.kfw-topic-line.bg-light,
.overlay-content .main-column>.kfw-topic-line.bg-light .av-topic-line-wrapper.bg-light,
.overlay-content .main-column>.kfw-topic-line.bg-light .kfw-topic-line.bg-light,
.overlay-content body>.av-topic-line-wrapper.bg-light,
.overlay-content body>.kfw-topic-line.bg-light,
.overlay-content>.av-topic-line-wrapper.bg-light,
.overlay-content>.kfw-topic-line.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.av-topic-line-wrapper.bg-light .av-topic-line-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.av-topic-line-wrapper.bg-light .kfw-topic-line.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.av-topic-line-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-light .av-topic-line-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-light .kfw-topic-line.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-topic-line.bg-light .product-label.product-label--overflow,
.overlay-content body>.av-topic-line-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content body>.kfw-topic-line.bg-light .product-label.product-label--overflow,
.overlay-content>.av-topic-line-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content>.kfw-topic-line.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-topic-line {
  position: relative
}

.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: var(--padding-x, var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.topic-line-box:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-line-box.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, var(--c-overflow))
}

.topic-line-box.bg-dark .button--primary,
.topic-line-box.bg-dark .button--primary-positive,
.topic-line-box.bg-dark .button--secondary,
.topic-line-box.bg-dark .button--secondary-positive,
.topic-line-box.bg-dark .button--tertiary,
.topic-line-box.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-line-box.bg-dark .button--primary,
.topic-line-box.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-line-box.bg-dark .button--secondary,
.topic-line-box.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.topic-line-box.bg-dark .button--tertiary,
.topic-line-box.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.topic-line-box.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-line-box.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-line-box.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-line-box.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-line-box.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-line-box.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-line-box.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-line-box.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-line-box.bg-dark,
:where(main)>.topic-line-box.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-line-box.bg-dark+*>*,
:where(main)>.topic-line-box.bg-dark>* {
  --margin-top: initial
}

.topic-line-box.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-line-box.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-line-box.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-line-box.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-line-box.bg-dark.product-header,
  .topic-line-box.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-line-box.bg-dark.product-header,
  .topic-line-box.bg-dark.product-header[class*=bg-],
  .topic-line-box.bg-dark[class*=bg-],
  .topic-line-box.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-line-box.bg-dark.product-header .hintbox-icon img,
  .topic-line-box.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-line-box.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-line-box.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-line-box.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-line-box.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.topic-line-box.bg-dark .details--s9>.details .main-column[class*=bg-],
.topic-line-box.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-line-box.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-line-box.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-line-box.bg-dark .hintbox,
.topic-line-box.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-line-box.bg-dark,
.overlay-content .main-column>.topic-line-box.bg-dark .topic-line-box.bg-dark,
.overlay-content body>.topic-line-box.bg-dark,
.overlay-content>.topic-line-box.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-line-box.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.topic-line-box.bg-dark .topic-line-box.bg-dark .product-label.product-label--overflow,
.overlay-content body>.topic-line-box.bg-dark .product-label.product-label--overflow,
.overlay-content>.topic-line-box.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-line-box.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, var(--c-overflow))
}

.topic-line-box.bg-dark-accent .button--primary,
.topic-line-box.bg-dark-accent .button--primary-positive,
.topic-line-box.bg-dark-accent .button--secondary,
.topic-line-box.bg-dark-accent .button--secondary-positive,
.topic-line-box.bg-dark-accent .button--tertiary,
.topic-line-box.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-line-box.bg-dark-accent .button--primary,
.topic-line-box.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-line-box.bg-dark-accent .button--secondary,
.topic-line-box.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.topic-line-box.bg-dark-accent .button--tertiary,
.topic-line-box.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.topic-line-box.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-line-box.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-line-box.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-line-box.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-line-box.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-line-box.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-line-box.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-line-box.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-line-box.bg-dark-accent,
:where(main)>.topic-line-box.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-line-box.bg-dark-accent+*>*,
:where(main)>.topic-line-box.bg-dark-accent>* {
  --margin-top: initial
}

.topic-line-box.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-line-box.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-line-box.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-line-box.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-line-box.bg-dark-accent.product-header,
  .topic-line-box.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-line-box.bg-dark-accent.product-header,
  .topic-line-box.bg-dark-accent.product-header[class*=bg-],
  .topic-line-box.bg-dark-accent[class*=bg-],
  .topic-line-box.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-line-box.bg-dark-accent.product-header .hintbox-icon img,
  .topic-line-box.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-line-box.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-line-box.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-line-box.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-line-box.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.topic-line-box.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.topic-line-box.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-line-box.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-line-box.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-line-box.bg-dark-accent .hintbox,
.topic-line-box.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-line-box.bg-dark-accent,
.overlay-content .main-column>.topic-line-box.bg-dark-accent .topic-line-box.bg-dark-accent,
.overlay-content body>.topic-line-box.bg-dark-accent,
.overlay-content>.topic-line-box.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-line-box.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.topic-line-box.bg-dark-accent .topic-line-box.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.topic-line-box.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.topic-line-box.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-line-box.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.topic-line-box.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-line-box.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-line-box.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-line-box.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-line-box.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-line-box.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-line-box.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-line-box.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-line-box.bg-light-accent,
:where(main)>.topic-line-box.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-line-box.bg-light-accent+*>*,
:where(main)>.topic-line-box.bg-light-accent>* {
  --margin-top: initial
}

.topic-line-box.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-line-box.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-line-box.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-line-box.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-line-box.bg-light-accent.product-header,
  .topic-line-box.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-line-box.bg-light-accent.product-header,
  .topic-line-box.bg-light-accent.product-header[class*=bg-],
  .topic-line-box.bg-light-accent[class*=bg-],
  .topic-line-box.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-line-box.bg-light-accent.product-header .hintbox-icon img,
  .topic-line-box.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-line-box.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-line-box.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-line-box.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-line-box.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.topic-line-box.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.topic-line-box.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-line-box.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-line-box.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-line-box.bg-light-accent .hintbox,
.topic-line-box.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-line-box.bg-light-accent,
.overlay-content .main-column>.topic-line-box.bg-light-accent .topic-line-box.bg-light-accent,
.overlay-content body>.topic-line-box.bg-light-accent,
.overlay-content>.topic-line-box.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-line-box.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.topic-line-box.bg-light-accent .topic-line-box.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.topic-line-box.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.topic-line-box.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-line-box.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.topic-line-box.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-line-box.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-line-box.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-line-box.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-line-box.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-line-box.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-line-box.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-line-box.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-line-box.bg-light-accent-secondary,
:where(main)>.topic-line-box.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-line-box.bg-light-accent-secondary+*>*,
:where(main)>.topic-line-box.bg-light-accent-secondary>* {
  --margin-top: initial
}

.topic-line-box.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-line-box.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-line-box.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-line-box.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-line-box.bg-light-accent-secondary.product-header,
  .topic-line-box.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-line-box.bg-light-accent-secondary.product-header,
  .topic-line-box.bg-light-accent-secondary.product-header[class*=bg-],
  .topic-line-box.bg-light-accent-secondary[class*=bg-],
  .topic-line-box.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-line-box.bg-light-accent-secondary.product-header .hintbox-icon img,
  .topic-line-box.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-line-box.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-line-box.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-line-box.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-line-box.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.topic-line-box.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.topic-line-box.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-line-box.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-line-box.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-line-box.bg-light-accent-secondary .hintbox,
.topic-line-box.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-line-box.bg-light-accent-secondary,
.overlay-content .main-column>.topic-line-box.bg-light-accent-secondary .topic-line-box.bg-light-accent-secondary,
.overlay-content body>.topic-line-box.bg-light-accent-secondary,
.overlay-content>.topic-line-box.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-line-box.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.topic-line-box.bg-light-accent-secondary .topic-line-box.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.topic-line-box.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.topic-line-box.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-line-box.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--padding-x, var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.topic-line-box.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-line-box.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-line-box.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-line-box.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-line-box.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-line-box.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-line-box.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-line-box.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-box.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-line-box.bg-light,
:where(main)>.topic-line-box.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-line-box.bg-light+*>*,
:where(main)>.topic-line-box.bg-light>* {
  --margin-top: initial
}

.topic-line-box.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-line-box.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-line-box.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-line-box.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-line-box.bg-light.product-header,
  .topic-line-box.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-line-box.bg-light.product-header,
  .topic-line-box.bg-light.product-header[class*=bg-],
  .topic-line-box.bg-light[class*=bg-],
  .topic-line-box.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-line-box.bg-light.product-header .hintbox-icon img,
  .topic-line-box.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-line-box.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-line-box.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-line-box.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-line-box.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.topic-line-box.bg-light .details--s9>.details .main-column[class*=bg-],
.topic-line-box.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-line-box.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-line-box.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-line-box.bg-light .hintbox,
.topic-line-box.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-line-box.bg-light,
.overlay-content .main-column>.topic-line-box.bg-light .topic-line-box.bg-light,
.overlay-content body>.topic-line-box.bg-light,
.overlay-content>.topic-line-box.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-line-box.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.topic-line-box.bg-light .topic-line-box.bg-light .product-label.product-label--overflow,
.overlay-content body>.topic-line-box.bg-light .product-label.product-label--overflow,
.overlay-content>.topic-line-box.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-line-box {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(1.8rem + var(--space-large));
  position: relative;
  z-index: 1
}

@media only print and (width >=0px) {
  .topic-line-box {
    align-items: center
  }
}

@media only screen and (min-width:600px) {
  .topic-line-box {
    align-items: center
  }
}

@media only print and (width >=0px) {
  .topic-line-box {
    --c-padding-y-bg: 2rem;
    --padding-x: 0px
  }
}

@media only screen and (min-width:840px) {
  .topic-line-box {
    --c-padding-y-bg: 2rem;
    --padding-x: 0px
  }
}

@media only print and (width >=0px) {
  .topic-line-box {
    --c-padding-y-bg: 3rem;
    --c-padding-b-addition: 0rem
  }
}

@media only screen and (min-width:1280px) {
  .topic-line-box {
    --c-padding-y-bg: 3rem;
    --c-padding-b-addition: 0rem
  }
}

.topic-line-inner {
  width: 100%
}

@media only print and (width >=0px) {
  .topic-line-inner {
    --grid-overflow: calc(var(--c-overflow) - var(--gap));
    display: grid;
    gap: var(--gap);
    grid-template-columns: minmax(0, var(--grid-overflow)) repeat(12, minmax(0, 1fr)) minmax(0, var(--grid-overflow))
  }
}

@media only screen and (min-width:840px) {
  .topic-line-inner {
    --grid-overflow: calc(var(--c-overflow) - var(--gap));
    display: grid;
    gap: var(--gap);
    grid-template-columns: minmax(0, var(--grid-overflow)) repeat(12, minmax(0, 1fr)) minmax(0, var(--grid-overflow))
  }
}

@media only print and (width >=0px) {
  .topic-line-inner {
    gap: 0;
    grid-template-columns: minmax(0, var(--c-overflow)) repeat(11, minmax(0, var(--gap))) minmax(0, var(--c-overflow));
    justify-content: space-between
  }
}

@media only screen and (min-width:1280px) {
  .topic-line-inner {
    gap: 0;
    grid-template-columns: minmax(0, var(--c-overflow)) repeat(11, minmax(0, var(--gap))) minmax(0, var(--c-overflow));
    justify-content: space-between
  }
}

.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.topic-line-img-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-line-img-container.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.topic-line-img-container.bg-dark .button--primary,
.topic-line-img-container.bg-dark .button--primary-positive,
.topic-line-img-container.bg-dark .button--secondary,
.topic-line-img-container.bg-dark .button--secondary-positive,
.topic-line-img-container.bg-dark .button--tertiary,
.topic-line-img-container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-line-img-container.bg-dark .button--primary,
.topic-line-img-container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-line-img-container.bg-dark .button--secondary,
.topic-line-img-container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.topic-line-img-container.bg-dark .button--tertiary,
.topic-line-img-container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.topic-line-img-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-line-img-container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-line-img-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-line-img-container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-line-img-container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-line-img-container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-line-img-container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-line-img-container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-line-img-container.bg-dark,
:where(main)>.topic-line-img-container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-line-img-container.bg-dark+*>*,
:where(main)>.topic-line-img-container.bg-dark>* {
  --margin-top: initial
}

.topic-line-img-container.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-line-img-container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-line-img-container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-line-img-container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-line-img-container.bg-dark.product-header,
  .topic-line-img-container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-line-img-container.bg-dark.product-header,
  .topic-line-img-container.bg-dark.product-header[class*=bg-],
  .topic-line-img-container.bg-dark[class*=bg-],
  .topic-line-img-container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-line-img-container.bg-dark.product-header .hintbox-icon img,
  .topic-line-img-container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-line-img-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-line-img-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-line-img-container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-line-img-container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.topic-line-img-container.bg-dark .details--s9>.details .main-column[class*=bg-],
.topic-line-img-container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-line-img-container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-line-img-container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-line-img-container.bg-dark .hintbox,
.topic-line-img-container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-line-img-container.bg-dark,
.overlay-content .main-column>.topic-line-img-container.bg-dark .topic-line-img-container.bg-dark,
.overlay-content body>.topic-line-img-container.bg-dark,
.overlay-content>.topic-line-img-container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-line-img-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.topic-line-img-container.bg-dark .topic-line-img-container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.topic-line-img-container.bg-dark .product-label.product-label--overflow,
.overlay-content>.topic-line-img-container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-line-img-container.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.topic-line-img-container.bg-dark-accent .button--primary,
.topic-line-img-container.bg-dark-accent .button--primary-positive,
.topic-line-img-container.bg-dark-accent .button--secondary,
.topic-line-img-container.bg-dark-accent .button--secondary-positive,
.topic-line-img-container.bg-dark-accent .button--tertiary,
.topic-line-img-container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-line-img-container.bg-dark-accent .button--primary,
.topic-line-img-container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.topic-line-img-container.bg-dark-accent .button--secondary,
.topic-line-img-container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.topic-line-img-container.bg-dark-accent .button--tertiary,
.topic-line-img-container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.topic-line-img-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-line-img-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-line-img-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-line-img-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-line-img-container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-line-img-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-line-img-container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-line-img-container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-line-img-container.bg-dark-accent,
:where(main)>.topic-line-img-container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-line-img-container.bg-dark-accent+*>*,
:where(main)>.topic-line-img-container.bg-dark-accent>* {
  --margin-top: initial
}

.topic-line-img-container.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-line-img-container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-line-img-container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-line-img-container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-line-img-container.bg-dark-accent.product-header,
  .topic-line-img-container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-line-img-container.bg-dark-accent.product-header,
  .topic-line-img-container.bg-dark-accent.product-header[class*=bg-],
  .topic-line-img-container.bg-dark-accent[class*=bg-],
  .topic-line-img-container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-line-img-container.bg-dark-accent.product-header .hintbox-icon img,
  .topic-line-img-container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-line-img-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-line-img-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-line-img-container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-line-img-container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.topic-line-img-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.topic-line-img-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-line-img-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-line-img-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-line-img-container.bg-dark-accent .hintbox,
.topic-line-img-container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-line-img-container.bg-dark-accent,
.overlay-content .main-column>.topic-line-img-container.bg-dark-accent .topic-line-img-container.bg-dark-accent,
.overlay-content body>.topic-line-img-container.bg-dark-accent,
.overlay-content>.topic-line-img-container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-line-img-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.topic-line-img-container.bg-dark-accent .topic-line-img-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.topic-line-img-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.topic-line-img-container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-line-img-container.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.topic-line-img-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-line-img-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-line-img-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-line-img-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-line-img-container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-line-img-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-line-img-container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-line-img-container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-line-img-container.bg-light-accent,
:where(main)>.topic-line-img-container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-line-img-container.bg-light-accent+*>*,
:where(main)>.topic-line-img-container.bg-light-accent>* {
  --margin-top: initial
}

.topic-line-img-container.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-line-img-container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-line-img-container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-line-img-container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-line-img-container.bg-light-accent.product-header,
  .topic-line-img-container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-line-img-container.bg-light-accent.product-header,
  .topic-line-img-container.bg-light-accent.product-header[class*=bg-],
  .topic-line-img-container.bg-light-accent[class*=bg-],
  .topic-line-img-container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-line-img-container.bg-light-accent.product-header .hintbox-icon img,
  .topic-line-img-container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-line-img-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-line-img-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-line-img-container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-line-img-container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.topic-line-img-container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.topic-line-img-container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-line-img-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-line-img-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-line-img-container.bg-light-accent .hintbox,
.topic-line-img-container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-line-img-container.bg-light-accent,
.overlay-content .main-column>.topic-line-img-container.bg-light-accent .topic-line-img-container.bg-light-accent,
.overlay-content body>.topic-line-img-container.bg-light-accent,
.overlay-content>.topic-line-img-container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-line-img-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.topic-line-img-container.bg-light-accent .topic-line-img-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.topic-line-img-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.topic-line-img-container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-line-img-container.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.topic-line-img-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-line-img-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-line-img-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-line-img-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-line-img-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-line-img-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-line-img-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-line-img-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-line-img-container.bg-light-accent-secondary,
:where(main)>.topic-line-img-container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-line-img-container.bg-light-accent-secondary+*>*,
:where(main)>.topic-line-img-container.bg-light-accent-secondary>* {
  --margin-top: initial
}

.topic-line-img-container.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-line-img-container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-line-img-container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-line-img-container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-line-img-container.bg-light-accent-secondary.product-header,
  .topic-line-img-container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-line-img-container.bg-light-accent-secondary.product-header,
  .topic-line-img-container.bg-light-accent-secondary.product-header[class*=bg-],
  .topic-line-img-container.bg-light-accent-secondary[class*=bg-],
  .topic-line-img-container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-line-img-container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .topic-line-img-container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-line-img-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-line-img-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-line-img-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-line-img-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.topic-line-img-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.topic-line-img-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-line-img-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-line-img-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-line-img-container.bg-light-accent-secondary .hintbox,
.topic-line-img-container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-line-img-container.bg-light-accent-secondary,
.overlay-content .main-column>.topic-line-img-container.bg-light-accent-secondary .topic-line-img-container.bg-light-accent-secondary,
.overlay-content body>.topic-line-img-container.bg-light-accent-secondary,
.overlay-content>.topic-line-img-container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-line-img-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.topic-line-img-container.bg-light-accent-secondary .topic-line-img-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.topic-line-img-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.topic-line-img-container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-line-img-container.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: 0px
}

.details.details--acc1 .details-content>.main-column>.topic-line-img-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.topic-line-img-container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.topic-line-img-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.topic-line-img-container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.topic-line-img-container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.topic-line-img-container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.topic-line-img-container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.topic-line-img-container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.topic-line-img-container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.topic-line-img-container.bg-light,
:where(main)>.topic-line-img-container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.topic-line-img-container.bg-light+*>*,
:where(main)>.topic-line-img-container.bg-light>* {
  --margin-top: initial
}

.topic-line-img-container.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.topic-line-img-container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .topic-line-img-container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .topic-line-img-container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .topic-line-img-container.bg-light.product-header,
  .topic-line-img-container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .topic-line-img-container.bg-light.product-header,
  .topic-line-img-container.bg-light.product-header[class*=bg-],
  .topic-line-img-container.bg-light[class*=bg-],
  .topic-line-img-container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .topic-line-img-container.bg-light.product-header .hintbox-icon img,
  .topic-line-img-container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .topic-line-img-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .topic-line-img-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .topic-line-img-container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .topic-line-img-container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.topic-line-img-container.bg-light .details--s9>.details .main-column[class*=bg-],
.topic-line-img-container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .topic-line-img-container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .topic-line-img-container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.topic-line-img-container.bg-light .hintbox,
.topic-line-img-container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.topic-line-img-container.bg-light,
.overlay-content .main-column>.topic-line-img-container.bg-light .topic-line-img-container.bg-light,
.overlay-content body>.topic-line-img-container.bg-light,
.overlay-content>.topic-line-img-container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.topic-line-img-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.topic-line-img-container.bg-light .topic-line-img-container.bg-light .product-label.product-label--overflow,
.overlay-content body>.topic-line-img-container.bg-light .product-label.product-label--overflow,
.overlay-content>.topic-line-img-container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.topic-line-img-container {
  align-items: center;
  display: flex;
  margin-top: calc(-1*var(--c-padding-y-bg))
}

.topic-line-img-container img {
  aspect-ratio: 16/9;
  width: 100%
}

@media only print and (width >=0px) {
  .topic-line-img-container img {
    aspect-ratio: 3/1
  }
}

@media only screen and (min-width:600px) {
  .topic-line-img-container img {
    aspect-ratio: 3/1
  }
}

@media only print and (width >=0px) {
  .topic-line-img-container img {
    aspect-ratio: 16/9
  }
}

@media only screen and (min-width:840px) {
  .topic-line-img-container img {
    aspect-ratio: 16/9
  }
}

@media only print and (width >=0px) {
  .topic-line-img-container {
    --c-overflow: 0px;
    align-items: flex-start;
    margin-bottom: calc(-1*(var(--c-padding-y-bg) + var(--c-padding-b-addition)))
  }
}

@media only screen and (min-width:840px) {
  .topic-line-img-container {
    --c-overflow: 0px;
    align-items: flex-start;
    margin-bottom: calc(-1*(var(--c-padding-y-bg) + var(--c-padding-b-addition)))
  }
}

@media only print and (width >=0px) {
  .topic-line-img-container {
    grid-column: 1/span 6
  }
}

@media only screen and (min-width:840px) {
  .topic-line-img-container {
    grid-column: 1/span 6
  }
}

@media only print and (width >=0px) {
  .topic-line-img-container {
    grid-column: 1/span 4
  }
}

@media only screen and (min-width:1280px) {
  .topic-line-img-container {
    grid-column: 1/span 4
  }
}

.topic-line-text-container.topic-line-text-container {
  --margin-top: 1.5rem
}

@media only print and (width >=0px) {

  .topic-line-text-container.topic-line-text-container.full-width,
  .topic-line-text-container.topic-line-text-container:only-child {
    grid-column: 2/-2
  }
}

@media only screen and (min-width:840px) {

  .topic-line-text-container.topic-line-text-container.full-width,
  .topic-line-text-container.topic-line-text-container:only-child {
    grid-column: 2/-2
  }
}

@media only print and (width >=0px) {

  .topic-line-text-container.topic-line-text-container.full-width,
  .topic-line-text-container.topic-line-text-container:only-child {
    grid-column: 1/-1;
    padding: 1rem var(--c-overflow) 2rem
  }

  .overlay .topic-line-text-container.topic-line-text-container.full-width,
  .overlay .topic-line-text-container.topic-line-text-container:only-child {
    grid-column: 2/-2
  }
}

@media only screen and (min-width:1280px) {

  .topic-line-text-container.topic-line-text-container.full-width,
  .topic-line-text-container.topic-line-text-container:only-child {
    grid-column: 1/-1;
    padding: 1rem var(--c-overflow) 2rem
  }

  .overlay .topic-line-text-container.topic-line-text-container.full-width,
  .overlay .topic-line-text-container.topic-line-text-container:only-child {
    grid-column: 2/-2
  }
}

.topic-line-text-container.topic-line-text-container>.button-container {
  margin: 0 0 var(--space-x-small) 0
}

@media only print and (width >=0px) {
  .topic-line-text-container.topic-line-text-container {
    --margin-top: 0px;
    grid-column: 7/-2
  }
}

@media only screen and (min-width:840px) {
  .topic-line-text-container.topic-line-text-container {
    --margin-top: 0px;
    grid-column: 7/-2
  }
}

@media only print and (width >=0px) {
  .topic-line-text-container.topic-line-text-container {
    grid-column: 5/-2
  }
}

@media only screen and (min-width:1280px) {
  .topic-line-text-container.topic-line-text-container {
    grid-column: 5/-2
  }
}

.topic-line-button {
  bottom: -1.8rem;
  position: absolute
}

.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.kfw-sitemap:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-sitemap.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.kfw-sitemap.bg-dark .button--primary,
.kfw-sitemap.bg-dark .button--primary-positive,
.kfw-sitemap.bg-dark .button--secondary,
.kfw-sitemap.bg-dark .button--secondary-positive,
.kfw-sitemap.bg-dark .button--tertiary,
.kfw-sitemap.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-sitemap.bg-dark .button--primary,
.kfw-sitemap.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-sitemap.bg-dark .button--secondary,
.kfw-sitemap.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-sitemap.bg-dark .button--tertiary,
.kfw-sitemap.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-sitemap.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-sitemap.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-sitemap.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-sitemap.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-sitemap.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-sitemap.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-sitemap.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-sitemap.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-sitemap.bg-dark,
:where(main)>.kfw-sitemap.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-sitemap.bg-dark+*>*,
:where(main)>.kfw-sitemap.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-sitemap.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-sitemap.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-sitemap.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-sitemap.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-sitemap.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-sitemap.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-sitemap.bg-dark.product-header,
  .kfw-sitemap.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-sitemap.bg-dark.product-header,
  .kfw-sitemap.bg-dark.product-header[class*=bg-],
  .kfw-sitemap.bg-dark[class*=bg-],
  .kfw-sitemap.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-sitemap.bg-dark.product-header .hintbox-icon img,
  .kfw-sitemap.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-sitemap.bg-dark .details--s9>.details .main-column[class*=bg-],
.kfw-sitemap.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-sitemap.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-sitemap.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-sitemap.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-sitemap.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-sitemap.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-sitemap.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-sitemap.bg-dark .hintbox,
.kfw-sitemap.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-sitemap.bg-dark,
.overlay-content .main-column>.kfw-sitemap.bg-dark .kfw-sitemap.bg-dark,
.overlay-content body>.kfw-sitemap.bg-dark,
.overlay-content>.kfw-sitemap.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-sitemap.bg-dark .kfw-sitemap.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-sitemap.bg-dark .product-label.product-label--overflow,
.overlay-content body>.kfw-sitemap.bg-dark .product-label.product-label--overflow,
.overlay-content>.kfw-sitemap.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-sitemap.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.kfw-sitemap.bg-dark-accent .button--primary,
.kfw-sitemap.bg-dark-accent .button--primary-positive,
.kfw-sitemap.bg-dark-accent .button--secondary,
.kfw-sitemap.bg-dark-accent .button--secondary-positive,
.kfw-sitemap.bg-dark-accent .button--tertiary,
.kfw-sitemap.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-sitemap.bg-dark-accent .button--primary,
.kfw-sitemap.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-sitemap.bg-dark-accent .button--secondary,
.kfw-sitemap.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-sitemap.bg-dark-accent .button--tertiary,
.kfw-sitemap.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-sitemap.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-sitemap.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-sitemap.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-sitemap.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-sitemap.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-sitemap.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-sitemap.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-sitemap.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-sitemap.bg-dark-accent,
:where(main)>.kfw-sitemap.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-sitemap.bg-dark-accent+*>*,
:where(main)>.kfw-sitemap.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-sitemap.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-sitemap.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-sitemap.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-sitemap.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-sitemap.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-sitemap.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-sitemap.bg-dark-accent.product-header,
  .kfw-sitemap.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-sitemap.bg-dark-accent.product-header,
  .kfw-sitemap.bg-dark-accent.product-header[class*=bg-],
  .kfw-sitemap.bg-dark-accent[class*=bg-],
  .kfw-sitemap.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-sitemap.bg-dark-accent.product-header .hintbox-icon img,
  .kfw-sitemap.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-sitemap.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.kfw-sitemap.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-sitemap.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-sitemap.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-sitemap.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-sitemap.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-sitemap.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-sitemap.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-sitemap.bg-dark-accent .hintbox,
.kfw-sitemap.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-sitemap.bg-dark-accent,
.overlay-content .main-column>.kfw-sitemap.bg-dark-accent .kfw-sitemap.bg-dark-accent,
.overlay-content body>.kfw-sitemap.bg-dark-accent,
.overlay-content>.kfw-sitemap.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-sitemap.bg-dark-accent .kfw-sitemap.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-sitemap.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-sitemap.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.kfw-sitemap.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-sitemap.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-sitemap.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-sitemap.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-sitemap.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-sitemap.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-sitemap.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-sitemap.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-sitemap.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-sitemap.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-sitemap.bg-light-accent,
:where(main)>.kfw-sitemap.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-sitemap.bg-light-accent+*>*,
:where(main)>.kfw-sitemap.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-sitemap.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-sitemap.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-sitemap.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-sitemap.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-sitemap.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-sitemap.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-sitemap.bg-light-accent.product-header,
  .kfw-sitemap.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-sitemap.bg-light-accent.product-header,
  .kfw-sitemap.bg-light-accent.product-header[class*=bg-],
  .kfw-sitemap.bg-light-accent[class*=bg-],
  .kfw-sitemap.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-sitemap.bg-light-accent.product-header .hintbox-icon img,
  .kfw-sitemap.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-sitemap.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.kfw-sitemap.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-sitemap.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-sitemap.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-sitemap.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-sitemap.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-sitemap.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-sitemap.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-sitemap.bg-light-accent .hintbox,
.kfw-sitemap.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-sitemap.bg-light-accent,
.overlay-content .main-column>.kfw-sitemap.bg-light-accent .kfw-sitemap.bg-light-accent,
.overlay-content body>.kfw-sitemap.bg-light-accent,
.overlay-content>.kfw-sitemap.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-sitemap.bg-light-accent .kfw-sitemap.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-sitemap.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-sitemap.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.kfw-sitemap.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-sitemap.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-sitemap.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-sitemap.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-sitemap.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-sitemap.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-sitemap.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-sitemap.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-sitemap.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-sitemap.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-sitemap.bg-light-accent-secondary,
:where(main)>.kfw-sitemap.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-sitemap.bg-light-accent-secondary+*>*,
:where(main)>.kfw-sitemap.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-sitemap.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-sitemap.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-sitemap.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-sitemap.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-sitemap.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-sitemap.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-sitemap.bg-light-accent-secondary.product-header,
  .kfw-sitemap.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-sitemap.bg-light-accent-secondary.product-header,
  .kfw-sitemap.bg-light-accent-secondary.product-header[class*=bg-],
  .kfw-sitemap.bg-light-accent-secondary[class*=bg-],
  .kfw-sitemap.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-sitemap.bg-light-accent-secondary.product-header .hintbox-icon img,
  .kfw-sitemap.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-sitemap.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.kfw-sitemap.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-sitemap.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-sitemap.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-sitemap.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-sitemap.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-sitemap.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-sitemap.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-sitemap.bg-light-accent-secondary .hintbox,
.kfw-sitemap.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-sitemap.bg-light-accent-secondary,
.overlay-content .main-column>.kfw-sitemap.bg-light-accent-secondary .kfw-sitemap.bg-light-accent-secondary,
.overlay-content body>.kfw-sitemap.bg-light-accent-secondary,
.overlay-content>.kfw-sitemap.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-sitemap.bg-light-accent-secondary .kfw-sitemap.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-sitemap.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.kfw-sitemap.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.kfw-sitemap.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-sitemap.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-sitemap.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-sitemap.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-sitemap.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-sitemap.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-sitemap.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-sitemap.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-sitemap.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-sitemap.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sitemap.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-sitemap.bg-light,
:where(main)>.kfw-sitemap.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-sitemap.bg-light+*>*,
:where(main)>.kfw-sitemap.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-sitemap.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-sitemap.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-sitemap.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-sitemap.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-sitemap.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-sitemap.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-sitemap.bg-light.product-header,
  .kfw-sitemap.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-sitemap.bg-light.product-header,
  .kfw-sitemap.bg-light.product-header[class*=bg-],
  .kfw-sitemap.bg-light[class*=bg-],
  .kfw-sitemap.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-sitemap.bg-light.product-header .hintbox-icon img,
  .kfw-sitemap.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-sitemap.bg-light .details--s9>.details .main-column[class*=bg-],
.kfw-sitemap.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-sitemap.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-sitemap.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-sitemap.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-sitemap.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-sitemap.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-sitemap.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-sitemap.bg-light .hintbox,
.kfw-sitemap.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-sitemap.bg-light,
.overlay-content .main-column>.kfw-sitemap.bg-light .kfw-sitemap.bg-light,
.overlay-content body>.kfw-sitemap.bg-light,
.overlay-content>.kfw-sitemap.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-sitemap.bg-light .kfw-sitemap.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-sitemap.bg-light .product-label.product-label--overflow,
.overlay-content body>.kfw-sitemap.bg-light .product-label.product-label--overflow,
.overlay-content>.kfw-sitemap.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.sitemap-container {
  margin-top: var(--space-large);
  position: relative
}

.sitemap-details {
  margin-top: 0
}

.sitemap-link-wrapper {
  border-bottom: 1px solid var(--kfw-color-grey-300)
}

.sitemap-link-wrapper:not(:first-of-type) {
  padding-top: 1.4rem
}

.sitemap .hl-2 {
  margin-bottom: var(--space-medium)
}

.sitemap .link.type-headline {
  margin-bottom: 1.4rem
}

.sitemap .link.type-headline .icon {
  font-size: 2.2rem;
  height: 2.2rem;
  width: 2.2rem
}

.sitemap .link.type-headline .link-container {
  margin-left: 1rem
}

.sitemap .details--acc2:last-child {
  margin-bottom: 0
}

.sitemap .details--acc2 .link.type-headline .icon {
  font-size: 1.6rem;
  height: 1.6rem;
  width: 1.6rem
}

.sitemap .details--acc3:last-child {
  margin-bottom: 0
}

.sitemap .box-overflow {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.sitemap .box-overflow:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.sitemap .box-overflow:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.sitemap .box-overflow:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.sitemap .box-overflow:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.sitemap .box-overflow:where(.hintbox, .programtile-container),
.two-column-container-content>.sitemap .box-overflow:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.sitemap .box-overflow:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.sitemap .box-overflow:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.sitemap .box-overflow,
:where(main)>.sitemap .box-overflow+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.sitemap .box-overflow+*>*,
:where(main)>.sitemap .box-overflow>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .sitemap .box-overflow {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .sitemap .box-overflow {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.sitemap .box-overflow {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.sitemap .box-overflow:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .sitemap .box-overflow {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .sitemap .box-overflow:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .sitemap .box-overflow.product-header,
  .sitemap .box-overflow[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .sitemap .box-overflow.product-header,
  .sitemap .box-overflow.product-header[class*=bg-],
  .sitemap .box-overflow[class*=bg-],
  .sitemap .box-overflow[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .sitemap .box-overflow.product-header .hintbox-icon img,
  .sitemap .box-overflow[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .sitemap .box-overflow:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .sitemap .box-overflow:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .sitemap .box-overflow:not(.hintbox)[class*=bg-],
.page-s9 .main-column .sitemap .box-overflow:not(.hintbox)[class*=bg-][class*=bg-],
.sitemap .box-overflow .details--s9>.details .main-column[class*=bg-],
.sitemap .box-overflow .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .sitemap .box-overflow:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .sitemap .box-overflow:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.sitemap .box-overflow .hintbox,
.sitemap .box-overflow.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.sitemap .box-overflow,
.overlay-content .main-column>.sitemap .box-overflow .sitemap .box-overflow,
.overlay-content body>.sitemap .box-overflow,
.overlay-content>.sitemap .box-overflow {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.sitemap .box-overflow .product-label.product-label--overflow,
.overlay-content .main-column>.sitemap .box-overflow .sitemap .box-overflow .product-label.product-label--overflow,
.overlay-content body>.sitemap .box-overflow .product-label.product-label--overflow,
.overlay-content>.sitemap .box-overflow .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.sitemap .box-overflow.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.sitemap .box-overflow.bg-dark .button--primary,
.sitemap .box-overflow.bg-dark .button--primary-positive,
.sitemap .box-overflow.bg-dark .button--secondary,
.sitemap .box-overflow.bg-dark .button--secondary-positive,
.sitemap .box-overflow.bg-dark .button--tertiary,
.sitemap .box-overflow.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.sitemap .box-overflow.bg-dark .button--primary,
.sitemap .box-overflow.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.sitemap .box-overflow.bg-dark .button--secondary,
.sitemap .box-overflow.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.sitemap .box-overflow.bg-dark .button--tertiary,
.sitemap .box-overflow.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.sitemap .box-overflow.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.sitemap .box-overflow.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.sitemap .box-overflow.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.sitemap .box-overflow.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.sitemap .box-overflow.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.sitemap .box-overflow.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.sitemap .box-overflow.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.sitemap .box-overflow.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.sitemap .box-overflow.bg-dark,
:where(main)>.sitemap .box-overflow.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.sitemap .box-overflow.bg-dark+*>*,
:where(main)>.sitemap .box-overflow.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .sitemap .box-overflow.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .sitemap .box-overflow.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.sitemap .box-overflow.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.sitemap .box-overflow.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .sitemap .box-overflow.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .sitemap .box-overflow.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .sitemap .box-overflow.bg-dark.product-header,
  .sitemap .box-overflow.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .sitemap .box-overflow.bg-dark.product-header,
  .sitemap .box-overflow.bg-dark.product-header[class*=bg-],
  .sitemap .box-overflow.bg-dark[class*=bg-],
  .sitemap .box-overflow.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .sitemap .box-overflow.bg-dark.product-header .hintbox-icon img,
  .sitemap .box-overflow.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .sitemap .box-overflow.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .sitemap .box-overflow.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .sitemap .box-overflow.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .sitemap .box-overflow.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.sitemap .box-overflow.bg-dark .details--s9>.details .main-column[class*=bg-],
.sitemap .box-overflow.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .sitemap .box-overflow.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .sitemap .box-overflow.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.sitemap .box-overflow.bg-dark .hintbox,
.sitemap .box-overflow.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.sitemap .box-overflow.bg-dark,
.overlay-content .main-column>.sitemap .box-overflow.bg-dark .sitemap .box-overflow.bg-dark,
.overlay-content body>.sitemap .box-overflow.bg-dark,
.overlay-content>.sitemap .box-overflow.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.sitemap .box-overflow.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.sitemap .box-overflow.bg-dark .sitemap .box-overflow.bg-dark .product-label.product-label--overflow,
.overlay-content body>.sitemap .box-overflow.bg-dark .product-label.product-label--overflow,
.overlay-content>.sitemap .box-overflow.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.sitemap .box-overflow.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.sitemap .box-overflow.bg-dark-accent .button--primary,
.sitemap .box-overflow.bg-dark-accent .button--primary-positive,
.sitemap .box-overflow.bg-dark-accent .button--secondary,
.sitemap .box-overflow.bg-dark-accent .button--secondary-positive,
.sitemap .box-overflow.bg-dark-accent .button--tertiary,
.sitemap .box-overflow.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.sitemap .box-overflow.bg-dark-accent .button--primary,
.sitemap .box-overflow.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.sitemap .box-overflow.bg-dark-accent .button--secondary,
.sitemap .box-overflow.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.sitemap .box-overflow.bg-dark-accent .button--tertiary,
.sitemap .box-overflow.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.sitemap .box-overflow.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.sitemap .box-overflow.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.sitemap .box-overflow.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.sitemap .box-overflow.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.sitemap .box-overflow.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.sitemap .box-overflow.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.sitemap .box-overflow.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.sitemap .box-overflow.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.sitemap .box-overflow.bg-dark-accent,
:where(main)>.sitemap .box-overflow.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.sitemap .box-overflow.bg-dark-accent+*>*,
:where(main)>.sitemap .box-overflow.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .sitemap .box-overflow.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .sitemap .box-overflow.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.sitemap .box-overflow.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.sitemap .box-overflow.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .sitemap .box-overflow.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .sitemap .box-overflow.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .sitemap .box-overflow.bg-dark-accent.product-header,
  .sitemap .box-overflow.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .sitemap .box-overflow.bg-dark-accent.product-header,
  .sitemap .box-overflow.bg-dark-accent.product-header[class*=bg-],
  .sitemap .box-overflow.bg-dark-accent[class*=bg-],
  .sitemap .box-overflow.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .sitemap .box-overflow.bg-dark-accent.product-header .hintbox-icon img,
  .sitemap .box-overflow.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .sitemap .box-overflow.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .sitemap .box-overflow.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .sitemap .box-overflow.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .sitemap .box-overflow.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.sitemap .box-overflow.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.sitemap .box-overflow.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .sitemap .box-overflow.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .sitemap .box-overflow.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.sitemap .box-overflow.bg-dark-accent .hintbox,
.sitemap .box-overflow.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.sitemap .box-overflow.bg-dark-accent,
.overlay-content .main-column>.sitemap .box-overflow.bg-dark-accent .sitemap .box-overflow.bg-dark-accent,
.overlay-content body>.sitemap .box-overflow.bg-dark-accent,
.overlay-content>.sitemap .box-overflow.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.sitemap .box-overflow.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.sitemap .box-overflow.bg-dark-accent .sitemap .box-overflow.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.sitemap .box-overflow.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.sitemap .box-overflow.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.sitemap .box-overflow.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.sitemap .box-overflow.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.sitemap .box-overflow.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.sitemap .box-overflow.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.sitemap .box-overflow.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.sitemap .box-overflow.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.sitemap .box-overflow.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.sitemap .box-overflow.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.sitemap .box-overflow.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.sitemap .box-overflow.bg-light-accent,
:where(main)>.sitemap .box-overflow.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.sitemap .box-overflow.bg-light-accent+*>*,
:where(main)>.sitemap .box-overflow.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .sitemap .box-overflow.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .sitemap .box-overflow.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.sitemap .box-overflow.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.sitemap .box-overflow.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .sitemap .box-overflow.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .sitemap .box-overflow.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .sitemap .box-overflow.bg-light-accent.product-header,
  .sitemap .box-overflow.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .sitemap .box-overflow.bg-light-accent.product-header,
  .sitemap .box-overflow.bg-light-accent.product-header[class*=bg-],
  .sitemap .box-overflow.bg-light-accent[class*=bg-],
  .sitemap .box-overflow.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .sitemap .box-overflow.bg-light-accent.product-header .hintbox-icon img,
  .sitemap .box-overflow.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .sitemap .box-overflow.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .sitemap .box-overflow.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .sitemap .box-overflow.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .sitemap .box-overflow.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.sitemap .box-overflow.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.sitemap .box-overflow.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .sitemap .box-overflow.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .sitemap .box-overflow.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.sitemap .box-overflow.bg-light-accent .hintbox,
.sitemap .box-overflow.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.sitemap .box-overflow.bg-light-accent,
.overlay-content .main-column>.sitemap .box-overflow.bg-light-accent .sitemap .box-overflow.bg-light-accent,
.overlay-content body>.sitemap .box-overflow.bg-light-accent,
.overlay-content>.sitemap .box-overflow.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.sitemap .box-overflow.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.sitemap .box-overflow.bg-light-accent .sitemap .box-overflow.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.sitemap .box-overflow.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.sitemap .box-overflow.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.sitemap .box-overflow.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.sitemap .box-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.sitemap .box-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.sitemap .box-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.sitemap .box-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.sitemap .box-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.sitemap .box-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.sitemap .box-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.sitemap .box-overflow.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.sitemap .box-overflow.bg-light-accent-secondary,
:where(main)>.sitemap .box-overflow.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.sitemap .box-overflow.bg-light-accent-secondary+*>*,
:where(main)>.sitemap .box-overflow.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .sitemap .box-overflow.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .sitemap .box-overflow.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.sitemap .box-overflow.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.sitemap .box-overflow.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .sitemap .box-overflow.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .sitemap .box-overflow.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .sitemap .box-overflow.bg-light-accent-secondary.product-header,
  .sitemap .box-overflow.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .sitemap .box-overflow.bg-light-accent-secondary.product-header,
  .sitemap .box-overflow.bg-light-accent-secondary.product-header[class*=bg-],
  .sitemap .box-overflow.bg-light-accent-secondary[class*=bg-],
  .sitemap .box-overflow.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .sitemap .box-overflow.bg-light-accent-secondary.product-header .hintbox-icon img,
  .sitemap .box-overflow.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .sitemap .box-overflow.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .sitemap .box-overflow.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .sitemap .box-overflow.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .sitemap .box-overflow.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.sitemap .box-overflow.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.sitemap .box-overflow.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .sitemap .box-overflow.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .sitemap .box-overflow.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.sitemap .box-overflow.bg-light-accent-secondary .hintbox,
.sitemap .box-overflow.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.sitemap .box-overflow.bg-light-accent-secondary,
.overlay-content .main-column>.sitemap .box-overflow.bg-light-accent-secondary .sitemap .box-overflow.bg-light-accent-secondary,
.overlay-content body>.sitemap .box-overflow.bg-light-accent-secondary,
.overlay-content>.sitemap .box-overflow.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.sitemap .box-overflow.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.sitemap .box-overflow.bg-light-accent-secondary .sitemap .box-overflow.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.sitemap .box-overflow.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.sitemap .box-overflow.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.sitemap .box-overflow.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.sitemap .box-overflow.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.sitemap .box-overflow.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.sitemap .box-overflow.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.sitemap .box-overflow.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.sitemap .box-overflow.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.sitemap .box-overflow.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.sitemap .box-overflow.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.sitemap .box-overflow.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.sitemap .box-overflow.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.sitemap .box-overflow.bg-light,
:where(main)>.sitemap .box-overflow.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.sitemap .box-overflow.bg-light+*>*,
:where(main)>.sitemap .box-overflow.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .sitemap .box-overflow.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .sitemap .box-overflow.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.sitemap .box-overflow.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.sitemap .box-overflow.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .sitemap .box-overflow.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .sitemap .box-overflow.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .sitemap .box-overflow.bg-light.product-header,
  .sitemap .box-overflow.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .sitemap .box-overflow.bg-light.product-header,
  .sitemap .box-overflow.bg-light.product-header[class*=bg-],
  .sitemap .box-overflow.bg-light[class*=bg-],
  .sitemap .box-overflow.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .sitemap .box-overflow.bg-light.product-header .hintbox-icon img,
  .sitemap .box-overflow.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .sitemap .box-overflow.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .sitemap .box-overflow.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .sitemap .box-overflow.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .sitemap .box-overflow.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.sitemap .box-overflow.bg-light .details--s9>.details .main-column[class*=bg-],
.sitemap .box-overflow.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .sitemap .box-overflow.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .sitemap .box-overflow.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.sitemap .box-overflow.bg-light .hintbox,
.sitemap .box-overflow.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.sitemap .box-overflow.bg-light,
.overlay-content .main-column>.sitemap .box-overflow.bg-light .sitemap .box-overflow.bg-light,
.overlay-content body>.sitemap .box-overflow.bg-light,
.overlay-content>.sitemap .box-overflow.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.sitemap .box-overflow.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.sitemap .box-overflow.bg-light .sitemap .box-overflow.bg-light .product-label.product-label--overflow,
.overlay-content body>.sitemap .box-overflow.bg-light .product-label.product-label--overflow,
.overlay-content>.sitemap .box-overflow.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.sitemap .box-compact {
  margin-bottom: var(--space-large)
}

.process-slider {
  --slider-pagination-bottom: -1.5rem
}

.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.process-slider:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.process-slider.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.process-slider.bg-dark .button--primary,
.process-slider.bg-dark .button--primary-positive,
.process-slider.bg-dark .button--secondary,
.process-slider.bg-dark .button--secondary-positive,
.process-slider.bg-dark .button--tertiary,
.process-slider.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.process-slider.bg-dark .button--primary,
.process-slider.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.process-slider.bg-dark .button--secondary,
.process-slider.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.process-slider.bg-dark .button--tertiary,
.process-slider.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.process-slider.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.process-slider.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.process-slider.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.process-slider.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.process-slider.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.process-slider.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.process-slider.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.process-slider.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.process-slider.bg-dark,
:where(main)>.process-slider.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.process-slider.bg-dark+*>*,
:where(main)>.process-slider.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .process-slider.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .process-slider.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.process-slider.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.process-slider.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .process-slider.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .process-slider.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .process-slider.bg-dark.product-header,
  .process-slider.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .process-slider.bg-dark.product-header,
  .process-slider.bg-dark.product-header[class*=bg-],
  .process-slider.bg-dark[class*=bg-],
  .process-slider.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .process-slider.bg-dark.product-header .hintbox-icon img,
  .process-slider.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .process-slider.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .process-slider.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .process-slider.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .process-slider.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.process-slider.bg-dark .details--s9>.details .main-column[class*=bg-],
.process-slider.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .process-slider.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .process-slider.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.process-slider.bg-dark .hintbox,
.process-slider.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.process-slider.bg-dark,
.overlay-content .main-column>.process-slider.bg-dark .process-slider.bg-dark,
.overlay-content body>.process-slider.bg-dark,
.overlay-content>.process-slider.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.process-slider.bg-dark .process-slider.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.process-slider.bg-dark .product-label.product-label--overflow,
.overlay-content body>.process-slider.bg-dark .product-label.product-label--overflow,
.overlay-content>.process-slider.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.process-slider.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.process-slider.bg-dark-accent .button--primary,
.process-slider.bg-dark-accent .button--primary-positive,
.process-slider.bg-dark-accent .button--secondary,
.process-slider.bg-dark-accent .button--secondary-positive,
.process-slider.bg-dark-accent .button--tertiary,
.process-slider.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.process-slider.bg-dark-accent .button--primary,
.process-slider.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.process-slider.bg-dark-accent .button--secondary,
.process-slider.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.process-slider.bg-dark-accent .button--tertiary,
.process-slider.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.process-slider.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.process-slider.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.process-slider.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.process-slider.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.process-slider.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.process-slider.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.process-slider.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.process-slider.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.process-slider.bg-dark-accent,
:where(main)>.process-slider.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.process-slider.bg-dark-accent+*>*,
:where(main)>.process-slider.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .process-slider.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .process-slider.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.process-slider.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.process-slider.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .process-slider.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .process-slider.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .process-slider.bg-dark-accent.product-header,
  .process-slider.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .process-slider.bg-dark-accent.product-header,
  .process-slider.bg-dark-accent.product-header[class*=bg-],
  .process-slider.bg-dark-accent[class*=bg-],
  .process-slider.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .process-slider.bg-dark-accent.product-header .hintbox-icon img,
  .process-slider.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .process-slider.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .process-slider.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .process-slider.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .process-slider.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.process-slider.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.process-slider.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .process-slider.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .process-slider.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.process-slider.bg-dark-accent .hintbox,
.process-slider.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.process-slider.bg-dark-accent,
.overlay-content .main-column>.process-slider.bg-dark-accent .process-slider.bg-dark-accent,
.overlay-content body>.process-slider.bg-dark-accent,
.overlay-content>.process-slider.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.process-slider.bg-dark-accent .process-slider.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.process-slider.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.process-slider.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.process-slider.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.process-slider.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.process-slider.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.process-slider.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.process-slider.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.process-slider.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.process-slider.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.process-slider.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.process-slider.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.process-slider.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.process-slider.bg-light-accent,
:where(main)>.process-slider.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.process-slider.bg-light-accent+*>*,
:where(main)>.process-slider.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .process-slider.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .process-slider.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.process-slider.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.process-slider.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .process-slider.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .process-slider.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .process-slider.bg-light-accent.product-header,
  .process-slider.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .process-slider.bg-light-accent.product-header,
  .process-slider.bg-light-accent.product-header[class*=bg-],
  .process-slider.bg-light-accent[class*=bg-],
  .process-slider.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .process-slider.bg-light-accent.product-header .hintbox-icon img,
  .process-slider.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .process-slider.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .process-slider.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .process-slider.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .process-slider.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.process-slider.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.process-slider.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .process-slider.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .process-slider.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.process-slider.bg-light-accent .hintbox,
.process-slider.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.process-slider.bg-light-accent,
.overlay-content .main-column>.process-slider.bg-light-accent .process-slider.bg-light-accent,
.overlay-content body>.process-slider.bg-light-accent,
.overlay-content>.process-slider.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.process-slider.bg-light-accent .process-slider.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.process-slider.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.process-slider.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.process-slider.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.process-slider.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.process-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.process-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.process-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.process-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.process-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.process-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.process-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.process-slider.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.process-slider.bg-light-accent-secondary,
:where(main)>.process-slider.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.process-slider.bg-light-accent-secondary+*>*,
:where(main)>.process-slider.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .process-slider.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .process-slider.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.process-slider.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.process-slider.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .process-slider.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .process-slider.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .process-slider.bg-light-accent-secondary.product-header,
  .process-slider.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .process-slider.bg-light-accent-secondary.product-header,
  .process-slider.bg-light-accent-secondary.product-header[class*=bg-],
  .process-slider.bg-light-accent-secondary[class*=bg-],
  .process-slider.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .process-slider.bg-light-accent-secondary.product-header .hintbox-icon img,
  .process-slider.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .process-slider.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .process-slider.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .process-slider.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .process-slider.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.process-slider.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.process-slider.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .process-slider.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .process-slider.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.process-slider.bg-light-accent-secondary .hintbox,
.process-slider.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.process-slider.bg-light-accent-secondary,
.overlay-content .main-column>.process-slider.bg-light-accent-secondary .process-slider.bg-light-accent-secondary,
.overlay-content body>.process-slider.bg-light-accent-secondary,
.overlay-content>.process-slider.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.process-slider.bg-light-accent-secondary .process-slider.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.process-slider.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.process-slider.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.process-slider.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.process-slider.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.process-slider.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.process-slider.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.process-slider.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.process-slider.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.process-slider.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.process-slider.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.process-slider.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.process-slider.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.process-slider.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.process-slider.bg-light,
:where(main)>.process-slider.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.process-slider.bg-light+*>*,
:where(main)>.process-slider.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .process-slider.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .process-slider.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.process-slider.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.process-slider.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .process-slider.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .process-slider.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .process-slider.bg-light.product-header,
  .process-slider.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .process-slider.bg-light.product-header,
  .process-slider.bg-light.product-header[class*=bg-],
  .process-slider.bg-light[class*=bg-],
  .process-slider.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .process-slider.bg-light.product-header .hintbox-icon img,
  .process-slider.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .process-slider.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .process-slider.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .process-slider.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .process-slider.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.process-slider.bg-light .details--s9>.details .main-column[class*=bg-],
.process-slider.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .process-slider.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .process-slider.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.process-slider.bg-light .hintbox,
.process-slider.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.process-slider.bg-light,
.overlay-content .main-column>.process-slider.bg-light .process-slider.bg-light,
.overlay-content body>.process-slider.bg-light,
.overlay-content>.process-slider.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.process-slider.bg-light .process-slider.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.process-slider.bg-light .product-label.product-label--overflow,
.overlay-content body>.process-slider.bg-light .product-label.product-label--overflow,
.overlay-content>.process-slider.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

@media only print and (width >=0px) {
  .process-slider.process-slider-4-cols {
    --cols: 4
  }
}

@media only screen and (min-width:1280px) {
  .process-slider.process-slider-4-cols {
    --cols: 4
  }
}

.process-slider-headline {
  margin-bottom: var(--space-small)
}

.process-slider-slide {
  background-color: var(--color-background);
  height: 100%;
  padding: 20px 20px 30px
}

.process-slider-slide-image {
  aspect-ratio: 16/9;
  margin-bottom: 1.5rem
}

.process-slider-slide-headline {
  margin-bottom: var(--space-x-small)
}

.process-slider-slide-headline-index {
  color: var(--headline-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight, 400);
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  word-spacing: var(--word-spacing, 0);
  --margin-bottom: 2rem;
  --font-size: 2.8rem;
  --letter-spacing: -0.5px;
  --line-height: 1.3;
  --font-weight: 500
}

@media only print and (width >=0px) {
  .process-slider-slide-headline-index {
    --font-size: 3.2rem;
    --font-weight: 500
  }
}

@media only screen and (min-width:1280px) {
  .process-slider-slide-headline-index {
    --font-size: 3.2rem;
    --font-weight: 500
  }
}

.process-slider-slide-headline-index:last-child {
  --margin-bottom: 0
}

.process-slider-slide-headline-index {
  line-height: 1;
  margin: 0 .9rem 0 0;
  vertical-align: text-bottom
}

.process-slider-slide-headline-text {
  padding-bottom: .3rem;
  padding-top: .3rem;
  vertical-align: middle
}

@media only print and (width >=0px) {
  .process-slider-slide-headline-text {
    padding-top: .5rem
  }
}

@media only screen and (min-width:1280px) {
  .process-slider-slide-headline-text {
    padding-top: .5rem
  }
}

.process-slider-slide-content+.process-slider-slide-link {
  margin-top: var(--space-small)
}

.process-slider .slider.swiper:not(.js-initialized) .swiper-wrapper {
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr))
}

@media only print and (width >=0px) {
  .process-slider {
    --cols: 2
  }
}

@media only screen and (min-width:600px) {
  .process-slider {
    --cols: 2
  }
}

@media only print and (width >=0px) {
  .process-slider {
    --cols: 3
  }
}

@media only screen and (min-width:840px) {
  .process-slider {
    --cols: 3
  }
}

.page-s3 .marginal-column {
  display: grid;
  gap: var(--space-large) var(--gap);
  grid-template-columns: 100%
}

.page-s3 .marginal-column>*,
.page-s3 .marginal-column>[class*=bg-] {
  --c-spacing-m: 0;
  --margin-top: 0px
}

@media only print and (width >=0px) {
  .page-s3 .marginal-column {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .page-s3 .marginal-column:not(:empty) {
    margin-top: var(--space-large)
  }
}

@media only screen and (min-width:600px) {
  .page-s3 .marginal-column {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .page-s3 .marginal-column:not(:empty) {
    margin-top: var(--space-large)
  }
}

@media only print and (width >=0px) {
  .page-s3 .marginal-column {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@media only screen and (min-width:840px) {
  .page-s3 .marginal-column {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@media only print and (width >=0px) {
  .page-s3 .marginal-column {
    align-items: flex-start;
    grid-template-columns: 100%
  }
}

@media only screen and (min-width:960px) {
  .page-s3 .marginal-column {
    align-items: flex-start;
    grid-template-columns: 100%
  }
}

@media only print and (width >=0px) {
  .page-s3 {
    align-items: flex-start;
    display: grid;
    gap: 0 var(--gap);
    grid-template: "jumpmark jumpmark jumpmark" auto "login login login" auto "main main marginal" auto "banner banner banner" auto/minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
  }

  .page-s3 #main-anchor {
    grid-area: jumpmark
  }

  .page-s3 .login-folding {
    grid-area: login
  }

  .page-s3 .main-column {
    grid-area: main
  }

  .page-s3 .banner {
    grid-area: banner;
    margin-top: var(--c-spacing-l)
  }

  .page-s3 .marginal-column.marginal-column {
    grid-area: marginal
  }

  .page-s3 .login-folding~.main-column.main-column,
  .page-s3 .login-folding~.marginal-column.marginal-column {
    margin-top: var(--space-small)
  }
}

@media only screen and (min-width:960px) {
  .page-s3 {
    align-items: flex-start;
    display: grid;
    gap: 0 var(--gap);
    grid-template: "jumpmark jumpmark jumpmark" auto "login login login" auto "main main marginal" auto "banner banner banner" auto/minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
  }

  .page-s3 #main-anchor {
    grid-area: jumpmark
  }

  .page-s3 .login-folding {
    grid-area: login
  }

  .page-s3 .main-column {
    grid-area: main
  }

  .page-s3 .banner {
    grid-area: banner;
    margin-top: var(--c-spacing-l)
  }

  .page-s3 .marginal-column.marginal-column {
    grid-area: marginal
  }

  .page-s3 .login-folding~.main-column.main-column,
  .page-s3 .login-folding~.marginal-column.marginal-column {
    margin-top: var(--space-small)
  }
}

@media only print and (width >=0px) {
  .page-s3 {
    grid-template: "jumpmark jumpmark jumpmark jumpmark" auto "login login login login" auto "main main main marginal" auto "banner banner banner banner" auto/minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
  }
}

@media only screen and (min-width:1280px) {
  .page-s3 {
    grid-template: "jumpmark jumpmark jumpmark jumpmark" auto "login login login login" auto "main main main marginal" auto "banner banner banner banner" auto/minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
  }
}

.page-s14 {
  --space-small: 2.5rem;
  --space-large: 4rem;
  --space-big: 6.5rem;
  --margin-top: var(--space-big);
  --c-spacing-m: var(--space-large);
  --c-spacing-l: var(--space-big);
  --mb: 4rem;
  --headline-space: 2rem;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: var(--space-big)
}

.header-container+.page-s14>#main-anchor+.page-intro,
.header-container+.page-s14>.page-intro:first-child {
  margin-top: var(--space-large)
}

.page-s14>*,
.page-s14>.link-list.bg-light+:not(.link-list.bg-light),
.page-s14>.link-list.bg-light-accent+:not(.link-list.bg-light-accent),
.page-s14>.text-image+* {
  --margin-top: var(--space-big)
}

@media only print and (width >=0px) {

  .page-s14>.container,
  .page-s14>:not(.topic-stage) {
    --max-container-width: calc((var(--col-width) * 10) + (var(--gap) * 9));
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {

  .page-s14>.container,
  .page-s14>:not(.topic-stage) {
    --columns: 12
  }
}

@media only screen and (min-width:840px) {

  .page-s14>.container,
  .page-s14>:not(.topic-stage) {
    --max-container-width: calc((var(--col-width) * 10) + (var(--gap) * 9));
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:840px)and (min-width:600px) {

  .page-s14>.container,
  .page-s14>:not(.topic-stage) {
    --columns: 12
  }
}

.page-s14 .link-list-headline {
  margin-bottom: var(--space-small)
}

.page-s14 .link-list .light-speech-list.list,
.page-s14 .link-list .light-speech-list.list .list {
  --list-gap: var(--space-small)
}

.page-s14 .text-image-content {
  margin-top: var(--headline-space)
}

.page-s14 .text-image-content .button .btn-labeling,
.page-s14 .text-image-content .button .icon {
  --mb: 0px;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: var(--mb, 0);
  word-spacing: inherit
}

.page-s14 .text-image-content .button .btn-labeling:last-child,
.page-s14 .text-image-content .button .icon:last-child {
  margin-bottom: 0
}

@media only screen and (max-width:calc(960px - 1px)) {
  .page-s14 .text-image-content .button {
    padding: .8rem 1.6rem
  }

  .page-s14 .text-image-content .button.icon-position-left {
    padding: .8rem 1.6rem .8rem 1.2rem
  }

  .page-s14 .text-image-content .button.icon-position-left .btn-labeling {
    padding-left: .6rem
  }

  .page-s14 .text-image-content .button.icon-position-right {
    padding: .8rem 1.2rem .8rem 1.6rem
  }

  .page-s14 .text-image-content .button.icon-position-right .btn-labeling {
    padding-right: .6rem
  }
}

.page-s14 .text-image-content .text-image-text p,
.page-s14 .text-image-content .text-image-text ul {
  margin-bottom: var(--mb)
}

.page-s14 .structure-headline {
  margin-bottom: var(--headline-space)
}

.page-s14 .structure-content-grid {
  row-gap: var(--space-big)
}

.page-s14 .structure .teaser .teaser-media-container {
  margin-bottom: 0
}

.page-s14 .structure .teaser .teaser-media-container+.teaser-content {
  gap: var(--headline-space);
  margin-top: var(--headline-space)
}

@media only print and (width >=0px) {
  .page-s14 {
    --space-small: 3rem;
    --space-large: 5rem;
    --space-big: 8rem;
    --mb: 4.8rem;
    --headline-space: 2.5rem
  }
}

@media only screen and (min-width:960px) {
  .page-s14 {
    --space-small: 3rem;
    --space-large: 5rem;
    --space-big: 8rem;
    --mb: 4.8rem;
    --headline-space: 2.5rem
  }
}

.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.page-s10-content:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s10-content.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.page-s10-content.bg-dark .button--primary,
.page-s10-content.bg-dark .button--primary-positive,
.page-s10-content.bg-dark .button--secondary,
.page-s10-content.bg-dark .button--secondary-positive,
.page-s10-content.bg-dark .button--tertiary,
.page-s10-content.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s10-content.bg-dark .button--primary,
.page-s10-content.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s10-content.bg-dark .button--secondary,
.page-s10-content.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.page-s10-content.bg-dark .button--tertiary,
.page-s10-content.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.page-s10-content.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s10-content.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s10-content.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s10-content.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s10-content.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s10-content.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s10-content.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s10-content.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s10-content.bg-dark,
:where(main)>.page-s10-content.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s10-content.bg-dark+*>*,
:where(main)>.page-s10-content.bg-dark>* {
  --margin-top: initial
}

.page-s10-content.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s10-content.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s10-content.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s10-content.bg-dark.product-header,
  .page-s10-content.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s10-content.bg-dark.product-header,
  .page-s10-content.bg-dark.product-header[class*=bg-],
  .page-s10-content.bg-dark[class*=bg-],
  .page-s10-content.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s10-content.bg-dark.product-header .hintbox-icon img,
  .page-s10-content.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s10-content.bg-dark .details--s9>.details .main-column[class*=bg-],
.page-s10-content.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-s10-content.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s10-content.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s10-content.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s10-content.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s10-content.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s10-content.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s10-content.bg-dark .hintbox,
.page-s10-content.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s10-content.bg-dark,
.overlay-content .main-column>.page-s10-content.bg-dark .page-s10-content.bg-dark,
.overlay-content body>.page-s10-content.bg-dark,
.overlay-content>.page-s10-content.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s10-content.bg-dark .page-s10-content.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.page-s10-content.bg-dark .product-label.product-label--overflow,
.overlay-content body>.page-s10-content.bg-dark .product-label.product-label--overflow,
.overlay-content>.page-s10-content.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s10-content.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.page-s10-content.bg-dark-accent .button--primary,
.page-s10-content.bg-dark-accent .button--primary-positive,
.page-s10-content.bg-dark-accent .button--secondary,
.page-s10-content.bg-dark-accent .button--secondary-positive,
.page-s10-content.bg-dark-accent .button--tertiary,
.page-s10-content.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s10-content.bg-dark-accent .button--primary,
.page-s10-content.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s10-content.bg-dark-accent .button--secondary,
.page-s10-content.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.page-s10-content.bg-dark-accent .button--tertiary,
.page-s10-content.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.page-s10-content.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s10-content.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s10-content.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s10-content.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s10-content.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s10-content.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s10-content.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s10-content.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s10-content.bg-dark-accent,
:where(main)>.page-s10-content.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s10-content.bg-dark-accent+*>*,
:where(main)>.page-s10-content.bg-dark-accent>* {
  --margin-top: initial
}

.page-s10-content.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s10-content.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s10-content.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s10-content.bg-dark-accent.product-header,
  .page-s10-content.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s10-content.bg-dark-accent.product-header,
  .page-s10-content.bg-dark-accent.product-header[class*=bg-],
  .page-s10-content.bg-dark-accent[class*=bg-],
  .page-s10-content.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s10-content.bg-dark-accent.product-header .hintbox-icon img,
  .page-s10-content.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s10-content.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.page-s10-content.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-s10-content.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s10-content.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s10-content.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s10-content.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s10-content.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s10-content.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s10-content.bg-dark-accent .hintbox,
.page-s10-content.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s10-content.bg-dark-accent,
.overlay-content .main-column>.page-s10-content.bg-dark-accent .page-s10-content.bg-dark-accent,
.overlay-content body>.page-s10-content.bg-dark-accent,
.overlay-content>.page-s10-content.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s10-content.bg-dark-accent .page-s10-content.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.page-s10-content.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.page-s10-content.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.page-s10-content.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s10-content.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.page-s10-content.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s10-content.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s10-content.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s10-content.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s10-content.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s10-content.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s10-content.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s10-content.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s10-content.bg-light-accent,
:where(main)>.page-s10-content.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s10-content.bg-light-accent+*>*,
:where(main)>.page-s10-content.bg-light-accent>* {
  --margin-top: initial
}

.page-s10-content.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s10-content.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s10-content.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s10-content.bg-light-accent.product-header,
  .page-s10-content.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s10-content.bg-light-accent.product-header,
  .page-s10-content.bg-light-accent.product-header[class*=bg-],
  .page-s10-content.bg-light-accent[class*=bg-],
  .page-s10-content.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s10-content.bg-light-accent.product-header .hintbox-icon img,
  .page-s10-content.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s10-content.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.page-s10-content.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-s10-content.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s10-content.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s10-content.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s10-content.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s10-content.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s10-content.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s10-content.bg-light-accent .hintbox,
.page-s10-content.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s10-content.bg-light-accent,
.overlay-content .main-column>.page-s10-content.bg-light-accent .page-s10-content.bg-light-accent,
.overlay-content body>.page-s10-content.bg-light-accent,
.overlay-content>.page-s10-content.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s10-content.bg-light-accent .page-s10-content.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.page-s10-content.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.page-s10-content.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.page-s10-content.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s10-content.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.page-s10-content.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s10-content.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s10-content.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s10-content.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s10-content.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s10-content.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s10-content.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s10-content.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s10-content.bg-light-accent-secondary,
:where(main)>.page-s10-content.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s10-content.bg-light-accent-secondary+*>*,
:where(main)>.page-s10-content.bg-light-accent-secondary>* {
  --margin-top: initial
}

.page-s10-content.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s10-content.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s10-content.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s10-content.bg-light-accent-secondary.product-header,
  .page-s10-content.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s10-content.bg-light-accent-secondary.product-header,
  .page-s10-content.bg-light-accent-secondary.product-header[class*=bg-],
  .page-s10-content.bg-light-accent-secondary[class*=bg-],
  .page-s10-content.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s10-content.bg-light-accent-secondary.product-header .hintbox-icon img,
  .page-s10-content.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s10-content.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.page-s10-content.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-s10-content.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s10-content.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s10-content.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s10-content.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s10-content.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s10-content.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s10-content.bg-light-accent-secondary .hintbox,
.page-s10-content.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s10-content.bg-light-accent-secondary,
.overlay-content .main-column>.page-s10-content.bg-light-accent-secondary .page-s10-content.bg-light-accent-secondary,
.overlay-content body>.page-s10-content.bg-light-accent-secondary,
.overlay-content>.page-s10-content.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s10-content.bg-light-accent-secondary .page-s10-content.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.page-s10-content.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.page-s10-content.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.page-s10-content.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s10-content.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.main-column>.page-s10-content.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s10-content.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s10-content.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s10-content.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s10-content.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s10-content.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s10-content.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s10-content.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s10-content.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s10-content.bg-light,
:where(main)>.page-s10-content.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s10-content.bg-light+*>*,
:where(main)>.page-s10-content.bg-light>* {
  --margin-top: initial
}

.page-s10-content.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s10-content.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s10-content.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s10-content.bg-light.product-header,
  .page-s10-content.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s10-content.bg-light.product-header,
  .page-s10-content.bg-light.product-header[class*=bg-],
  .page-s10-content.bg-light[class*=bg-],
  .page-s10-content.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s10-content.bg-light.product-header .hintbox-icon img,
  .page-s10-content.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s10-content.bg-light .details--s9>.details .main-column[class*=bg-],
.page-s10-content.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-s10-content.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s10-content.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s10-content.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s10-content.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s10-content.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s10-content.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s10-content.bg-light .hintbox,
.page-s10-content.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s10-content.bg-light,
.overlay-content .main-column>.page-s10-content.bg-light .page-s10-content.bg-light,
.overlay-content body>.page-s10-content.bg-light,
.overlay-content>.page-s10-content.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s10-content.bg-light .page-s10-content.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.page-s10-content.bg-light .product-label.product-label--overflow,
.overlay-content body>.page-s10-content.bg-light .product-label.product-label--overflow,
.overlay-content>.page-s10-content.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s10-content {
  display: flex;
  flex-direction: column;
  gap: 0
}

@media only print and (width >=0px) {
  .page-s10-content {
    flex-direction: row;
    gap: 0 var(--gap);
    justify-content: space-between
  }
}

@media only screen and (min-width:1280px) {
  .page-s10-content {
    flex-direction: row;
    gap: 0 var(--gap);
    justify-content: space-between
  }
}

.page-s10 .search-page-filter {
  flex: 1;
  margin-bottom: 5rem
}

.page-s10 .search-page-filter .tx-4-medium {
  margin-bottom: .8rem
}

.page-s10 .search-page-filter .teaser {
  margin-top: var(--space-small)
}

.page-s10 .search-page-filter .teaser-content-link,
.page-s10 .search-page-filter .teaser-content-text p {
  margin-top: 0
}

@media only print and (width >=0px) {
  .page-s10 .search-page-filter .teaser {
    padding: 0 20px
  }
}

@media only screen and (min-width:1280px) {
  .page-s10 .search-page-filter .teaser {
    padding: 0 20px
  }
}

@media only print and (width >=0px) {
  .page-s10 .search-page-filter {
    margin-bottom: 6rem
  }
}

@media only screen and (min-width:840px) {
  .page-s10 .search-page-filter {
    margin-bottom: 6rem
  }
}

@media only print and (width >=0px) {
  .page-s10 .search-page-filter {
    margin-bottom: 0;
    width: calc(min(100%, var(--col-width) * 4 + var(--gap) * (4 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .page-s10 .search-page-filter {
    --columns: 12
  }
}

@media only screen and (min-width:1280px) {
  .page-s10 .search-page-filter {
    margin-bottom: 0;
    width: calc(min(100%, var(--col-width) * 4 + var(--gap) * (4 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:1280px)and (min-width:600px) {
  .page-s10 .search-page-filter {
    --columns: 12
  }
}

.page-s10 .search-page-result {
  flex-shrink: 0
}

@media only print and (width >=0px) {
  .page-s10 .search-page-result {
    width: calc(min(100%, var(--col-width) * 8 + var(--gap) * (8 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .page-s10 .search-page-result {
    --columns: 12
  }
}

@media only screen and (min-width:1280px) {
  .page-s10 .search-page-result {
    width: calc(min(100%, var(--col-width) * 8 + var(--gap) * (8 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:1280px)and (min-width:600px) {
  .page-s10 .search-page-result {
    --columns: 12
  }
}

.page-s10 .search-result-pagination {
  margin-top: var(--space-large)
}

.search-result-header {
  margin-bottom: var(--space-large);
  margin-top: 0
}

.search-result-content,
.search-result-link {
  margin-bottom: var(--space-small)
}

.search-result-content .table table thead tr {
  border-bottom: 0
}

.search-result-content table .link .link-labeling {
  hyphens: manual;
  word-break: normal
}

.search-page-result[data-search-type=research] td:nth-last-child(2),
.search-result-content[data-search-type=research] td:nth-last-child(2) {
  min-width: 15rem
}

.search-result-item {
  border-top: 1px solid var(--color-line-8)
}

.search-result-item:last-child {
  border-bottom: 1px solid var(--kfw-color-grey-300)
}

.search-result-item-wrapper {
  margin: var(--space-small) 0
}

.search-result-item-wrapper.type-product {
  margin-top: 0
}

.search-result-item-wrapper.type-content .title .hl-5,
.search-result-item-wrapper.type-content .title:last-child,
.search-result-item-wrapper.type-document .title .hl-5,
.search-result-item-wrapper.type-document .title:last-child,
.search-result-item-wrapper.type-news .title .hl-5,
.search-result-item-wrapper.type-news .title:last-child,
.search-result-item-wrapper.type-product .title .hl-5,
.search-result-item-wrapper.type-product .title:last-child,
.search-result-item-wrapper.type-video .title .hl-5,
.search-result-item-wrapper.type-video .title:last-child {
  --headline-color: var(--link-color);
  margin-bottom: var(--space-x-small)
}

.search-result-item-wrapper.type-video .type-headline {
  align-items: center;
  display: inline-flex
}

.search-result-item-wrapper.type-video .icon {
  font-size: 2.4rem;
  height: 2.4rem;
  margin-right: var(--space-x-small);
  width: 2.4rem
}

.search-result-item-wrapper .produkt-label {
  transform: translateY(-1px)
}

.search-result-item-wrapper .spitzmarke {
  margin-bottom: .5rem
}

.search-result-item-wrapper .details:last-child {
  border-bottom: 0
}

.search-result-item-wrapper .details.details--acc3.active .details-title {
  padding-bottom: 1.5rem
}

.search-result-item-wrapper .details.details--acc3 .details-title {
  padding-bottom: 0
}

.search-result-item-wrapper .details.details--acc3 .details-title-label>h2 {
  position: relative;
  top: -1px
}

.search-result-item-wrapper .details .details-title {
  padding-top: 0
}

.search-result-item-wrapper .details .details-title h2 {
  margin-bottom: 0
}

.search-result-item-wrapper .details .details-content {
  padding-bottom: 0
}

.search-result-item-wrapper .detail-result-wrapper:last-child .detail-result-breadcrumb {
  margin-bottom: 0
}

.search-result-item-wrapper .detail-result-wrapper+.detail-result-wrapper {
  margin-top: var(--space-small)
}

.search-result-item-wrapper .detail-result-headline {
  color: var(--color-fn)
}

.searchpage-header .tag {
  margin-bottom: 0
}

.search-filter-form-wrapper {
  background: var(--color-background-light)
}

.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow));
  --c-padding-x: var(--gutter)
}

.details.details--acc1 .details-content>.main-column>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.search-filter-form-wrapper:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-filter-form-wrapper.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--gutter)
}

.search-filter-form-wrapper.bg-dark .button--primary,
.search-filter-form-wrapper.bg-dark .button--primary-positive,
.search-filter-form-wrapper.bg-dark .button--secondary,
.search-filter-form-wrapper.bg-dark .button--secondary-positive,
.search-filter-form-wrapper.bg-dark .button--tertiary,
.search-filter-form-wrapper.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.search-filter-form-wrapper.bg-dark .button--primary,
.search-filter-form-wrapper.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.search-filter-form-wrapper.bg-dark .button--secondary,
.search-filter-form-wrapper.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.search-filter-form-wrapper.bg-dark .button--tertiary,
.search-filter-form-wrapper.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.search-filter-form-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-filter-form-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-filter-form-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-filter-form-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-filter-form-wrapper.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.search-filter-form-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-filter-form-wrapper.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-filter-form-wrapper.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-filter-form-wrapper.bg-dark,
:where(main)>.search-filter-form-wrapper.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-filter-form-wrapper.bg-dark+*>*,
:where(main)>.search-filter-form-wrapper.bg-dark>* {
  --margin-top: initial
}

.search-filter-form-wrapper.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.search-filter-form-wrapper.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-filter-form-wrapper.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-filter-form-wrapper.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-filter-form-wrapper.bg-dark.product-header,
  .search-filter-form-wrapper.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-filter-form-wrapper.bg-dark.product-header,
  .search-filter-form-wrapper.bg-dark.product-header[class*=bg-],
  .search-filter-form-wrapper.bg-dark[class*=bg-],
  .search-filter-form-wrapper.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-filter-form-wrapper.bg-dark.product-header .hintbox-icon img,
  .search-filter-form-wrapper.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-filter-form-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-filter-form-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-filter-form-wrapper.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-filter-form-wrapper.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.search-filter-form-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-],
.search-filter-form-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-filter-form-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-filter-form-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-filter-form-wrapper.bg-dark .hintbox,
.search-filter-form-wrapper.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-filter-form-wrapper.bg-dark,
.overlay-content .main-column>.search-filter-form-wrapper.bg-dark .search-filter-form-wrapper.bg-dark,
.overlay-content body>.search-filter-form-wrapper.bg-dark,
.overlay-content>.search-filter-form-wrapper.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-filter-form-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.search-filter-form-wrapper.bg-dark .search-filter-form-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content body>.search-filter-form-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content>.search-filter-form-wrapper.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-filter-form-wrapper.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--gutter)
}

.search-filter-form-wrapper.bg-dark-accent .button--primary,
.search-filter-form-wrapper.bg-dark-accent .button--primary-positive,
.search-filter-form-wrapper.bg-dark-accent .button--secondary,
.search-filter-form-wrapper.bg-dark-accent .button--secondary-positive,
.search-filter-form-wrapper.bg-dark-accent .button--tertiary,
.search-filter-form-wrapper.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.search-filter-form-wrapper.bg-dark-accent .button--primary,
.search-filter-form-wrapper.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.search-filter-form-wrapper.bg-dark-accent .button--secondary,
.search-filter-form-wrapper.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.search-filter-form-wrapper.bg-dark-accent .button--tertiary,
.search-filter-form-wrapper.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.search-filter-form-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-filter-form-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-filter-form-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-filter-form-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-filter-form-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.search-filter-form-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-filter-form-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-filter-form-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-filter-form-wrapper.bg-dark-accent,
:where(main)>.search-filter-form-wrapper.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-filter-form-wrapper.bg-dark-accent+*>*,
:where(main)>.search-filter-form-wrapper.bg-dark-accent>* {
  --margin-top: initial
}

.search-filter-form-wrapper.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.search-filter-form-wrapper.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-filter-form-wrapper.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-filter-form-wrapper.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-filter-form-wrapper.bg-dark-accent.product-header,
  .search-filter-form-wrapper.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-filter-form-wrapper.bg-dark-accent.product-header,
  .search-filter-form-wrapper.bg-dark-accent.product-header[class*=bg-],
  .search-filter-form-wrapper.bg-dark-accent[class*=bg-],
  .search-filter-form-wrapper.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-filter-form-wrapper.bg-dark-accent.product-header .hintbox-icon img,
  .search-filter-form-wrapper.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-filter-form-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-filter-form-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-filter-form-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-filter-form-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.search-filter-form-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.search-filter-form-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-filter-form-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-filter-form-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-filter-form-wrapper.bg-dark-accent .hintbox,
.search-filter-form-wrapper.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-filter-form-wrapper.bg-dark-accent,
.overlay-content .main-column>.search-filter-form-wrapper.bg-dark-accent .search-filter-form-wrapper.bg-dark-accent,
.overlay-content body>.search-filter-form-wrapper.bg-dark-accent,
.overlay-content>.search-filter-form-wrapper.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-filter-form-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.search-filter-form-wrapper.bg-dark-accent .search-filter-form-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.search-filter-form-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.search-filter-form-wrapper.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-filter-form-wrapper.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--gutter)
}

.details.details--acc1 .details-content>.main-column>.search-filter-form-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-filter-form-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-filter-form-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-filter-form-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-filter-form-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.search-filter-form-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-filter-form-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-filter-form-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-filter-form-wrapper.bg-light-accent,
:where(main)>.search-filter-form-wrapper.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-filter-form-wrapper.bg-light-accent+*>*,
:where(main)>.search-filter-form-wrapper.bg-light-accent>* {
  --margin-top: initial
}

.search-filter-form-wrapper.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.search-filter-form-wrapper.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-filter-form-wrapper.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-filter-form-wrapper.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-filter-form-wrapper.bg-light-accent.product-header,
  .search-filter-form-wrapper.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-filter-form-wrapper.bg-light-accent.product-header,
  .search-filter-form-wrapper.bg-light-accent.product-header[class*=bg-],
  .search-filter-form-wrapper.bg-light-accent[class*=bg-],
  .search-filter-form-wrapper.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-filter-form-wrapper.bg-light-accent.product-header .hintbox-icon img,
  .search-filter-form-wrapper.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-filter-form-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-filter-form-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-filter-form-wrapper.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-filter-form-wrapper.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.search-filter-form-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.search-filter-form-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-filter-form-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-filter-form-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-filter-form-wrapper.bg-light-accent .hintbox,
.search-filter-form-wrapper.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-filter-form-wrapper.bg-light-accent,
.overlay-content .main-column>.search-filter-form-wrapper.bg-light-accent .search-filter-form-wrapper.bg-light-accent,
.overlay-content body>.search-filter-form-wrapper.bg-light-accent,
.overlay-content>.search-filter-form-wrapper.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-filter-form-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.search-filter-form-wrapper.bg-light-accent .search-filter-form-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.search-filter-form-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.search-filter-form-wrapper.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-filter-form-wrapper.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--gutter)
}

.details.details--acc1 .details-content>.main-column>.search-filter-form-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-filter-form-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-filter-form-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-filter-form-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-filter-form-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.search-filter-form-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-filter-form-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-filter-form-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-filter-form-wrapper.bg-light-accent-secondary,
:where(main)>.search-filter-form-wrapper.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-filter-form-wrapper.bg-light-accent-secondary+*>*,
:where(main)>.search-filter-form-wrapper.bg-light-accent-secondary>* {
  --margin-top: initial
}

.search-filter-form-wrapper.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.search-filter-form-wrapper.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-filter-form-wrapper.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-filter-form-wrapper.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-filter-form-wrapper.bg-light-accent-secondary.product-header,
  .search-filter-form-wrapper.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-filter-form-wrapper.bg-light-accent-secondary.product-header,
  .search-filter-form-wrapper.bg-light-accent-secondary.product-header[class*=bg-],
  .search-filter-form-wrapper.bg-light-accent-secondary[class*=bg-],
  .search-filter-form-wrapper.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-filter-form-wrapper.bg-light-accent-secondary.product-header .hintbox-icon img,
  .search-filter-form-wrapper.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-filter-form-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-filter-form-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-filter-form-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-filter-form-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.search-filter-form-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.search-filter-form-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-filter-form-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-filter-form-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-filter-form-wrapper.bg-light-accent-secondary .hintbox,
.search-filter-form-wrapper.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-filter-form-wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.search-filter-form-wrapper.bg-light-accent-secondary .search-filter-form-wrapper.bg-light-accent-secondary,
.overlay-content body>.search-filter-form-wrapper.bg-light-accent-secondary,
.overlay-content>.search-filter-form-wrapper.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-filter-form-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.search-filter-form-wrapper.bg-light-accent-secondary .search-filter-form-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.search-filter-form-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.search-filter-form-wrapper.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-filter-form-wrapper.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s));
  --c-padding-x: var(--gutter)
}

.details.details--acc1 .details-content>.main-column>.search-filter-form-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.search-filter-form-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.search-filter-form-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.search-filter-form-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.search-filter-form-wrapper.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.search-filter-form-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.search-filter-form-wrapper.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.search-filter-form-wrapper.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.search-filter-form-wrapper.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.search-filter-form-wrapper.bg-light,
:where(main)>.search-filter-form-wrapper.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.search-filter-form-wrapper.bg-light+*>*,
:where(main)>.search-filter-form-wrapper.bg-light>* {
  --margin-top: initial
}

.search-filter-form-wrapper.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.search-filter-form-wrapper.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .search-filter-form-wrapper.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .search-filter-form-wrapper.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .search-filter-form-wrapper.bg-light.product-header,
  .search-filter-form-wrapper.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .search-filter-form-wrapper.bg-light.product-header,
  .search-filter-form-wrapper.bg-light.product-header[class*=bg-],
  .search-filter-form-wrapper.bg-light[class*=bg-],
  .search-filter-form-wrapper.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .search-filter-form-wrapper.bg-light.product-header .hintbox-icon img,
  .search-filter-form-wrapper.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .search-filter-form-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .search-filter-form-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .search-filter-form-wrapper.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .search-filter-form-wrapper.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.search-filter-form-wrapper.bg-light .details--s9>.details .main-column[class*=bg-],
.search-filter-form-wrapper.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .search-filter-form-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .search-filter-form-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.search-filter-form-wrapper.bg-light .hintbox,
.search-filter-form-wrapper.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.search-filter-form-wrapper.bg-light,
.overlay-content .main-column>.search-filter-form-wrapper.bg-light .search-filter-form-wrapper.bg-light,
.overlay-content body>.search-filter-form-wrapper.bg-light,
.overlay-content>.search-filter-form-wrapper.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.search-filter-form-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.search-filter-form-wrapper.bg-light .search-filter-form-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content body>.search-filter-form-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content>.search-filter-form-wrapper.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.search-filter-form-wrapper-content {
  padding-bottom: 30px;
  padding-top: 20px
}

.search-filter-form-wrapper-content>.details--acc4 {
  margin-top: 0
}

@media only print and (width >=0px) {
  .search-filter-form-wrapper-content {
    width: 100%
  }
}

@media only screen and (min-width:1280px) {
  .search-filter-form-wrapper-content {
    width: 100%
  }
}

@media only print and (width >=0px) {
  .search-filter-form-wrapper-content {
    width: calc(min(100%, var(--col-width) * 7 + var(--gap) * (7 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .search-filter-form-wrapper-content {
    --columns: 12
  }
}

@media only screen and (min-width:600px)and (max-width:calc(1280px - 1px)) {
  .search-filter-form-wrapper-content {
    width: calc(min(100%, var(--col-width) * 7 + var(--gap) * (7 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:600px)and (max-width:calc(1280px - 1px))and (min-width:600px) {
  .search-filter-form-wrapper-content {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .search-filter-form-wrapper {
    --c-overflow: 20px;
    --gutter: 20px
  }
}

@media only screen and (min-width:600px) {
  .search-filter-form-wrapper {
    --c-overflow: 20px;
    --gutter: 20px
  }
}

@media only print and (width >=0px) {
  .search-filter-form-wrapper {
    --c-overflow: 0rem
  }
}

@media only screen and (min-width:1280px) {
  .search-filter-form-wrapper {
    --c-overflow: 0rem
  }
}

.search-filter-form .filter-box .details--acc4 .search-filter-main:focus,
.search-filter-form .filter-box .details--acc4 .search-filter-main:hover {
  text-decoration: underline
}

.search-filter-form .filter-box .details--acc4 .search-filter-main+.details-content {
  padding-bottom: 0;
  padding-left: 0
}

.search-filter-form .filter-box .filter-reset {
  margin-bottom: 0;
  margin-top: var(--space-large)
}

.search-filter-form .filter-box .filter-reset.hidden {
  display: none
}

.search-filter-form .filter-box .filter-container--select+.filter-area,
.search-filter-form .filter-box .filter-container--select+.filter-container--date,
.search-filter-form .filter-box .filter-container--select+.filter-container--select {
  margin-top: var(--space-large)
}

.filter-area {
  width: 100%
}

.filter-area .search-filter:last-child,
.filter-area:last-child {
  margin-bottom: 0
}

.search-filter--checkbox {
  --checkbox-spacer: 15px;
  width: 100%
}

.search-filter--checkbox.no-children .form-item-checkbox {
  margin-right: 0;
  width: 100%
}

.search-filter--checkbox.no-children label {
  min-width: 0
}

.search-filter--checkbox.disabled .tag {
  background-color: var(--color-fn-inactive-on-light-bg)
}

.search-filter--checkbox.disabled .details-title:hover {
  text-decoration: none
}

.search-filter--checkbox.disabled .details-title:hover .icons {
  color: var(--color-fn-inactive-on-light-bg)
}

.search-filter--checkbox.disabled .details-title-label p {
  color: var(--color-font-on-light-bg)
}

.search-filter--checkbox .form-item-checkbox {
  align-self: flex-start
}

.search-filter--checkbox .form-item-checkbox input[type=checkbox] {
  margin-right: var(--checkbox-spacer)
}

.search-filter--checkbox .form-item-checkbox .details--acc4:nth-child(n) {
  margin-top: 0
}

.search-filter--checkbox .form-item-checkbox .details input[type=checkbox] {
  margin-right: 0
}

.search-filter--checkbox .form-item-checkbox .details label {
  padding-left: var(--checkbox-spacer)
}

.search-filter--checkbox .form-item-checkbox label {
  padding-left: 0
}

.search-filter--checkbox .details.details {
  align-items: flex-start;
  display: grid;
  grid-template-columns: 1fr min-content;
  margin: 0;
  padding: 0;
  width: 100%
}

.search-filter--checkbox .details.details.active .details-title {
  padding-bottom: 0
}

.search-filter--checkbox .details.details.active .details-content {
  margin-top: var(--space-small)
}

.search-filter--checkbox .details.details .details-title:focus:not(:disabled),
.search-filter--checkbox .details.details .details-title:hover:not(:disabled) {
  text-decoration: underline
}

.search-filter--checkbox .details.details .details-content {
  grid-column: 1/-1;
  overflow: visible;
  padding-bottom: 0;
  padding-left: 0
}

.search-filter--checkbox .details.details .details-content .search-filter {
  margin-bottom: var(--space-small)
}

.search-filter--checkbox .details.details .details-content .search-filter:last-child {
  margin-bottom: 0
}

.search-filter--checkbox .details.details .details-content .search-filter--details .details {
  padding-left: 0
}

.search-filter--checkbox .tag {
  cursor: auto;
  margin: 0 0 0 15px
}

.filter-container--date.invalid .overall {
  display: inline-flex;
  margin-top: var(--space-x-small)
}

.filter-container--date .search-filter--date .date-row {
  align-items: flex-end;
  display: flex;
  flex-flow: wrap;
  gap: var(--space-x-small);
  margin-bottom: 2rem
}

.filter-container--date .search-filter--date .date-row:last-of-type {
  margin-bottom: 0
}

.filter-container--date .search-filter--date .date-row.invalid .error-message {
  display: inline-flex
}

.filter-container--date .search-filter--date .date-row .form-item--date {
  flex: 1
}

.filter-container--date .search-filter--date .date-row button {
  align-items: center;
  font-size: 2.4rem;
  height: 4.3rem;
  width: 4.3rem
}

.filter-container--date .search-filter--date .error-message {
  width: 100%
}

.search-filter--projectinfo .timestamp {
  margin-bottom: var(--space-small)
}

.search-filter--projectinfo .information-download-container {
  display: flex;
  flex-flow: row wrap;
  gap: var(--space-small);
  margin-bottom: var(--space-small)
}

.search-filter--projectinfo .information-download-container .button-container {
  margin: 0
}

.download-center-submit {
  margin: var(--space-medium) 0 0
}

.download-center .table tbody td:nth-child(2) {
  white-space: nowrap
}

.download-center .table tbody td:nth-child(3) {
  min-width: 8.5rem
}

.download-center .table tbody td:nth-child(5) {
  min-width: 15rem
}

.download-center .table .form-item-checkbox label {
  display: none
}

.download-center .public-archive-download .button-container {
  margin-bottom: 0
}

.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.page-s9 .details--s9:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s9 .details--s9.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.page-s9 .details--s9.bg-dark .button--primary,
.page-s9 .details--s9.bg-dark .button--primary-positive,
.page-s9 .details--s9.bg-dark .button--secondary,
.page-s9 .details--s9.bg-dark .button--secondary-positive,
.page-s9 .details--s9.bg-dark .button--tertiary,
.page-s9 .details--s9.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s9 .details--s9.bg-dark .button--primary,
.page-s9 .details--s9.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s9 .details--s9.bg-dark .button--secondary,
.page-s9 .details--s9.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.page-s9 .details--s9.bg-dark .button--tertiary,
.page-s9 .details--s9.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.page-s9 .details--s9.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s9 .details--s9.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s9 .details--s9.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s9 .details--s9.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s9 .details--s9.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s9 .details--s9.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s9 .details--s9.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s9 .details--s9.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s9 .details--s9.bg-dark,
:where(main)>.page-s9 .details--s9.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s9 .details--s9.bg-dark+*>*,
:where(main)>.page-s9 .details--s9.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s9 .details--s9.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s9 .details--s9.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s9 .details--s9.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s9 .details--s9.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s9 .details--s9.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s9 .details--s9.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s9 .details--s9.bg-dark.product-header,
  .page-s9 .details--s9.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s9 .details--s9.bg-dark.product-header,
  .page-s9 .details--s9.bg-dark.product-header[class*=bg-],
  .page-s9 .details--s9.bg-dark[class*=bg-],
  .page-s9 .details--s9.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s9 .details--s9.bg-dark.product-header .hintbox-icon img,
  .page-s9 .details--s9.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s9 .details--s9.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s9 .details--s9.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .details--s9.bg-dark .details--s9>.details .main-column[class*=bg-],
.page-s9 .details--s9.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s9 .details--s9.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s9 .details--s9.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s9 .details--s9.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s9 .details--s9.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s9 .details--s9.bg-dark .hintbox,
.page-s9 .details--s9.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s9 .details--s9.bg-dark,
.overlay-content .main-column>.page-s9 .details--s9.bg-dark .page-s9 .details--s9.bg-dark,
.overlay-content body>.page-s9 .details--s9.bg-dark,
.overlay-content>.page-s9 .details--s9.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s9 .details--s9.bg-dark .page-s9 .details--s9.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.page-s9 .details--s9.bg-dark .product-label.product-label--overflow,
.overlay-content body>.page-s9 .details--s9.bg-dark .product-label.product-label--overflow,
.overlay-content>.page-s9 .details--s9.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s9 .details--s9.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.page-s9 .details--s9.bg-dark-accent .button--primary,
.page-s9 .details--s9.bg-dark-accent .button--primary-positive,
.page-s9 .details--s9.bg-dark-accent .button--secondary,
.page-s9 .details--s9.bg-dark-accent .button--secondary-positive,
.page-s9 .details--s9.bg-dark-accent .button--tertiary,
.page-s9 .details--s9.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s9 .details--s9.bg-dark-accent .button--primary,
.page-s9 .details--s9.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s9 .details--s9.bg-dark-accent .button--secondary,
.page-s9 .details--s9.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.page-s9 .details--s9.bg-dark-accent .button--tertiary,
.page-s9 .details--s9.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.page-s9 .details--s9.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s9 .details--s9.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s9 .details--s9.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s9 .details--s9.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s9 .details--s9.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s9 .details--s9.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s9 .details--s9.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s9 .details--s9.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s9 .details--s9.bg-dark-accent,
:where(main)>.page-s9 .details--s9.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s9 .details--s9.bg-dark-accent+*>*,
:where(main)>.page-s9 .details--s9.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s9 .details--s9.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s9 .details--s9.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s9 .details--s9.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s9 .details--s9.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s9 .details--s9.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s9 .details--s9.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s9 .details--s9.bg-dark-accent.product-header,
  .page-s9 .details--s9.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s9 .details--s9.bg-dark-accent.product-header,
  .page-s9 .details--s9.bg-dark-accent.product-header[class*=bg-],
  .page-s9 .details--s9.bg-dark-accent[class*=bg-],
  .page-s9 .details--s9.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s9 .details--s9.bg-dark-accent.product-header .hintbox-icon img,
  .page-s9 .details--s9.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s9 .details--s9.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s9 .details--s9.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .details--s9.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.page-s9 .details--s9.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s9 .details--s9.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s9 .details--s9.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s9 .details--s9.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s9 .details--s9.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s9 .details--s9.bg-dark-accent .hintbox,
.page-s9 .details--s9.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s9 .details--s9.bg-dark-accent,
.overlay-content .main-column>.page-s9 .details--s9.bg-dark-accent .page-s9 .details--s9.bg-dark-accent,
.overlay-content body>.page-s9 .details--s9.bg-dark-accent,
.overlay-content>.page-s9 .details--s9.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s9 .details--s9.bg-dark-accent .page-s9 .details--s9.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.page-s9 .details--s9.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.page-s9 .details--s9.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.page-s9 .details--s9.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s9 .details--s9.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-s9 .details--s9.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s9 .details--s9.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s9 .details--s9.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s9 .details--s9.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s9 .details--s9.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s9 .details--s9.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s9 .details--s9.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s9 .details--s9.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s9 .details--s9.bg-light-accent,
:where(main)>.page-s9 .details--s9.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s9 .details--s9.bg-light-accent+*>*,
:where(main)>.page-s9 .details--s9.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s9 .details--s9.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s9 .details--s9.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s9 .details--s9.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s9 .details--s9.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s9 .details--s9.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s9 .details--s9.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s9 .details--s9.bg-light-accent.product-header,
  .page-s9 .details--s9.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s9 .details--s9.bg-light-accent.product-header,
  .page-s9 .details--s9.bg-light-accent.product-header[class*=bg-],
  .page-s9 .details--s9.bg-light-accent[class*=bg-],
  .page-s9 .details--s9.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s9 .details--s9.bg-light-accent.product-header .hintbox-icon img,
  .page-s9 .details--s9.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s9 .details--s9.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s9 .details--s9.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .details--s9.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.page-s9 .details--s9.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s9 .details--s9.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s9 .details--s9.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s9 .details--s9.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s9 .details--s9.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s9 .details--s9.bg-light-accent .hintbox,
.page-s9 .details--s9.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s9 .details--s9.bg-light-accent,
.overlay-content .main-column>.page-s9 .details--s9.bg-light-accent .page-s9 .details--s9.bg-light-accent,
.overlay-content body>.page-s9 .details--s9.bg-light-accent,
.overlay-content>.page-s9 .details--s9.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s9 .details--s9.bg-light-accent .page-s9 .details--s9.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.page-s9 .details--s9.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.page-s9 .details--s9.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.page-s9 .details--s9.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s9 .details--s9.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-s9 .details--s9.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s9 .details--s9.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s9 .details--s9.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s9 .details--s9.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s9 .details--s9.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s9 .details--s9.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s9 .details--s9.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s9 .details--s9.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s9 .details--s9.bg-light-accent-secondary,
:where(main)>.page-s9 .details--s9.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s9 .details--s9.bg-light-accent-secondary+*>*,
:where(main)>.page-s9 .details--s9.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s9 .details--s9.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s9 .details--s9.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s9 .details--s9.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s9 .details--s9.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s9 .details--s9.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s9 .details--s9.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s9 .details--s9.bg-light-accent-secondary.product-header,
  .page-s9 .details--s9.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s9 .details--s9.bg-light-accent-secondary.product-header,
  .page-s9 .details--s9.bg-light-accent-secondary.product-header[class*=bg-],
  .page-s9 .details--s9.bg-light-accent-secondary[class*=bg-],
  .page-s9 .details--s9.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s9 .details--s9.bg-light-accent-secondary.product-header .hintbox-icon img,
  .page-s9 .details--s9.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s9 .details--s9.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s9 .details--s9.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .details--s9.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.page-s9 .details--s9.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s9 .details--s9.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s9 .details--s9.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s9 .details--s9.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s9 .details--s9.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s9 .details--s9.bg-light-accent-secondary .hintbox,
.page-s9 .details--s9.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s9 .details--s9.bg-light-accent-secondary,
.overlay-content .main-column>.page-s9 .details--s9.bg-light-accent-secondary .page-s9 .details--s9.bg-light-accent-secondary,
.overlay-content body>.page-s9 .details--s9.bg-light-accent-secondary,
.overlay-content>.page-s9 .details--s9.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s9 .details--s9.bg-light-accent-secondary .page-s9 .details--s9.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.page-s9 .details--s9.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.page-s9 .details--s9.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.page-s9 .details--s9.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s9 .details--s9.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-s9 .details--s9.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s9 .details--s9.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s9 .details--s9.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s9 .details--s9.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s9 .details--s9.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s9 .details--s9.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s9 .details--s9.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s9 .details--s9.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .details--s9.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s9 .details--s9.bg-light,
:where(main)>.page-s9 .details--s9.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s9 .details--s9.bg-light+*>*,
:where(main)>.page-s9 .details--s9.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s9 .details--s9.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s9 .details--s9.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s9 .details--s9.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s9 .details--s9.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s9 .details--s9.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s9 .details--s9.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s9 .details--s9.bg-light.product-header,
  .page-s9 .details--s9.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s9 .details--s9.bg-light.product-header,
  .page-s9 .details--s9.bg-light.product-header[class*=bg-],
  .page-s9 .details--s9.bg-light[class*=bg-],
  .page-s9 .details--s9.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s9 .details--s9.bg-light.product-header .hintbox-icon img,
  .page-s9 .details--s9.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s9 .details--s9.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s9 .details--s9.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .details--s9.bg-light .details--s9>.details .main-column[class*=bg-],
.page-s9 .details--s9.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s9 .details--s9.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s9 .details--s9.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s9 .details--s9.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s9 .details--s9.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s9 .details--s9.bg-light .hintbox,
.page-s9 .details--s9.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s9 .details--s9.bg-light,
.overlay-content .main-column>.page-s9 .details--s9.bg-light .page-s9 .details--s9.bg-light,
.overlay-content body>.page-s9 .details--s9.bg-light,
.overlay-content>.page-s9 .details--s9.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s9 .details--s9.bg-light .page-s9 .details--s9.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.page-s9 .details--s9.bg-light .product-label.product-label--overflow,
.overlay-content body>.page-s9 .details--s9.bg-light .product-label.product-label--overflow,
.overlay-content>.page-s9 .details--s9.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

@media only print and (width >=0px) {
  .page-s9 .details--s9>.details.active>.details-content .marginal-column {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media only screen and (min-width:600px)and (max-width:calc(960px - 1px)) {
  .page-s9 .details--s9>.details.active>.details-content .marginal-column {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media only print and (width >=0px) {
  .page-s9 .details--s9>.details.active>.details-content {
    display: flex;
    gap: var(--gap)
  }

  .page-s9 .details--s9>.details.active>.details-content .main-column,
  .page-s9 .details--s9>.details.active>.details-content .marginal-column {
    min-width: 0
  }

  .page-s9 .details--s9>.details.active>.details-content .main-column {
    flex: 1
  }

  .page-s9 .details--s9>.details.active>.details-content .marginal-column {
    flex-shrink: 0;
    width: calc(min(100%, var(--col-width) * 4 + var(--gap) * (4 - 1)) + 0px);
    --col-width: calc((var(--max-container-width) - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:960px) {
  .page-s9 .details--s9>.details.active>.details-content {
    display: flex;
    gap: var(--gap)
  }

  .page-s9 .details--s9>.details.active>.details-content .main-column,
  .page-s9 .details--s9>.details.active>.details-content .marginal-column {
    min-width: 0
  }

  .page-s9 .details--s9>.details.active>.details-content .main-column {
    flex: 1
  }

  .page-s9 .details--s9>.details.active>.details-content .marginal-column {
    flex-shrink: 0;
    width: calc(min(100%, var(--col-width) * 4 + var(--gap) * (4 - 1)) + 0px);
    --col-width: calc((var(--max-container-width) - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:960px)and (min-width:600px) {
  .page-s9 .details--s9>.details.active>.details-content .marginal-column {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .page-s9 .details--s9>.details.active>.details-content .marginal-column {
    width: calc(min(100%, var(--col-width) * 3 + var(--gap) * (3 - 1)) + 0px);
    --col-width: calc((var(--max-container-width) - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .page-s9 .details--s9>.details.active>.details-content .marginal-column {
    --columns: 12
  }
}

@media only screen and (min-width:1280px) {
  .page-s9 .details--s9>.details.active>.details-content .marginal-column {
    width: calc(min(100%, var(--col-width) * 3 + var(--gap) * (3 - 1)) + 0px);
    --col-width: calc((var(--max-container-width) - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:1280px)and (min-width:600px) {
  .page-s9 .details--s9>.details.active>.details-content .marginal-column {
    --columns: 12
  }
}

.page-s9 .details--s9 .details-content .marginal-column>* {
  --margin-top: var(--space-large)
}

@media only screen and (max-width:calc(960px - 1px)) {
  .page-s9 .details--s9 .details-content .marginal-column>* {
    --margin-top: var(--space-big)
  }

  .page-s9 .details--s9 .details-content .marginal-column>:first-child {
    margin-top: var(--margin-top)
  }
}

.page-s9 .details--s9 .details-content .main-column>:first-child p:only-child {
  margin-bottom: 0
}

@media only screen and (max-width:calc(960px - 1px)) {
  .page-s9 .details--s9 .details-content .main-column>:last-child {
    margin-bottom: unset
  }
}

.page-s9 .product-header {
  background: var(--color-background-light-accent-2);
  margin-bottom: var(--space-large);
  position: relative
}

.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.page-s9 .product-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s9 .product-header.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.page-s9 .product-header.bg-dark .button--primary,
.page-s9 .product-header.bg-dark .button--primary-positive,
.page-s9 .product-header.bg-dark .button--secondary,
.page-s9 .product-header.bg-dark .button--secondary-positive,
.page-s9 .product-header.bg-dark .button--tertiary,
.page-s9 .product-header.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s9 .product-header.bg-dark .button--primary,
.page-s9 .product-header.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s9 .product-header.bg-dark .button--secondary,
.page-s9 .product-header.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.page-s9 .product-header.bg-dark .button--tertiary,
.page-s9 .product-header.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.page-s9 .product-header.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s9 .product-header.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s9 .product-header.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s9 .product-header.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s9 .product-header.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s9 .product-header.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s9 .product-header.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s9 .product-header.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s9 .product-header.bg-dark,
:where(main)>.page-s9 .product-header.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s9 .product-header.bg-dark+*>*,
:where(main)>.page-s9 .product-header.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s9 .product-header.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s9 .product-header.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s9 .product-header.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s9 .product-header.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s9 .product-header.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s9 .product-header.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s9 .product-header.bg-dark.product-header,
  .page-s9 .product-header.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s9 .product-header.bg-dark.product-header,
  .page-s9 .product-header.bg-dark.product-header[class*=bg-],
  .page-s9 .product-header.bg-dark[class*=bg-],
  .page-s9 .product-header.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s9 .product-header.bg-dark.product-header .hintbox-icon img,
  .page-s9 .product-header.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s9 .product-header.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s9 .product-header.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s9 .product-header.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s9 .product-header.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .product-header.bg-dark .details--s9>.details .main-column[class*=bg-],
.page-s9 .product-header.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s9 .product-header.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s9 .product-header.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s9 .product-header.bg-dark .hintbox,
.page-s9 .product-header.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s9 .product-header.bg-dark,
.overlay-content .main-column>.page-s9 .product-header.bg-dark .page-s9 .product-header.bg-dark,
.overlay-content body>.page-s9 .product-header.bg-dark,
.overlay-content>.page-s9 .product-header.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s9 .product-header.bg-dark .page-s9 .product-header.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.page-s9 .product-header.bg-dark .product-label.product-label--overflow,
.overlay-content body>.page-s9 .product-header.bg-dark .product-label.product-label--overflow,
.overlay-content>.page-s9 .product-header.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s9 .product-header.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.page-s9 .product-header.bg-dark-accent .button--primary,
.page-s9 .product-header.bg-dark-accent .button--primary-positive,
.page-s9 .product-header.bg-dark-accent .button--secondary,
.page-s9 .product-header.bg-dark-accent .button--secondary-positive,
.page-s9 .product-header.bg-dark-accent .button--tertiary,
.page-s9 .product-header.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s9 .product-header.bg-dark-accent .button--primary,
.page-s9 .product-header.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s9 .product-header.bg-dark-accent .button--secondary,
.page-s9 .product-header.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.page-s9 .product-header.bg-dark-accent .button--tertiary,
.page-s9 .product-header.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.page-s9 .product-header.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s9 .product-header.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s9 .product-header.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s9 .product-header.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s9 .product-header.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s9 .product-header.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s9 .product-header.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s9 .product-header.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s9 .product-header.bg-dark-accent,
:where(main)>.page-s9 .product-header.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s9 .product-header.bg-dark-accent+*>*,
:where(main)>.page-s9 .product-header.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s9 .product-header.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s9 .product-header.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s9 .product-header.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s9 .product-header.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s9 .product-header.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s9 .product-header.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s9 .product-header.bg-dark-accent.product-header,
  .page-s9 .product-header.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s9 .product-header.bg-dark-accent.product-header,
  .page-s9 .product-header.bg-dark-accent.product-header[class*=bg-],
  .page-s9 .product-header.bg-dark-accent[class*=bg-],
  .page-s9 .product-header.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s9 .product-header.bg-dark-accent.product-header .hintbox-icon img,
  .page-s9 .product-header.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s9 .product-header.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s9 .product-header.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s9 .product-header.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s9 .product-header.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .product-header.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.page-s9 .product-header.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s9 .product-header.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s9 .product-header.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s9 .product-header.bg-dark-accent .hintbox,
.page-s9 .product-header.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s9 .product-header.bg-dark-accent,
.overlay-content .main-column>.page-s9 .product-header.bg-dark-accent .page-s9 .product-header.bg-dark-accent,
.overlay-content body>.page-s9 .product-header.bg-dark-accent,
.overlay-content>.page-s9 .product-header.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s9 .product-header.bg-dark-accent .page-s9 .product-header.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.page-s9 .product-header.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.page-s9 .product-header.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.page-s9 .product-header.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s9 .product-header.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-s9 .product-header.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s9 .product-header.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s9 .product-header.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s9 .product-header.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s9 .product-header.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s9 .product-header.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s9 .product-header.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s9 .product-header.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s9 .product-header.bg-light-accent,
:where(main)>.page-s9 .product-header.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s9 .product-header.bg-light-accent+*>*,
:where(main)>.page-s9 .product-header.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s9 .product-header.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s9 .product-header.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s9 .product-header.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s9 .product-header.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s9 .product-header.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s9 .product-header.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s9 .product-header.bg-light-accent.product-header,
  .page-s9 .product-header.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s9 .product-header.bg-light-accent.product-header,
  .page-s9 .product-header.bg-light-accent.product-header[class*=bg-],
  .page-s9 .product-header.bg-light-accent[class*=bg-],
  .page-s9 .product-header.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s9 .product-header.bg-light-accent.product-header .hintbox-icon img,
  .page-s9 .product-header.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s9 .product-header.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s9 .product-header.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s9 .product-header.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s9 .product-header.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .product-header.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.page-s9 .product-header.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s9 .product-header.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s9 .product-header.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s9 .product-header.bg-light-accent .hintbox,
.page-s9 .product-header.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s9 .product-header.bg-light-accent,
.overlay-content .main-column>.page-s9 .product-header.bg-light-accent .page-s9 .product-header.bg-light-accent,
.overlay-content body>.page-s9 .product-header.bg-light-accent,
.overlay-content>.page-s9 .product-header.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s9 .product-header.bg-light-accent .page-s9 .product-header.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.page-s9 .product-header.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.page-s9 .product-header.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.page-s9 .product-header.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s9 .product-header.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-s9 .product-header.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s9 .product-header.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s9 .product-header.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s9 .product-header.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s9 .product-header.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s9 .product-header.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s9 .product-header.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s9 .product-header.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s9 .product-header.bg-light-accent-secondary,
:where(main)>.page-s9 .product-header.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s9 .product-header.bg-light-accent-secondary+*>*,
:where(main)>.page-s9 .product-header.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s9 .product-header.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s9 .product-header.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s9 .product-header.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s9 .product-header.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s9 .product-header.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s9 .product-header.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s9 .product-header.bg-light-accent-secondary.product-header,
  .page-s9 .product-header.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s9 .product-header.bg-light-accent-secondary.product-header,
  .page-s9 .product-header.bg-light-accent-secondary.product-header[class*=bg-],
  .page-s9 .product-header.bg-light-accent-secondary[class*=bg-],
  .page-s9 .product-header.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s9 .product-header.bg-light-accent-secondary.product-header .hintbox-icon img,
  .page-s9 .product-header.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s9 .product-header.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s9 .product-header.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s9 .product-header.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s9 .product-header.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .product-header.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.page-s9 .product-header.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s9 .product-header.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s9 .product-header.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s9 .product-header.bg-light-accent-secondary .hintbox,
.page-s9 .product-header.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s9 .product-header.bg-light-accent-secondary,
.overlay-content .main-column>.page-s9 .product-header.bg-light-accent-secondary .page-s9 .product-header.bg-light-accent-secondary,
.overlay-content body>.page-s9 .product-header.bg-light-accent-secondary,
.overlay-content>.page-s9 .product-header.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s9 .product-header.bg-light-accent-secondary .page-s9 .product-header.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.page-s9 .product-header.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.page-s9 .product-header.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.page-s9 .product-header.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s9 .product-header.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-s9 .product-header.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s9 .product-header.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s9 .product-header.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s9 .product-header.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s9 .product-header.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s9 .product-header.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s9 .product-header.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s9 .product-header.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s9 .product-header.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s9 .product-header.bg-light,
:where(main)>.page-s9 .product-header.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s9 .product-header.bg-light+*>*,
:where(main)>.page-s9 .product-header.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s9 .product-header.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s9 .product-header.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s9 .product-header.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s9 .product-header.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s9 .product-header.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s9 .product-header.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s9 .product-header.bg-light.product-header,
  .page-s9 .product-header.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s9 .product-header.bg-light.product-header,
  .page-s9 .product-header.bg-light.product-header[class*=bg-],
  .page-s9 .product-header.bg-light[class*=bg-],
  .page-s9 .product-header.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s9 .product-header.bg-light.product-header .hintbox-icon img,
  .page-s9 .product-header.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s3 .main-column .page-s9 .product-header.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s9 .product-header.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s9 .product-header.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s9 .product-header.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .product-header.bg-light .details--s9>.details .main-column[class*=bg-],
.page-s9 .product-header.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s9 .product-header.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s9 .product-header.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s9 .product-header.bg-light .hintbox,
.page-s9 .product-header.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s9 .product-header.bg-light,
.overlay-content .main-column>.page-s9 .product-header.bg-light .page-s9 .product-header.bg-light,
.overlay-content body>.page-s9 .product-header.bg-light,
.overlay-content>.page-s9 .product-header.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s9 .product-header.bg-light .page-s9 .product-header.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.page-s9 .product-header.bg-light .product-label.product-label--overflow,
.overlay-content body>.page-s9 .product-header.bg-light .product-label.product-label--overflow,
.overlay-content>.page-s9 .product-header.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s9 .product-header-wrapper {
  padding-bottom: 35px
}

@media only print and (width >=0px) {
  .page-s9 .product-header-wrapper {
    padding-bottom: 40px
  }
}

@media only screen and (min-width:840px) {
  .page-s9 .product-header-wrapper {
    padding-bottom: 40px
  }
}

.page-s9 .product-header-headline {
  display: flex;
  flex-direction: column;
  margin-top: var(--space-small)
}

.page-s9 .product-header .description {
  margin-top: var(--space-small)
}

@media only screen and (max-width:calc(1280px - 1px)) {
  .page-s9 {
    margin-top: var(--space-large)
  }
}

.chatbot-trigger {
  --border-width: 1px;
  --border-color: var(--kfw-color-white);
  --border-style: solid;
  --height: 6rem;
  --margin-top: 0px;
  --border-radius: 0.4rem 0 0 0.4rem;
  background-color: var(--color-background);
  border-color: var(--border-color);
  border-radius: var(--border-radius);
  border-style: var(--border-style) none var(--border-style) var(--border-style);
  border-width: var(--border-width);
  display: flex;
  gap: .2rem;
  max-width: 6rem;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: calc(50vh - 3rem);
  z-index: 70
}

.chatbot-trigger.active,
.chatbot-trigger:focus-visible,
.chatbot-trigger:hover {
  max-width: 100vw
}

.chatbot-trigger:focus-visible .chatbot-trigger-description,
.chatbot-trigger:focus-visible .chatbot-trigger-label,
.chatbot-trigger:hover .chatbot-trigger-description,
.chatbot-trigger:hover .chatbot-trigger-label {
  background-color: var(--color-fn-active)
}

.chatbot-trigger:focus-visible .chatbot-trigger-description,
.chatbot-trigger:hover .chatbot-trigger-description {
  text-decoration: underline
}

.chatbot-trigger:focus-visible {
  --border-width: 2px;
  --border-style: dashed;
  --border-color: var(--color-fn-active);
  border-radius: var(--border-radius);
  outline: none
}

.chatbot-trigger.animate {
  transition: max-width 1.5s ease-in-out
}

.chatbot-trigger-description,
.chatbot-trigger-label {
  align-items: center;
  background-color: var(--color-fn);
  color: var(--color-font-on-dark-bg);
  display: flex;
  flex-shrink: 0;
  height: 100%;
  justify-content: center;
  line-height: 1.4rem;
  transition: background-color .1s ease-in-out
}

.chatbot-trigger-label {
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  font-size: 1.3rem;
  height: calc(var(--height) - var(--border-width)*2);
  padding: .9rem 0;
  width: calc(var(--height) - var(--border-width))
}

.chatbot-trigger-label .icon {
  font-size: 2.8rem;
  line-height: 1
}

.chatbot-trigger-description {
  font-size: 1.2rem;
  height: calc(var(--height) - var(--border-width)*2);
  padding: .9rem 2rem .9rem 1.1rem;
  text-align: left;
  width: 11.6rem
}

@media only print and (width >=0px) {
  .chatbot-trigger {
    right: max(0px, 50% - (var(--max-overflow-width)/2 + 6rem))
  }
}

@media only screen and (min-width:1280px) {
  .chatbot-trigger {
    right: max(0px, 50% - (var(--max-overflow-width)/2 + 6rem))
  }
}

.chatbot-chat {
  background-color: var(--color-background);
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  max-height: 100dvh;
  max-width: 100vw;
  min-height: 6.7rem;
  position: fixed;
  right: 0;
  width: 100vw;
  z-index: 104
}

@media only screen and (max-width:calc(600px - 1px)) {
  html.touch .chatbot-chat:not(.minimized, .transitioning) {
    left: 0;
    top: 0
  }
}

.chatbot-chat:not(.active) {
  display: none
}

.chatbot-chat.animate {
  transition: max-height .3s ease-in-out
}

.chatbot-chat.minimized {
  max-height: 0
}

.chatbot-chat.minimized .chatbot-chat-head .chatbot-action.chatbot-minimize {
  display: none
}

.chatbot-chat.minimized .chatbot-chat-head .chatbot-action.chatbot-maximize {
  display: block
}

.chatbot-chat.minimized .chatbot-chat-content {
  visibility: hidden
}

.chatbot-chat-head {
  align-items: center;
  background-color: var(--color-background-dark);
  color: var(--color-font-on-dark-bg);
  display: flex;
  height: 6.7rem;
  justify-content: space-between;
  padding: 1.3rem 1.5rem 1.3rem 2.2rem
}

.chatbot-chat-head-label {
  font-size: 2rem;
  line-height: 2.6rem
}

.chatbot-chat-head-actions {
  align-items: center;
  display: flex;
  gap: .9rem
}

.chatbot-chat-head .chatbot-action {
  align-items: center;
  border-radius: .4rem;
  color: var(--color-font-on-dark-bg);
  display: flex;
  height: 4rem;
  justify-content: center;
  overflow: hidden;
  width: 4rem
}

.chatbot-chat-head .chatbot-action:hover {
  background-color: var(--color-background);
  color: var(--color-fn-active)
}

.chatbot-chat-head .chatbot-action:focus-visible {
  border-radius: 4px;
  outline: 2px dashed var(--kfw-color-white);
  outline-offset: -2px
}

.chatbot-chat-head .chatbot-action.chatbot-maximize {
  display: none
}

.chatbot-chat-head .chatbot-action.chatbot-minimize .icon {
  margin-top: 35%
}

.chatbot-chat-head .chatbot-action .icon {
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: 1
}

.chatbot-chat-head .chatbot-action .icon:before {
  font-size: 2.7rem;
  height: 2.7rem;
  width: 2.7rem
}

@media only print and (width >=0px) {
  .chatbot-chat-head {
    height: 6rem
  }

  .chatbot-chat-head-label {
    font-size: 2.2rem;
    line-height: 2.9rem
  }

  .chatbot-chat-head-actions {
    gap: 1rem
  }

  .chatbot-chat-head .chatbot-action {
    height: 3.4rem;
    width: 3.4rem
  }

  .chatbot-chat-head .chatbot-action .icon:before {
    font-size: 2.4rem;
    height: 2.4rem;
    width: 2.4rem
  }
}

@media only screen and (min-width:1280px) {
  .chatbot-chat-head {
    height: 6rem
  }

  .chatbot-chat-head-label {
    font-size: 2.2rem;
    line-height: 2.9rem
  }

  .chatbot-chat-head-actions {
    gap: 1rem
  }

  .chatbot-chat-head .chatbot-action {
    height: 3.4rem;
    width: 3.4rem
  }

  .chatbot-chat-head .chatbot-action .icon:before {
    font-size: 2.4rem;
    height: 2.4rem;
    width: 2.4rem
  }
}

.chatbot-chat-content {
  border-width: 1px;
  border-bottom: 0 solid var(--color-background-dark);
  border-left: 1px solid var(--color-background-dark);
  border-right: 1px solid var(--color-background-dark);
  border-top: 0 solid var(--color-background-dark);
  flex: 1;
  position: relative
}

.chatbot-chat-content>div {
  background-color: var(--color-background);
  display: flex;
  flex-shrink: 0;
  inset: 0;
  justify-content: center;
  position: absolute
}

.chatbot-chat-content>div.loader {
  align-items: center
}

.chatbot-chat.loaded .chatbot-chat-content>div.loader,
.chatbot-chat:not(.loaded) .chatbot-chat-content>div.chat {
  display: none
}

.chatbot-chat-content>div.chat iframe {
  height: 100%;
  width: 100%
}

.chatbot-chat-content>div.error {
  background-color: var(--color-background-light-accent-1);
  color: var(--color-font-on-light-bg)
}

.chatbot-chat:not(.loaded.error) .chatbot-chat-content>div.error {
  display: none
}

.chatbot-chat-content>div.error,
.chatbot-chat-content>div.loader {
  align-items: center;
  padding: 20px
}

@media only print and (width >=0px) {
  .chatbot-chat {
    max-height: 50rem;
    max-width: 38rem
  }
}

@media only screen and (min-width:600px) {
  .chatbot-chat {
    max-height: 50rem;
    max-width: 38rem
  }
}

@media only print and (width >=0px) {
  .chatbot-chat {
    max-height: 60rem;
    max-width: 42rem;
    min-height: 6rem
  }
}

@media only screen and (min-width:1280px) {
  .chatbot-chat {
    max-height: 60rem;
    max-width: 42rem;
    min-height: 6rem
  }
}

.footer {
  --c-padding-y-bg: 0px;
  --c-padding-b-addition: 0px;
  --max-container-width: (100vw);
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2));
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg)
}

.details.details--acc1 .details-content>.footer:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.footer:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.footer:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.footer:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.footer:where(.hintbox, .programtile-container),
.two-column-container-content>.footer:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.footer:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.footer:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.footer,
:where(main)>.footer+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.footer+*>*,
:where(main)>.footer>* {
  --margin-top: initial
}

.footer:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .footer {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .footer:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .footer.product-header,
  .footer[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .footer.product-header,
  .footer.product-header[class*=bg-],
  .footer[class*=bg-],
  .footer[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .footer.product-header .hintbox-icon img,
  .footer[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.footer .details--s9>.details .main-column[class*=bg-],
.footer .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .footer:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .footer:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .footer:not(.hintbox)[class*=bg-],
.page-s9 .main-column .footer:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .footer:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .footer:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.footer .hintbox,
.footer.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.footer,
.overlay-content .main-column>.footer .footer,
.overlay-content body>.footer,
.overlay-content>.footer {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.footer .footer .product-label.product-label--overflow,
.overlay-content .main-column>.footer .product-label.product-label--overflow,
.overlay-content body>.footer .product-label.product-label--overflow,
.overlay-content>.footer .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.footer.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.footer.bg-dark .button--primary,
.footer.bg-dark .button--primary-positive,
.footer.bg-dark .button--secondary,
.footer.bg-dark .button--secondary-positive,
.footer.bg-dark .button--tertiary,
.footer.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.footer.bg-dark .button--primary,
.footer.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.footer.bg-dark .button--secondary,
.footer.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.footer.bg-dark .button--tertiary,
.footer.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.footer.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.footer.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.footer.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.footer.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.footer.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.footer.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.footer.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.footer.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.footer.bg-dark,
:where(main)>.footer.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.footer.bg-dark+*>*,
:where(main)>.footer.bg-dark>* {
  --margin-top: initial
}

.footer.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .footer.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .footer.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .footer.bg-dark.product-header,
  .footer.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .footer.bg-dark.product-header,
  .footer.bg-dark.product-header[class*=bg-],
  .footer.bg-dark[class*=bg-],
  .footer.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .footer.bg-dark.product-header .hintbox-icon img,
  .footer.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.footer.bg-dark .details--s9>.details .main-column[class*=bg-],
.footer.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .footer.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .footer.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .footer.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .footer.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .footer.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .footer.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.footer.bg-dark .hintbox,
.footer.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.footer.bg-dark,
.overlay-content .main-column>.footer.bg-dark .footer.bg-dark,
.overlay-content body>.footer.bg-dark,
.overlay-content>.footer.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.footer.bg-dark .footer.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.footer.bg-dark .product-label.product-label--overflow,
.overlay-content body>.footer.bg-dark .product-label.product-label--overflow,
.overlay-content>.footer.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.footer.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.footer.bg-dark-accent .button--primary,
.footer.bg-dark-accent .button--primary-positive,
.footer.bg-dark-accent .button--secondary,
.footer.bg-dark-accent .button--secondary-positive,
.footer.bg-dark-accent .button--tertiary,
.footer.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.footer.bg-dark-accent .button--primary,
.footer.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.footer.bg-dark-accent .button--secondary,
.footer.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.footer.bg-dark-accent .button--tertiary,
.footer.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.footer.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.footer.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.footer.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.footer.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.footer.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.footer.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.footer.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.footer.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.footer.bg-dark-accent,
:where(main)>.footer.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.footer.bg-dark-accent+*>*,
:where(main)>.footer.bg-dark-accent>* {
  --margin-top: initial
}

.footer.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .footer.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .footer.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .footer.bg-dark-accent.product-header,
  .footer.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .footer.bg-dark-accent.product-header,
  .footer.bg-dark-accent.product-header[class*=bg-],
  .footer.bg-dark-accent[class*=bg-],
  .footer.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .footer.bg-dark-accent.product-header .hintbox-icon img,
  .footer.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.footer.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.footer.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .footer.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .footer.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .footer.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .footer.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .footer.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .footer.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.footer.bg-dark-accent .hintbox,
.footer.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.footer.bg-dark-accent,
.overlay-content .main-column>.footer.bg-dark-accent .footer.bg-dark-accent,
.overlay-content body>.footer.bg-dark-accent,
.overlay-content>.footer.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.footer.bg-dark-accent .footer.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.footer.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.footer.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.footer.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.footer.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.footer.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.footer.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.footer.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.footer.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.footer.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.footer.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.footer.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.footer.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.footer.bg-light-accent,
:where(main)>.footer.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.footer.bg-light-accent+*>*,
:where(main)>.footer.bg-light-accent>* {
  --margin-top: initial
}

.footer.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .footer.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .footer.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .footer.bg-light-accent.product-header,
  .footer.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .footer.bg-light-accent.product-header,
  .footer.bg-light-accent.product-header[class*=bg-],
  .footer.bg-light-accent[class*=bg-],
  .footer.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .footer.bg-light-accent.product-header .hintbox-icon img,
  .footer.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.footer.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.footer.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .footer.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .footer.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .footer.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .footer.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .footer.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .footer.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.footer.bg-light-accent .hintbox,
.footer.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.footer.bg-light-accent,
.overlay-content .main-column>.footer.bg-light-accent .footer.bg-light-accent,
.overlay-content body>.footer.bg-light-accent,
.overlay-content>.footer.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.footer.bg-light-accent .footer.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.footer.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.footer.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.footer.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.footer.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.footer.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.footer.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.footer.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.footer.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.footer.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.footer.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.footer.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.footer.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.footer.bg-light-accent-secondary,
:where(main)>.footer.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.footer.bg-light-accent-secondary+*>*,
:where(main)>.footer.bg-light-accent-secondary>* {
  --margin-top: initial
}

.footer.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .footer.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .footer.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .footer.bg-light-accent-secondary.product-header,
  .footer.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .footer.bg-light-accent-secondary.product-header,
  .footer.bg-light-accent-secondary.product-header[class*=bg-],
  .footer.bg-light-accent-secondary[class*=bg-],
  .footer.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .footer.bg-light-accent-secondary.product-header .hintbox-icon img,
  .footer.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.footer.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.footer.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .footer.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .footer.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .footer.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .footer.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .footer.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .footer.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.footer.bg-light-accent-secondary .hintbox,
.footer.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.footer.bg-light-accent-secondary,
.overlay-content .main-column>.footer.bg-light-accent-secondary .footer.bg-light-accent-secondary,
.overlay-content body>.footer.bg-light-accent-secondary,
.overlay-content>.footer.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.footer.bg-light-accent-secondary .footer.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.footer.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.footer.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.footer.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.footer.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.footer.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.footer.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.footer.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.footer.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.footer.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.footer.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.footer.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.footer.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.footer.bg-light,
:where(main)>.footer.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.footer.bg-light+*>*,
:where(main)>.footer.bg-light>* {
  --margin-top: initial
}

.footer.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .footer.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .footer.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .footer.bg-light.product-header,
  .footer.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .footer.bg-light.product-header,
  .footer.bg-light.product-header[class*=bg-],
  .footer.bg-light[class*=bg-],
  .footer.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .footer.bg-light.product-header .hintbox-icon img,
  .footer.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.footer.bg-light .details--s9>.details .main-column[class*=bg-],
.footer.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .footer.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .footer.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .footer.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .footer.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .footer.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .footer.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.footer.bg-light .hintbox,
.footer.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.footer.bg-light,
.overlay-content .main-column>.footer.bg-light .footer.bg-light,
.overlay-content body>.footer.bg-light,
.overlay-content>.footer.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.footer.bg-light .footer.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.footer.bg-light .product-label.product-label--overflow,
.overlay-content body>.footer.bg-light .product-label.product-label--overflow,
.overlay-content>.footer.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.footer .button--primary,
.footer .button--primary-positive,
.footer .button--secondary,
.footer .button--secondary-positive,
.footer .button--tertiary,
.footer .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.footer .button--primary,
.footer .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.footer .button--secondary,
.footer .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.footer .button--tertiary,
.footer .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.footer-banner {
  display: flex;
  flex-direction: column;
  gap: var(--space-large) var(--gap);
  padding: var(--space-medium) 0
}

.footer-banner .footer-rating {
  width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
  --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
}

@media only print and (width >=0px) {
  .footer-banner .footer-rating {
    --columns: 12
  }
}

@media only screen and (min-width:600px) {
  .footer-banner .footer-rating {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .footer-banner .footer-rating {
    --col: 6;
    margin-bottom: 0
  }
}

@media only screen and (min-width:600px) {
  .footer-banner .footer-rating {
    --col: 6;
    margin-bottom: 0
  }
}

.footer-banner .footer-functions {
  width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
  --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
}

@media only print and (width >=0px) {
  .footer-banner .footer-functions {
    --columns: 12
  }
}

@media only screen and (min-width:600px) {
  .footer-banner .footer-functions {
    --columns: 12
  }
}

.footer-banner .footer-functions>.list {
  display: inline-flex;
  gap: var(--space-large);
  margin-bottom: 0
}

.footer-banner .footer-functions>.list .list-item {
  padding-bottom: 0
}

@media only print and (width >=0px) {
  .footer-banner .footer-functions {
    --col: 6;
    text-align: right
  }
}

@media only screen and (min-width:600px) {
  .footer-banner .footer-functions {
    --col: 6;
    text-align: right
  }
}

@media only print and (width >=0px) {
  .footer-banner {
    flex-direction: row;
    justify-content: flex-end
  }
}

@media only screen and (min-width:600px) {
  .footer-banner {
    flex-direction: row;
    justify-content: flex-end
  }
}

.footer-info {
  display: block;
  padding: var(--space-medium) 0 var(--space-large)
}

.footer-info-links {
  width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
  --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
}

@media only print and (width >=0px) {
  .footer-info-links {
    --columns: 12
  }
}

@media only screen and (min-width:600px) {
  .footer-info-links {
    --columns: 12
  }
}

.footer-info-links .details ul.list,
.footer-info-links>ul.list {
  margin-bottom: 0
}

.footer-info-links .details ul.list>.list-item:not(:last-child),
.footer-info-links>ul.list>.list-item:not(:last-child) {
  padding-bottom: 1.6rem
}

.footer-info-links .details.details--acc3>.details-title .details-title-label h2,
.footer-info-links>h2.hl-5 {
  color: var(--color-font-headlines-on-dark-bg)
}

.footer-info-links .details.details--acc3 {
  border-color: var(--color-line-8);
  margin: auto auto 0;
  padding: 0
}

.footer-info-links .details.details--acc3 .tag,
.footer-info-links .details.details--acc3>.details-title .details-title-label h2 {
  font-weight: 400
}

.footer-info-links .details.details--acc3>.details-content {
  overflow: visible
}

@media only print and (width >=0px) {
  .footer-info-links .details.details--acc3 {
    border-bottom: 0;
    margin-bottom: 0;
    padding-left: 0
  }

  .footer-info-links .details.details--acc3>.details-content {
    display: block;
    padding: unset
  }

  .footer-info-links .details.details--acc3>.details-title {
    color: unset;
    cursor: default;
    margin-bottom: 1rem;
    padding: unset
  }

  .footer-info-links .details.details--acc3>.details-title:hover,
  .footer-info-links .details.details--acc3>.details-title:hover .details-title-label h2,
  .footer-info-links .details.details--acc3>.details-title:hover .tag {
    text-decoration: none
  }

  .footer-info-links .details.details--acc3>.details-title>.details-title-label .tag,
  .footer-info-links .details.details--acc3>.details-title>.details-title-label h2 {
    font-weight: inherit
  }

  .footer-info-links .details.details--acc3>.details-title>.details-title-label .icons {
    display: none
  }
}

@media only screen and (min-width:840px) {
  .footer-info-links .details.details--acc3 {
    border-bottom: 0;
    margin-bottom: 0;
    padding-left: 0
  }

  .footer-info-links .details.details--acc3>.details-content {
    display: block;
    padding: unset
  }

  .footer-info-links .details.details--acc3>.details-title {
    color: unset;
    cursor: default;
    margin-bottom: 1rem;
    padding: unset
  }

  .footer-info-links .details.details--acc3>.details-title:hover,
  .footer-info-links .details.details--acc3>.details-title:hover .details-title-label h2,
  .footer-info-links .details.details--acc3>.details-title:hover .tag {
    text-decoration: none
  }

  .footer-info-links .details.details--acc3>.details-title>.details-title-label .tag,
  .footer-info-links .details.details--acc3>.details-title>.details-title-label h2 {
    font-weight: inherit
  }

  .footer-info-links .details.details--acc3>.details-title>.details-title-label .icons {
    display: none
  }
}

@media only print and (width >=0px) {
  .footer-info-links {
    --col: 3
  }
}

@media only screen and (min-width:840px) {
  .footer-info-links {
    --col: 3
  }
}

.footer-info>.social-media-links {
  margin-top: var(--space-large)
}

@media only print and (width >=0px) {
  .footer-info>.social-media-links {
    margin-top: 0
  }
}

@media only screen and (min-width:840px) {
  .footer-info>.social-media-links {
    margin-top: 0
  }
}

@media only print and (width >=0px) {
  .footer-info {
    padding-top: var(--space-medium)
  }
}

@media only screen and (min-width:600px) {
  .footer-info {
    padding-top: var(--space-medium)
  }
}

@media only print and (width >=0px) {
  .footer-info {
    display: flex;
    gap: var(--gap);
    padding: var(--space-medium) 0 var(--space-large)
  }
}

@media only screen and (min-width:840px) {
  .footer-info {
    display: flex;
    gap: var(--gap);
    padding: var(--space-medium) 0 var(--space-large)
  }
}

.footer-legally {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  gap: var(--space-medium);
  margin-top: 0 !important;
  padding: 0 0 var(--space-large)
}

.footer-legally-copyright {
  margin: 0;
  width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
  --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
}

@media only print and (width >=0px) {
  .footer-legally-copyright {
    --columns: 12
  }
}

@media only screen and (min-width:600px) {
  .footer-legally-copyright {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .footer-legally-copyright {
    --col: 3;
    flex-shrink: 0
  }
}

@media only screen and (min-width:960px) {
  .footer-legally-copyright {
    --col: 3;
    flex-shrink: 0
  }
}

.footer-legally-linklist {
  flex-grow: 0;
  margin-bottom: 0;
  width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
  --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
}

@media only print and (width >=0px) {
  .footer-legally-linklist {
    --columns: 12
  }
}

@media only screen and (min-width:600px) {
  .footer-legally-linklist {
    --columns: 12
  }
}

.footer-legally-linklist>.list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem 3.5rem;
  margin-bottom: 0
}

.footer-legally-linklist>.list>.list-item {
  display: flex;
  padding-bottom: 0
}

.footer-legally-linklist>.list>.list-item>.type-text {
  display: inline-flex
}

@media only print and (width >=0px) {
  .footer-legally-linklist>.list {
    column-gap: 4rem
  }
}

@media only screen and (min-width:840px) {
  .footer-legally-linklist>.list {
    column-gap: 4rem
  }
}

@media only print and (width >=0px) {
  .footer-legally-linklist {
    flex-grow: 1
  }
}

@media only screen and (min-width:960px) {
  .footer-legally-linklist {
    flex-grow: 1
  }
}

@media only print and (width >=0px) {
  .footer-legally-linklist {
    flex-grow: 0
  }
}

@media only screen and (min-width:1280px) {
  .footer-legally-linklist {
    flex-grow: 0
  }
}

.footer-legally-top-button {
  width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
  --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
}

@media only print and (width >=0px) {
  .footer-legally-top-button {
    --columns: 12
  }
}

@media only screen and (min-width:600px) {
  .footer-legally-top-button {
    --columns: 12
  }
}

.footer-legally-top-button>.button-container {
  margin: 0
}

@media only print and (width >=0px) {
  .footer-legally-top-button {
    flex-shrink: 0
  }
}

@media only screen and (min-width:960px) {
  .footer-legally-top-button {
    flex-shrink: 0
  }
}

@media only print and (width >=0px) {
  .footer-legally-top-button {
    --col: 3
  }
}

@media only screen and (min-width:1280px) {
  .footer-legally-top-button {
    --col: 3
  }
}

@media only print and (width >=0px) {
  .footer-legally {
    padding-bottom: 4rem
  }
}

@media only screen and (min-width:840px) {
  .footer-legally {
    padding-bottom: 4rem
  }
}

@media only print and (width >=0px) {
  .footer-legally {
    flex-direction: row;
    gap: var(--gap)
  }
}

@media only screen and (min-width:960px) {
  .footer-legally {
    flex-direction: row;
    gap: var(--gap)
  }
}

.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

@media print {
  .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.footer .ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.footer .ln-11.bg-dark {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-dark);
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.footer .ln-11.bg-dark .button--primary,
.footer .ln-11.bg-dark .button--primary-positive,
.footer .ln-11.bg-dark .button--secondary,
.footer .ln-11.bg-dark .button--secondary-positive,
.footer .ln-11.bg-dark .button--tertiary,
.footer .ln-11.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.footer .ln-11.bg-dark .button--primary,
.footer .ln-11.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.footer .ln-11.bg-dark .button--secondary,
.footer .ln-11.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.footer .ln-11.bg-dark .button--tertiary,
.footer .ln-11.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.footer .ln-11.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.footer .ln-11.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.footer .ln-11.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.footer .ln-11.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.footer .ln-11.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.footer .ln-11.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.footer .ln-11.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.footer .ln-11.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.footer .ln-11.bg-dark,
:where(main)>.footer .ln-11.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.footer .ln-11.bg-dark+*>*,
:where(main)>.footer .ln-11.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .footer .ln-11.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .footer .ln-11.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.footer .ln-11.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

@media print {
  .footer .ln-11.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .footer .ln-11.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .footer .ln-11.bg-dark.product-header,
  .footer .ln-11.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .footer .ln-11.bg-dark.product-header,
  .footer .ln-11.bg-dark.product-header[class*=bg-],
  .footer .ln-11.bg-dark[class*=bg-],
  .footer .ln-11.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .footer .ln-11.bg-dark.product-header .hintbox-icon img,
  .footer .ln-11.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.footer .ln-11.bg-dark .details--s9>.details .main-column[class*=bg-],
.footer .ln-11.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .footer .ln-11.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .footer .ln-11.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .footer .ln-11.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .footer .ln-11.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .footer .ln-11.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .footer .ln-11.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.footer .ln-11.bg-dark .hintbox,
.footer .ln-11.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.footer .ln-11.bg-dark,
.overlay-content .main-column>.footer .ln-11.bg-dark .footer .ln-11.bg-dark,
.overlay-content body>.footer .ln-11.bg-dark,
.overlay-content>.footer .ln-11.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.footer .ln-11.bg-dark .footer .ln-11.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.footer .ln-11.bg-dark .product-label.product-label--overflow,
.overlay-content body>.footer .ln-11.bg-dark .product-label.product-label--overflow,
.overlay-content>.footer .ln-11.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.footer .ln-11.bg-dark-accent {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-dark-accent);
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.footer .ln-11.bg-dark-accent .button--primary,
.footer .ln-11.bg-dark-accent .button--primary-positive,
.footer .ln-11.bg-dark-accent .button--secondary,
.footer .ln-11.bg-dark-accent .button--secondary-positive,
.footer .ln-11.bg-dark-accent .button--tertiary,
.footer .ln-11.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.footer .ln-11.bg-dark-accent .button--primary,
.footer .ln-11.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.footer .ln-11.bg-dark-accent .button--secondary,
.footer .ln-11.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.footer .ln-11.bg-dark-accent .button--tertiary,
.footer .ln-11.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.footer .ln-11.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.footer .ln-11.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.footer .ln-11.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.footer .ln-11.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.footer .ln-11.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.footer .ln-11.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.footer .ln-11.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.footer .ln-11.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.footer .ln-11.bg-dark-accent,
:where(main)>.footer .ln-11.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.footer .ln-11.bg-dark-accent+*>*,
:where(main)>.footer .ln-11.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .footer .ln-11.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .footer .ln-11.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.footer .ln-11.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

@media print {
  .footer .ln-11.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .footer .ln-11.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .footer .ln-11.bg-dark-accent.product-header,
  .footer .ln-11.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .footer .ln-11.bg-dark-accent.product-header,
  .footer .ln-11.bg-dark-accent.product-header[class*=bg-],
  .footer .ln-11.bg-dark-accent[class*=bg-],
  .footer .ln-11.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .footer .ln-11.bg-dark-accent.product-header .hintbox-icon img,
  .footer .ln-11.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.footer .ln-11.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.footer .ln-11.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .footer .ln-11.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .footer .ln-11.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .footer .ln-11.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .footer .ln-11.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .footer .ln-11.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .footer .ln-11.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.footer .ln-11.bg-dark-accent .hintbox,
.footer .ln-11.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.footer .ln-11.bg-dark-accent,
.overlay-content .main-column>.footer .ln-11.bg-dark-accent .footer .ln-11.bg-dark-accent,
.overlay-content body>.footer .ln-11.bg-dark-accent,
.overlay-content>.footer .ln-11.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.footer .ln-11.bg-dark-accent .footer .ln-11.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.footer .ln-11.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.footer .ln-11.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.footer .ln-11.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.footer .ln-11.bg-light-accent {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light-accent-1);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.footer .ln-11.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.footer .ln-11.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.footer .ln-11.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.footer .ln-11.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.footer .ln-11.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.footer .ln-11.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.footer .ln-11.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.footer .ln-11.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.footer .ln-11.bg-light-accent,
:where(main)>.footer .ln-11.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.footer .ln-11.bg-light-accent+*>*,
:where(main)>.footer .ln-11.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .footer .ln-11.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .footer .ln-11.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.footer .ln-11.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

@media print {
  .footer .ln-11.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .footer .ln-11.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .footer .ln-11.bg-light-accent.product-header,
  .footer .ln-11.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .footer .ln-11.bg-light-accent.product-header,
  .footer .ln-11.bg-light-accent.product-header[class*=bg-],
  .footer .ln-11.bg-light-accent[class*=bg-],
  .footer .ln-11.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .footer .ln-11.bg-light-accent.product-header .hintbox-icon img,
  .footer .ln-11.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.footer .ln-11.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.footer .ln-11.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .footer .ln-11.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .footer .ln-11.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .footer .ln-11.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .footer .ln-11.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .footer .ln-11.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .footer .ln-11.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.footer .ln-11.bg-light-accent .hintbox,
.footer .ln-11.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.footer .ln-11.bg-light-accent,
.overlay-content .main-column>.footer .ln-11.bg-light-accent .footer .ln-11.bg-light-accent,
.overlay-content body>.footer .ln-11.bg-light-accent,
.overlay-content>.footer .ln-11.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.footer .ln-11.bg-light-accent .footer .ln-11.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.footer .ln-11.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.footer .ln-11.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.footer .ln-11.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.footer .ln-11.bg-light-accent-secondary {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light-accent-2);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.footer .ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.footer .ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.footer .ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.footer .ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.footer .ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.footer .ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.footer .ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.footer .ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.footer .ln-11.bg-light-accent-secondary,
:where(main)>.footer .ln-11.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.footer .ln-11.bg-light-accent-secondary+*>*,
:where(main)>.footer .ln-11.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .footer .ln-11.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .footer .ln-11.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.footer .ln-11.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

@media print {
  .footer .ln-11.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .footer .ln-11.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .footer .ln-11.bg-light-accent-secondary.product-header,
  .footer .ln-11.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .footer .ln-11.bg-light-accent-secondary.product-header,
  .footer .ln-11.bg-light-accent-secondary.product-header[class*=bg-],
  .footer .ln-11.bg-light-accent-secondary[class*=bg-],
  .footer .ln-11.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .footer .ln-11.bg-light-accent-secondary.product-header .hintbox-icon img,
  .footer .ln-11.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.footer .ln-11.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.footer .ln-11.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .footer .ln-11.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .footer .ln-11.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .footer .ln-11.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .footer .ln-11.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .footer .ln-11.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .footer .ln-11.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.footer .ln-11.bg-light-accent-secondary .hintbox,
.footer .ln-11.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.footer .ln-11.bg-light-accent-secondary,
.overlay-content .main-column>.footer .ln-11.bg-light-accent-secondary .footer .ln-11.bg-light-accent-secondary,
.overlay-content body>.footer .ln-11.bg-light-accent-secondary,
.overlay-content>.footer .ln-11.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.footer .ln-11.bg-light-accent-secondary .footer .ln-11.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.footer .ln-11.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.footer .ln-11.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.footer .ln-11.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.footer .ln-11.bg-light {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.footer .ln-11.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.footer .ln-11.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.footer .ln-11.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.footer .ln-11.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.footer .ln-11.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.footer .ln-11.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.footer .ln-11.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.footer .ln-11.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.footer .ln-11.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.footer .ln-11.bg-light,
:where(main)>.footer .ln-11.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.footer .ln-11.bg-light+*>*,
:where(main)>.footer .ln-11.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .footer .ln-11.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .footer .ln-11.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.footer .ln-11.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

@media print {
  .footer .ln-11.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .footer .ln-11.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .footer .ln-11.bg-light.product-header,
  .footer .ln-11.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .footer .ln-11.bg-light.product-header,
  .footer .ln-11.bg-light.product-header[class*=bg-],
  .footer .ln-11.bg-light[class*=bg-],
  .footer .ln-11.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .footer .ln-11.bg-light.product-header .hintbox-icon img,
  .footer .ln-11.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.footer .ln-11.bg-light .details--s9>.details .main-column[class*=bg-],
.footer .ln-11.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .footer .ln-11.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .footer .ln-11.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .footer .ln-11.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .footer .ln-11.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .footer .ln-11.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .footer .ln-11.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.footer .ln-11.bg-light .hintbox,
.footer .ln-11.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.footer .ln-11.bg-light,
.overlay-content .main-column>.footer .ln-11.bg-light .footer .ln-11.bg-light,
.overlay-content body>.footer .ln-11.bg-light,
.overlay-content>.footer .ln-11.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.footer .ln-11.bg-light .footer .ln-11.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.footer .ln-11.bg-light .product-label.product-label--overflow,
.overlay-content body>.footer .ln-11.bg-light .product-label.product-label--overflow,
.overlay-content>.footer .ln-11.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.page-intro:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-intro.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.page-intro.bg-dark .button--primary,
.page-intro.bg-dark .button--primary-positive,
.page-intro.bg-dark .button--secondary,
.page-intro.bg-dark .button--secondary-positive,
.page-intro.bg-dark .button--tertiary,
.page-intro.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-intro.bg-dark .button--primary,
.page-intro.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-intro.bg-dark .button--secondary,
.page-intro.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.page-intro.bg-dark .button--tertiary,
.page-intro.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.page-intro.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-intro.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-intro.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-intro.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-intro.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.page-intro.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-intro.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-intro.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-intro.bg-dark,
:where(main)>.page-intro.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-intro.bg-dark+*>*,
:where(main)>.page-intro.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-intro.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-intro.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-intro.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-intro.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-intro.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-intro.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-intro.bg-dark.product-header,
  .page-intro.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-intro.bg-dark.product-header,
  .page-intro.bg-dark.product-header[class*=bg-],
  .page-intro.bg-dark[class*=bg-],
  .page-intro.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-intro.bg-dark.product-header .hintbox-icon img,
  .page-intro.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-intro.bg-dark .details--s9>.details .main-column[class*=bg-],
.page-intro.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-intro.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-intro.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-intro.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-intro.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-intro.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-intro.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-intro.bg-dark .hintbox,
.page-intro.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-intro.bg-dark,
.overlay-content .main-column>.page-intro.bg-dark .page-intro.bg-dark,
.overlay-content body>.page-intro.bg-dark,
.overlay-content>.page-intro.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-intro.bg-dark .page-intro.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.page-intro.bg-dark .product-label.product-label--overflow,
.overlay-content body>.page-intro.bg-dark .product-label.product-label--overflow,
.overlay-content>.page-intro.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-intro.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.page-intro.bg-dark-accent .button--primary,
.page-intro.bg-dark-accent .button--primary-positive,
.page-intro.bg-dark-accent .button--secondary,
.page-intro.bg-dark-accent .button--secondary-positive,
.page-intro.bg-dark-accent .button--tertiary,
.page-intro.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-intro.bg-dark-accent .button--primary,
.page-intro.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-intro.bg-dark-accent .button--secondary,
.page-intro.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.page-intro.bg-dark-accent .button--tertiary,
.page-intro.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.page-intro.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-intro.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-intro.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-intro.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-intro.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.page-intro.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-intro.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-intro.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-intro.bg-dark-accent,
:where(main)>.page-intro.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-intro.bg-dark-accent+*>*,
:where(main)>.page-intro.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-intro.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-intro.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-intro.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-intro.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-intro.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-intro.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-intro.bg-dark-accent.product-header,
  .page-intro.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-intro.bg-dark-accent.product-header,
  .page-intro.bg-dark-accent.product-header[class*=bg-],
  .page-intro.bg-dark-accent[class*=bg-],
  .page-intro.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-intro.bg-dark-accent.product-header .hintbox-icon img,
  .page-intro.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-intro.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.page-intro.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-intro.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-intro.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-intro.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-intro.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-intro.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-intro.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-intro.bg-dark-accent .hintbox,
.page-intro.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-intro.bg-dark-accent,
.overlay-content .main-column>.page-intro.bg-dark-accent .page-intro.bg-dark-accent,
.overlay-content body>.page-intro.bg-dark-accent,
.overlay-content>.page-intro.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-intro.bg-dark-accent .page-intro.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.page-intro.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.page-intro.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.page-intro.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-intro.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-intro.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-intro.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-intro.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-intro.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-intro.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.page-intro.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-intro.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-intro.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-intro.bg-light-accent,
:where(main)>.page-intro.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-intro.bg-light-accent+*>*,
:where(main)>.page-intro.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-intro.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-intro.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-intro.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-intro.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-intro.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-intro.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-intro.bg-light-accent.product-header,
  .page-intro.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-intro.bg-light-accent.product-header,
  .page-intro.bg-light-accent.product-header[class*=bg-],
  .page-intro.bg-light-accent[class*=bg-],
  .page-intro.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-intro.bg-light-accent.product-header .hintbox-icon img,
  .page-intro.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-intro.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.page-intro.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-intro.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-intro.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-intro.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-intro.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-intro.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-intro.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-intro.bg-light-accent .hintbox,
.page-intro.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-intro.bg-light-accent,
.overlay-content .main-column>.page-intro.bg-light-accent .page-intro.bg-light-accent,
.overlay-content body>.page-intro.bg-light-accent,
.overlay-content>.page-intro.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-intro.bg-light-accent .page-intro.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.page-intro.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.page-intro.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.page-intro.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-intro.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-intro.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-intro.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-intro.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-intro.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-intro.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.page-intro.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-intro.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-intro.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-intro.bg-light-accent-secondary,
:where(main)>.page-intro.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-intro.bg-light-accent-secondary+*>*,
:where(main)>.page-intro.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-intro.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-intro.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-intro.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-intro.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-intro.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-intro.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-intro.bg-light-accent-secondary.product-header,
  .page-intro.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-intro.bg-light-accent-secondary.product-header,
  .page-intro.bg-light-accent-secondary.product-header[class*=bg-],
  .page-intro.bg-light-accent-secondary[class*=bg-],
  .page-intro.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-intro.bg-light-accent-secondary.product-header .hintbox-icon img,
  .page-intro.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-intro.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.page-intro.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-intro.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-intro.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-intro.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-intro.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-intro.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-intro.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-intro.bg-light-accent-secondary .hintbox,
.page-intro.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-intro.bg-light-accent-secondary,
.overlay-content .main-column>.page-intro.bg-light-accent-secondary .page-intro.bg-light-accent-secondary,
.overlay-content body>.page-intro.bg-light-accent-secondary,
.overlay-content>.page-intro.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-intro.bg-light-accent-secondary .page-intro.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.page-intro.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.page-intro.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.page-intro.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-intro.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-intro.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-intro.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-intro.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-intro.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-intro.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.page-intro.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-intro.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-intro.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-intro.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-intro.bg-light,
:where(main)>.page-intro.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-intro.bg-light+*>*,
:where(main)>.page-intro.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-intro.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-intro.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-intro.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-intro.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-intro.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-intro.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-intro.bg-light.product-header,
  .page-intro.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-intro.bg-light.product-header,
  .page-intro.bg-light.product-header[class*=bg-],
  .page-intro.bg-light[class*=bg-],
  .page-intro.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-intro.bg-light.product-header .hintbox-icon img,
  .page-intro.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-intro.bg-light .details--s9>.details .main-column[class*=bg-],
.page-intro.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-intro.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-intro.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-intro.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-intro.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-intro.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-intro.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-intro.bg-light .hintbox,
.page-intro.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-intro.bg-light,
.overlay-content .main-column>.page-intro.bg-light .page-intro.bg-light,
.overlay-content body>.page-intro.bg-light,
.overlay-content>.page-intro.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-intro.bg-light .page-intro.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.page-intro.bg-light .product-label.product-label--overflow,
.overlay-content body>.page-intro.bg-light .product-label.product-label--overflow,
.overlay-content>.page-intro.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-intro-text,
.page-intro-text>.list>.list-item,
.page-intro>:last-child {
  margin-bottom: 0
}

.page-intro .button-container {
  margin-bottom: 0;
  margin-top: 3rem
}

.page-intro h1 {
  margin-bottom: var(--space-small)
}

.page-intro .product-label {
  --pl: 1rem;
  margin-bottom: .5rem
}

.header-container {
  --max-container-width: 100vw;
  background-color: var(--color-background);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-y-bg: 0px;
  --c-padding-b-addition: 0px;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.header-container:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.header-container:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.header-container:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.header-container:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.header-container:where(.hintbox, .programtile-container),
.two-column-container-content>.header-container:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.header-container:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.header-container:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container+:not(.bg-white):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container+:not(.bg-white):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.header-container,
:where(main)>.header-container+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.header-container+*>*,
:where(main)>.header-container>* {
  --margin-top: initial
}

@media print {
  .header-container {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .header-container:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .header-container.product-header,
  .header-container[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .header-container.product-header,
  .header-container.product-header[class*=bg-],
  .header-container[class*=bg-],
  .header-container[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .header-container.product-header .hintbox-icon img,
  .header-container[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.header-container .details--s9>.details .main-column[class*=bg-],
.header-container .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .header-container:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .header-container:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .header-container:not(.hintbox)[class*=bg-],
.page-s9 .main-column .header-container:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .header-container:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .header-container:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.header-container .hintbox,
.header-container.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.header-container,
.overlay-content .main-column>.header-container .header-container,
.overlay-content body>.header-container,
.overlay-content>.header-container {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.header-container .header-container .product-label.product-label--overflow,
.overlay-content .main-column>.header-container .product-label.product-label--overflow,
.overlay-content body>.header-container .product-label.product-label--overflow,
.overlay-content>.header-container .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.header-container.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.header-container.bg-dark .button--primary,
.header-container.bg-dark .button--primary-positive,
.header-container.bg-dark .button--secondary,
.header-container.bg-dark .button--secondary-positive,
.header-container.bg-dark .button--tertiary,
.header-container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.header-container.bg-dark .button--primary,
.header-container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.header-container.bg-dark .button--secondary,
.header-container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.header-container.bg-dark .button--tertiary,
.header-container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.header-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.header-container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.header-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.header-container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.header-container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.header-container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.header-container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.header-container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.header-container.bg-dark,
:where(main)>.header-container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.header-container.bg-dark+*>*,
:where(main)>.header-container.bg-dark>* {
  --margin-top: initial
}

@media print {
  .header-container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .header-container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .header-container.bg-dark.product-header,
  .header-container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .header-container.bg-dark.product-header,
  .header-container.bg-dark.product-header[class*=bg-],
  .header-container.bg-dark[class*=bg-],
  .header-container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .header-container.bg-dark.product-header .hintbox-icon img,
  .header-container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.header-container.bg-dark .details--s9>.details .main-column[class*=bg-],
.header-container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .header-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .header-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .header-container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .header-container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .header-container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .header-container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.header-container.bg-dark .hintbox,
.header-container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.header-container.bg-dark,
.overlay-content .main-column>.header-container.bg-dark .header-container.bg-dark,
.overlay-content body>.header-container.bg-dark,
.overlay-content>.header-container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.header-container.bg-dark .header-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.header-container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.header-container.bg-dark .product-label.product-label--overflow,
.overlay-content>.header-container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.header-container.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.header-container.bg-dark-accent .button--primary,
.header-container.bg-dark-accent .button--primary-positive,
.header-container.bg-dark-accent .button--secondary,
.header-container.bg-dark-accent .button--secondary-positive,
.header-container.bg-dark-accent .button--tertiary,
.header-container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.header-container.bg-dark-accent .button--primary,
.header-container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.header-container.bg-dark-accent .button--secondary,
.header-container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.header-container.bg-dark-accent .button--tertiary,
.header-container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.header-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.header-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.header-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.header-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.header-container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.header-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.header-container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.header-container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.header-container.bg-dark-accent,
:where(main)>.header-container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.header-container.bg-dark-accent+*>*,
:where(main)>.header-container.bg-dark-accent>* {
  --margin-top: initial
}

@media print {
  .header-container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .header-container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .header-container.bg-dark-accent.product-header,
  .header-container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .header-container.bg-dark-accent.product-header,
  .header-container.bg-dark-accent.product-header[class*=bg-],
  .header-container.bg-dark-accent[class*=bg-],
  .header-container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .header-container.bg-dark-accent.product-header .hintbox-icon img,
  .header-container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.header-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.header-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .header-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .header-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .header-container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .header-container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .header-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .header-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.header-container.bg-dark-accent .hintbox,
.header-container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.header-container.bg-dark-accent,
.overlay-content .main-column>.header-container.bg-dark-accent .header-container.bg-dark-accent,
.overlay-content body>.header-container.bg-dark-accent,
.overlay-content>.header-container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.header-container.bg-dark-accent .header-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.header-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.header-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.header-container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.header-container.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.header-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.header-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.header-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.header-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.header-container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.header-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.header-container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.header-container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.header-container.bg-light-accent,
:where(main)>.header-container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.header-container.bg-light-accent+*>*,
:where(main)>.header-container.bg-light-accent>* {
  --margin-top: initial
}

@media print {
  .header-container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .header-container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .header-container.bg-light-accent.product-header,
  .header-container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .header-container.bg-light-accent.product-header,
  .header-container.bg-light-accent.product-header[class*=bg-],
  .header-container.bg-light-accent[class*=bg-],
  .header-container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .header-container.bg-light-accent.product-header .hintbox-icon img,
  .header-container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.header-container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.header-container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .header-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .header-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .header-container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .header-container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .header-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .header-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.header-container.bg-light-accent .hintbox,
.header-container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.header-container.bg-light-accent,
.overlay-content .main-column>.header-container.bg-light-accent .header-container.bg-light-accent,
.overlay-content body>.header-container.bg-light-accent,
.overlay-content>.header-container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.header-container.bg-light-accent .header-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.header-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.header-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.header-container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.header-container.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.header-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.header-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.header-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.header-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.header-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.header-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.header-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.header-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.header-container.bg-light-accent-secondary,
:where(main)>.header-container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.header-container.bg-light-accent-secondary+*>*,
:where(main)>.header-container.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media print {
  .header-container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .header-container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .header-container.bg-light-accent-secondary.product-header,
  .header-container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .header-container.bg-light-accent-secondary.product-header,
  .header-container.bg-light-accent-secondary.product-header[class*=bg-],
  .header-container.bg-light-accent-secondary[class*=bg-],
  .header-container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .header-container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .header-container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.header-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.header-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .header-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .header-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .header-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .header-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .header-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .header-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.header-container.bg-light-accent-secondary .hintbox,
.header-container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.header-container.bg-light-accent-secondary,
.overlay-content .main-column>.header-container.bg-light-accent-secondary .header-container.bg-light-accent-secondary,
.overlay-content body>.header-container.bg-light-accent-secondary,
.overlay-content>.header-container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.header-container.bg-light-accent-secondary .header-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.header-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.header-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.header-container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.header-container.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.header-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.header-container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.header-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.header-container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.header-container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.header-container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.header-container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.header-container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.header-container.bg-light,
:where(main)>.header-container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.header-container.bg-light+*>*,
:where(main)>.header-container.bg-light>* {
  --margin-top: initial
}

@media print {
  .header-container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .header-container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .header-container.bg-light.product-header,
  .header-container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .header-container.bg-light.product-header,
  .header-container.bg-light.product-header[class*=bg-],
  .header-container.bg-light[class*=bg-],
  .header-container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .header-container.bg-light.product-header .hintbox-icon img,
  .header-container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.header-container.bg-light .details--s9>.details .main-column[class*=bg-],
.header-container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .header-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .header-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .header-container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .header-container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .header-container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .header-container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.header-container.bg-light .hintbox,
.header-container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.header-container.bg-light,
.overlay-content .main-column>.header-container.bg-light .header-container.bg-light,
.overlay-content body>.header-container.bg-light,
.overlay-content>.header-container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.header-container.bg-light .header-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.header-container.bg-light .product-label.product-label--overflow,
.overlay-content body>.header-container.bg-light .product-label.product-label--overflow,
.overlay-content>.header-container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.header-container {
  width: 100%;
  z-index: 90
}

.header-container.sticky {
  --autosuggest-position: fixed;
  --header-height: var(--header-height-sticky);
  padding-top: 0;
  position: sticky;
  top: 0
}

@media only print and (width >=0px) {
  .header-container.sticky>.header {
    display: none
  }
}

@media only screen and (min-width:1280px) {
  .header-container.sticky>.header {
    display: none
  }
}

@media only print and (width >=0px) {
  .header-container.sticky>.ln-11 {
    display: block
  }
}

@media only screen and (min-width:1280px) {
  .header-container.sticky>.ln-11 {
    display: block
  }
}

.header-container.sticky>.header-navigation:not(.hide-search)>.main-navigation-container>.main-navigation>.main-navigation-search {
  display: flex
}

.header-container>.ln-11 {
  display: block
}

.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.header-container>.ln-11:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.header-container>.ln-11.bg-dark {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-dark);
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.header-container>.ln-11.bg-dark .button--primary,
.header-container>.ln-11.bg-dark .button--primary-positive,
.header-container>.ln-11.bg-dark .button--secondary,
.header-container>.ln-11.bg-dark .button--secondary-positive,
.header-container>.ln-11.bg-dark .button--tertiary,
.header-container>.ln-11.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.header-container>.ln-11.bg-dark .button--primary,
.header-container>.ln-11.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.header-container>.ln-11.bg-dark .button--secondary,
.header-container>.ln-11.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.header-container>.ln-11.bg-dark .button--tertiary,
.header-container>.ln-11.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.header-container>.ln-11.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.header-container>.ln-11.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.header-container>.ln-11.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.header-container>.ln-11.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.header-container>.ln-11.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.header-container>.ln-11.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.header-container>.ln-11.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.header-container>.ln-11.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.header-container>.ln-11.bg-dark,
:where(main)>.header-container>.ln-11.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.header-container>.ln-11.bg-dark+*>*,
:where(main)>.header-container>.ln-11.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .header-container>.ln-11.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .header-container>.ln-11.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.header-container>.ln-11.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.header-container>.ln-11.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .header-container>.ln-11.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .header-container>.ln-11.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .header-container>.ln-11.bg-dark.product-header,
  .header-container>.ln-11.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .header-container>.ln-11.bg-dark.product-header,
  .header-container>.ln-11.bg-dark.product-header[class*=bg-],
  .header-container>.ln-11.bg-dark[class*=bg-],
  .header-container>.ln-11.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .header-container>.ln-11.bg-dark.product-header .hintbox-icon img,
  .header-container>.ln-11.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.header-container>.ln-11.bg-dark .details--s9>.details .main-column[class*=bg-],
.header-container>.ln-11.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .header-container>.ln-11.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .header-container>.ln-11.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .header-container>.ln-11.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .header-container>.ln-11.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .header-container>.ln-11.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .header-container>.ln-11.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.header-container>.ln-11.bg-dark .hintbox,
.header-container>.ln-11.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.header-container>.ln-11.bg-dark,
.overlay-content .main-column>.header-container>.ln-11.bg-dark .header-container>.ln-11.bg-dark,
.overlay-content body>.header-container>.ln-11.bg-dark,
.overlay-content>.header-container>.ln-11.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.header-container>.ln-11.bg-dark .header-container>.ln-11.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.header-container>.ln-11.bg-dark .product-label.product-label--overflow,
.overlay-content body>.header-container>.ln-11.bg-dark .product-label.product-label--overflow,
.overlay-content>.header-container>.ln-11.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.header-container>.ln-11.bg-dark-accent {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-dark-accent);
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.header-container>.ln-11.bg-dark-accent .button--primary,
.header-container>.ln-11.bg-dark-accent .button--primary-positive,
.header-container>.ln-11.bg-dark-accent .button--secondary,
.header-container>.ln-11.bg-dark-accent .button--secondary-positive,
.header-container>.ln-11.bg-dark-accent .button--tertiary,
.header-container>.ln-11.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.header-container>.ln-11.bg-dark-accent .button--primary,
.header-container>.ln-11.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.header-container>.ln-11.bg-dark-accent .button--secondary,
.header-container>.ln-11.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.header-container>.ln-11.bg-dark-accent .button--tertiary,
.header-container>.ln-11.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.header-container>.ln-11.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.header-container>.ln-11.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.header-container>.ln-11.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.header-container>.ln-11.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.header-container>.ln-11.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.header-container>.ln-11.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.header-container>.ln-11.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.header-container>.ln-11.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.header-container>.ln-11.bg-dark-accent,
:where(main)>.header-container>.ln-11.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.header-container>.ln-11.bg-dark-accent+*>*,
:where(main)>.header-container>.ln-11.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .header-container>.ln-11.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .header-container>.ln-11.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.header-container>.ln-11.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.header-container>.ln-11.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .header-container>.ln-11.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .header-container>.ln-11.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .header-container>.ln-11.bg-dark-accent.product-header,
  .header-container>.ln-11.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .header-container>.ln-11.bg-dark-accent.product-header,
  .header-container>.ln-11.bg-dark-accent.product-header[class*=bg-],
  .header-container>.ln-11.bg-dark-accent[class*=bg-],
  .header-container>.ln-11.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .header-container>.ln-11.bg-dark-accent.product-header .hintbox-icon img,
  .header-container>.ln-11.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.header-container>.ln-11.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.header-container>.ln-11.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .header-container>.ln-11.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .header-container>.ln-11.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .header-container>.ln-11.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .header-container>.ln-11.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .header-container>.ln-11.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .header-container>.ln-11.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.header-container>.ln-11.bg-dark-accent .hintbox,
.header-container>.ln-11.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.header-container>.ln-11.bg-dark-accent,
.overlay-content .main-column>.header-container>.ln-11.bg-dark-accent .header-container>.ln-11.bg-dark-accent,
.overlay-content body>.header-container>.ln-11.bg-dark-accent,
.overlay-content>.header-container>.ln-11.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.header-container>.ln-11.bg-dark-accent .header-container>.ln-11.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.header-container>.ln-11.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.header-container>.ln-11.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.header-container>.ln-11.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.header-container>.ln-11.bg-light-accent {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light-accent-1);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.header-container>.ln-11.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.header-container>.ln-11.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.header-container>.ln-11.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.header-container>.ln-11.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.header-container>.ln-11.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.header-container>.ln-11.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.header-container>.ln-11.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.header-container>.ln-11.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.header-container>.ln-11.bg-light-accent,
:where(main)>.header-container>.ln-11.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.header-container>.ln-11.bg-light-accent+*>*,
:where(main)>.header-container>.ln-11.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .header-container>.ln-11.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .header-container>.ln-11.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.header-container>.ln-11.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.header-container>.ln-11.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .header-container>.ln-11.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .header-container>.ln-11.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .header-container>.ln-11.bg-light-accent.product-header,
  .header-container>.ln-11.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .header-container>.ln-11.bg-light-accent.product-header,
  .header-container>.ln-11.bg-light-accent.product-header[class*=bg-],
  .header-container>.ln-11.bg-light-accent[class*=bg-],
  .header-container>.ln-11.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .header-container>.ln-11.bg-light-accent.product-header .hintbox-icon img,
  .header-container>.ln-11.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.header-container>.ln-11.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.header-container>.ln-11.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .header-container>.ln-11.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .header-container>.ln-11.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .header-container>.ln-11.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .header-container>.ln-11.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .header-container>.ln-11.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .header-container>.ln-11.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.header-container>.ln-11.bg-light-accent .hintbox,
.header-container>.ln-11.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.header-container>.ln-11.bg-light-accent,
.overlay-content .main-column>.header-container>.ln-11.bg-light-accent .header-container>.ln-11.bg-light-accent,
.overlay-content body>.header-container>.ln-11.bg-light-accent,
.overlay-content>.header-container>.ln-11.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.header-container>.ln-11.bg-light-accent .header-container>.ln-11.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.header-container>.ln-11.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.header-container>.ln-11.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.header-container>.ln-11.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.header-container>.ln-11.bg-light-accent-secondary {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light-accent-2);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.header-container>.ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.header-container>.ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.header-container>.ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.header-container>.ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.header-container>.ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.header-container>.ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.header-container>.ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.header-container>.ln-11.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.header-container>.ln-11.bg-light-accent-secondary,
:where(main)>.header-container>.ln-11.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.header-container>.ln-11.bg-light-accent-secondary+*>*,
:where(main)>.header-container>.ln-11.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .header-container>.ln-11.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .header-container>.ln-11.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.header-container>.ln-11.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.header-container>.ln-11.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .header-container>.ln-11.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .header-container>.ln-11.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .header-container>.ln-11.bg-light-accent-secondary.product-header,
  .header-container>.ln-11.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .header-container>.ln-11.bg-light-accent-secondary.product-header,
  .header-container>.ln-11.bg-light-accent-secondary.product-header[class*=bg-],
  .header-container>.ln-11.bg-light-accent-secondary[class*=bg-],
  .header-container>.ln-11.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .header-container>.ln-11.bg-light-accent-secondary.product-header .hintbox-icon img,
  .header-container>.ln-11.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.header-container>.ln-11.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.header-container>.ln-11.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .header-container>.ln-11.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .header-container>.ln-11.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .header-container>.ln-11.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .header-container>.ln-11.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .header-container>.ln-11.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .header-container>.ln-11.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.header-container>.ln-11.bg-light-accent-secondary .hintbox,
.header-container>.ln-11.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.header-container>.ln-11.bg-light-accent-secondary,
.overlay-content .main-column>.header-container>.ln-11.bg-light-accent-secondary .header-container>.ln-11.bg-light-accent-secondary,
.overlay-content body>.header-container>.ln-11.bg-light-accent-secondary,
.overlay-content>.header-container>.ln-11.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.header-container>.ln-11.bg-light-accent-secondary .header-container>.ln-11.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.header-container>.ln-11.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.header-container>.ln-11.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.header-container>.ln-11.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.header-container>.ln-11.bg-light {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.header-container>.ln-11.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.header-container>.ln-11.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.header-container>.ln-11.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.header-container>.ln-11.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.header-container>.ln-11.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.header-container>.ln-11.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.header-container>.ln-11.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.header-container>.ln-11.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.header-container>.ln-11.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.header-container>.ln-11.bg-light,
:where(main)>.header-container>.ln-11.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.header-container>.ln-11.bg-light+*>*,
:where(main)>.header-container>.ln-11.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .header-container>.ln-11.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .header-container>.ln-11.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.header-container>.ln-11.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.header-container>.ln-11.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .header-container>.ln-11.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .header-container>.ln-11.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .header-container>.ln-11.bg-light.product-header,
  .header-container>.ln-11.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .header-container>.ln-11.bg-light.product-header,
  .header-container>.ln-11.bg-light.product-header[class*=bg-],
  .header-container>.ln-11.bg-light[class*=bg-],
  .header-container>.ln-11.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .header-container>.ln-11.bg-light.product-header .hintbox-icon img,
  .header-container>.ln-11.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.header-container>.ln-11.bg-light .details--s9>.details .main-column[class*=bg-],
.header-container>.ln-11.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .header-container>.ln-11.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .header-container>.ln-11.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .header-container>.ln-11.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .header-container>.ln-11.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .header-container>.ln-11.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .header-container>.ln-11.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.header-container>.ln-11.bg-light .hintbox,
.header-container>.ln-11.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.header-container>.ln-11.bg-light,
.overlay-content .main-column>.header-container>.ln-11.bg-light .header-container>.ln-11.bg-light,
.overlay-content body>.header-container>.ln-11.bg-light,
.overlay-content>.header-container>.ln-11.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.header-container>.ln-11.bg-light .header-container>.ln-11.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.header-container>.ln-11.bg-light .product-label.product-label--overflow,
.overlay-content body>.header-container>.ln-11.bg-light .product-label.product-label--overflow,
.overlay-content>.header-container>.ln-11.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

@media only print and (width >=0px) {
  .header-container>.ln-11 {
    display: none
  }
}

@media only screen and (min-width:1280px) {
  .header-container>.ln-11 {
    display: none
  }
}

.header-container>.main-anchor-button-container {
  display: flex;
  justify-content: center
}

@media only print and (width >=0px) {
  .header-container>.main-anchor-button-container>a {
    margin-right: 22rem;
    z-index: 60
  }
}

@media only screen and (min-width:1280px) {
  .header-container>.main-anchor-button-container>a {
    margin-right: 22rem;
    z-index: 60
  }
}

.header-container>.header {
  align-items: center;
  column-gap: var(--gap);
  display: flex;
  margin-top: 0 !important;
  padding-bottom: 1.1rem;
  padding-top: 1.1rem
}

.header-container>.header>.header-menu-button-container {
  --col: 1;
  justify-content: start;
  max-height: 3.6rem;
  width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
  --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
}

@media only print and (width >=0px) {
  .header-container>.header>.header-menu-button-container {
    --columns: 12
  }
}

@media only screen and (min-width:600px) {
  .header-container>.header>.header-menu-button-container {
    --columns: 12
  }
}

.header-container>.header>.header-menu-button-container>.header-menu-button {
  margin-top: 0
}

.header-container>.header>.header-menu-button-container>.header-menu-button:focus-visible {
  --button-color: var(--color-fn-active);
  background-color: var(--color-background);
  border-radius: 4px;
  color: var(--color-fn-active);
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px
}

.header-container>.header>.header-menu-button-container>.header-menu-button:hover {
  background-color: var(--color-fn-active);
  border-radius: 4px;
  color: var(--color-font-on-dark-bg);
  outline: 2px solid var(--color-fn-active);
  outline-offset: -3px;
  outline-offset: 0
}

.header-container>.header>.header-menu-button-container>.header-menu-button>.icon {
  font-size: 3.6rem;
  line-height: 3.6rem
}

@media only print and (width >=0px) {
  .header-container>.header>.header-menu-button-container {
    --col: 3
  }
}

@media only screen and (min-width:600px) {
  .header-container>.header>.header-menu-button-container {
    --col: 3
  }
}

@media only print and (width >=0px) {
  .header-container>.header>.header-menu-button-container {
    display: none
  }
}

@media only screen and (min-width:1280px) {
  .header-container>.header>.header-menu-button-container {
    display: none
  }
}

.header-container>.header>.header-logo-container {
  --col: 2;
  display: flex;
  height: 2.8rem;
  justify-content: center;
  width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
  --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
}

@media only print and (width >=0px) {
  .header-container>.header>.header-logo-container {
    --columns: 12
  }
}

@media only screen and (min-width:600px) {
  .header-container>.header>.header-logo-container {
    --columns: 12
  }
}

.header-container>.header>.header-logo-container>a {
  height: 100%
}

.header-container>.header>.header-logo-container>a:focus-visible {
  border-radius: 4px;
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px
}

.header-container>.header>.header-logo-container>a>.header-logo>.header-logo-image {
  height: 100%
}

@media only print and (width >=0px) {
  .header-container>.header>.header-logo-container {
    --col: 6
  }
}

@media only screen and (min-width:600px) {
  .header-container>.header>.header-logo-container {
    --col: 6
  }
}

@media only print and (width >=0px) {
  .header-container>.header>.header-logo-container {
    height: 5.9rem;
    justify-content: start
  }
}

@media only screen and (min-width:1280px) {
  .header-container>.header>.header-logo-container {
    height: 5.9rem;
    justify-content: start
  }
}

.header-container>.header>.header-functionality-container {
  --col: 1;
  align-items: center;
  display: flex;
  justify-content: right;
  width: calc(min(100%, var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1)) + 0px);
  --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
}

@media only print and (width >=0px) {
  .header-container>.header>.header-functionality-container {
    --columns: 12
  }
}

@media only screen and (min-width:600px) {
  .header-container>.header>.header-functionality-container {
    --columns: 12
  }
}

.header-container>.header>.header-functionality-container>.header-search-container {
  display: none
}

@media only print and (width >=0px) {
  .header-container>.header>.header-functionality-container>.header-search-container {
    display: block
  }
}

@media only screen and (min-width:1280px) {
  .header-container>.header>.header-functionality-container>.header-search-container {
    display: block
  }
}

.header-container>.header>.header-functionality-container>.header-search-mobile {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  height: 3.6rem;
  justify-content: space-between;
  width: 3.6rem
}

.header-container>.header>.header-functionality-container>.header-search-mobile>.header-search-btn:hover {
  border-radius: 4px;
  color: var(--color-fn-active);
  outline: 2px solid var(--color-fn-active);
  outline-offset: 2px
}

.header-container>.header>.header-functionality-container>.header-search-mobile>.header-search-btn:focus-visible {
  border-radius: 4px;
  color: var(--color-fn-active);
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px
}

.header-container>.header>.header-functionality-container>.header-search-mobile>.header-search-btn.visible+.search-container-mobile+.darkener-search {
  display: block
}

.header-container>.header>.header-functionality-container>.header-search-mobile>.header-search-btn .icon--search {
  align-items: center;
  color: var(--color-fn);
  display: flex;
  font-size: 3.6rem;
  justify-content: center
}

.header-container>.header>.header-functionality-container>.header-search-mobile>.header-search-btn .icon--search:before {
  line-height: 3.6rem
}

@media only print and (width >=0px) {
  .header-container>.header>.header-functionality-container>.header-search-mobile {
    display: none
  }
}

@media only screen and (min-width:1280px) {
  .header-container>.header>.header-functionality-container>.header-search-mobile {
    display: none
  }
}

.header-container>.header>.header-functionality-container>.header-meta-list {
  align-items: center;
  display: none;
  margin-bottom: 0
}

.header-container>.header>.header-functionality-container>.header-meta-list>.list-item {
  margin-bottom: 0
}

@media only print and (width >=0px) {
  .header-container>.header>.header-functionality-container>.header-meta-list {
    display: flex;
    flex-shrink: 0
  }

  .header-container>.header>.header-functionality-container>.header-meta-list>.list-item {
    align-items: center;
    display: flex;
    height: 20px;
    padding-bottom: 0;
    padding-left: 1rem
  }

  .header-container>.header>.header-functionality-container>.header-meta-list>.list-item:first-child {
    padding-left: 0
  }

  .header-container>.header>.header-functionality-container>.header-meta-list>.list-item>.link-accessibility {
    align-items: center
  }

  .header-container>.header>.header-functionality-container>.header-meta-list>.list-item>.link-accessibility:hover {
    border-radius: 4px;
    outline: 2px solid var(--color-fn-active);
    outline-offset: 2px
  }

  .header-container>.header>.header-functionality-container>.header-meta-list>.list-item>.link-accessibility:focus-visible {
    border-radius: 4px;
    outline: 2px dashed var(--color-fn-active);
    outline-offset: 2px
  }

  .header-container>.header>.header-functionality-container>.header-meta-list>.list-item>.link-accessibility>.icon {
    font-size: 2.4rem
  }

  .header-container>.header>.header-functionality-container>.header-meta-list>.list-item:not(:last-of-type) {
    border-right: 1px solid var(--color-line-8);
    padding-right: 1rem
  }
}

@media only screen and (min-width:1280px) {
  .header-container>.header>.header-functionality-container>.header-meta-list {
    display: flex;
    flex-shrink: 0
  }

  .header-container>.header>.header-functionality-container>.header-meta-list>.list-item {
    align-items: center;
    display: flex;
    height: 20px;
    padding-bottom: 0;
    padding-left: 1rem
  }

  .header-container>.header>.header-functionality-container>.header-meta-list>.list-item:first-child {
    padding-left: 0
  }

  .header-container>.header>.header-functionality-container>.header-meta-list>.list-item>.link-accessibility {
    align-items: center
  }

  .header-container>.header>.header-functionality-container>.header-meta-list>.list-item>.link-accessibility:hover {
    border-radius: 4px;
    outline: 2px solid var(--color-fn-active);
    outline-offset: 2px
  }

  .header-container>.header>.header-functionality-container>.header-meta-list>.list-item>.link-accessibility:focus-visible {
    border-radius: 4px;
    outline: 2px dashed var(--color-fn-active);
    outline-offset: 2px
  }

  .header-container>.header>.header-functionality-container>.header-meta-list>.list-item>.link-accessibility>.icon {
    font-size: 2.4rem
  }

  .header-container>.header>.header-functionality-container>.header-meta-list>.list-item:not(:last-of-type) {
    border-right: 1px solid var(--color-line-8);
    padding-right: 1rem
  }
}

@media only print and (width >=0px) {
  .header-container>.header>.header-functionality-container {
    --col: 3
  }
}

@media only screen and (min-width:600px) {
  .header-container>.header>.header-functionality-container {
    --col: 3
  }
}

@media only print and (width >=0px) {
  .header-container>.header>.header-functionality-container {
    --col: 6;
    gap: 3rem
  }
}

@media only screen and (min-width:1280px) {
  .header-container>.header>.header-functionality-container {
    --col: 6;
    gap: 3rem
  }
}

@media only print and (width >=0px) {
  .header-container>.header {
    margin-top: 0 !important;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
  }
}

@media only screen and (min-width:1280px) {
  .header-container>.header {
    margin-top: 0 !important;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
  }
}

.header-container>.header-navigation {
  display: block;
  margin-bottom: 0;
  margin-top: 0
}

@media only print and (width >=0px) {

  .header-container+main>#main-anchor+.main-column~.marginal-column,
  .header-container+main>:not(a):first-child.main-column~.marginal-column {
    margin-top: var(--space-large)
  }

  .header-container+main>#main-anchor+.main-column:has(>.container)~.marginal-column,
  .header-container+main>#main-anchor+.main-column:has(>.topic-stage)~.marginal-column,
  .header-container+main>#main-anchor+.main-column>.container,
  .header-container+main>#main-anchor+.main-column>.topic-stage,
  .header-container+main>:not(a):first-child.main-column:has(>.container)~.marginal-column,
  .header-container+main>:not(a):first-child.main-column:has(>.topic-stage)~.marginal-column,
  .header-container+main>:not(a):first-child.main-column>.container,
  .header-container+main>:not(a):first-child.main-column>.topic-stage {
    margin-top: var(--space-small)
  }
}

@media(min-width:960px)and (max-width:calc(1280px - 1px)) {

  .header-container+main>#main-anchor+.main-column~.marginal-column,
  .header-container+main>:not(a):first-child.main-column~.marginal-column {
    margin-top: var(--space-large)
  }

  .header-container+main>#main-anchor+.main-column:has(>.container)~.marginal-column,
  .header-container+main>#main-anchor+.main-column:has(>.topic-stage)~.marginal-column,
  .header-container+main>#main-anchor+.main-column>.container,
  .header-container+main>#main-anchor+.main-column>.topic-stage,
  .header-container+main>:not(a):first-child.main-column:has(>.container)~.marginal-column,
  .header-container+main>:not(a):first-child.main-column:has(>.topic-stage)~.marginal-column,
  .header-container+main>:not(a):first-child.main-column>.container,
  .header-container+main>:not(a):first-child.main-column>.topic-stage {
    margin-top: var(--space-small)
  }
}

@media only screen and (max-width:calc(1280px - 1px)) {

  .header-container+main>#main-anchor+:not(.stage, .topic-stage, .three-step-stage-container, .progress-steps, .login-folding, .main-column:has(>.topic-stage), .main-column:has(>.container), #highStageVideo),
  .header-container+main>:not(a):first-child:not(.stage, .topic-stage, .three-step-stage-container, .progress-steps, .login-folding, .main-column:has(>.topic-stage), .main-column:has(>.container), #highStageVideo) {
    margin-top: var(--space-large)
  }
}

@media only print and (width >=0px) {

  .header-container+main>#main-anchor+*,
  .header-container+main>#main-anchor+.main-column~.marginal-column,
  .header-container+main>:not(a):first-child,
  .header-container+main>:not(a):first-child.main-column~.marginal-column {
    margin-top: var(--space-small)
  }
}

@media only screen and (min-width:1280px) {

  .header-container+main>#main-anchor+*,
  .header-container+main>#main-anchor+.main-column~.marginal-column,
  .header-container+main>:not(a):first-child,
  .header-container+main>:not(a):first-child.main-column~.marginal-column {
    margin-top: var(--space-small)
  }
}

.header-container .header-search-btn.visible {
  --arrow-left: 0px;
  --arrow-right: 0px;
  position: relative;
  --arrow-size: 7px
}

.header-container .header-search-btn.visible:after,
.header-container .header-search-btn.visible:before {
  border-color: transparent;
  border-width: calc(var(--arrow-size) + 2px);
  content: "";
  height: 0;
  left: var(--arrow-left, auto);
  margin: auto;
  pointer-events: none;
  position: absolute;
  right: var(--arrow-right, auto);
  text-align: center;
  width: 0;
  z-index: 93
}

.header-container .header-search-btn.visible:before {
  border-bottom-color: var(--color-line-11);
  top: calc(calc(100% + 3px) - 1px);
  transform: translateY(-50%)
}

.header-container .header-search-btn.visible:after {
  border-bottom-color: var(--color-background-light-accent-2);
  top: calc(100% + 3px);
  transform: translateY(-49%)
}

@media only print and (width >=0px) {
  .header-container:not(.sticky) .header-navigation {
    --list-line-height: calc(1.4 * 16px);
    --link-padding: calc(1.2rem) * 2;
    --border-bottom: 1px
  }

  .header-container:not(.sticky) .header-navigation:not(.header-usv) {
    min-height: calc(var(--link-padding) + var(--border-bottom) + var(--list-line-height))
  }
}

@media only screen and (min-width:1280px) {
  .header-container:not(.sticky) .header-navigation {
    --list-line-height: calc(1.4 * 16px);
    --link-padding: calc(1.2rem) * 2;
    --border-bottom: 1px
  }

  .header-container:not(.sticky) .header-navigation:not(.header-usv) {
    min-height: calc(var(--link-padding) + var(--border-bottom) + var(--list-line-height))
  }
}

.lock-height-navi {
  overflow-y: hidden
}

.breadcrumb-container {
  display: none
}

@media only print and (width >=0px) {
  .breadcrumb-container {
    background-color: var(--color-background);
    display: block;
    margin-top: 0 !important;
    padding: 1rem 0;
    position: relative
  }

  .breadcrumb-container>.breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem .4rem;
    margin-bottom: 0
  }

  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item {
    font-size: 1.2rem;
    line-height: 1.5rem
  }

  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item:not(:last-child):after {
    color: var(--color-font-on-light-bg);
    content: var(--icon-arrow-right);
    font-family: KfW-Icon-Font;
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding-left: .4rem;
    vertical-align: middle
  }

  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item.active>.breadcrumb-link:focus-visible>.link-container .link-labeling,
  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item.active>.breadcrumb-link:hover>.link-container .link-labeling {
    text-decoration: none
  }

  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item.active>.breadcrumb-link>.link-container .link-labeling {
    text-decoration: underline
  }

  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item>.breadcrumb-link {
    vertical-align: baseline
  }

  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item>.breadcrumb-link:after,
  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item>.breadcrumb-link:before {
    content: none
  }
}

@media only screen and (min-width:1280px) {
  .breadcrumb-container {
    background-color: var(--color-background);
    display: block;
    margin-top: 0 !important;
    padding: 1rem 0;
    position: relative
  }

  .breadcrumb-container>.breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem .4rem;
    margin-bottom: 0
  }

  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item {
    font-size: 1.2rem;
    line-height: 1.5rem
  }

  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item:not(:last-child):after {
    color: var(--color-font-on-light-bg);
    content: var(--icon-arrow-right);
    font-family: KfW-Icon-Font;
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding-left: .4rem;
    vertical-align: middle
  }

  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item.active>.breadcrumb-link:focus-visible>.link-container .link-labeling,
  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item.active>.breadcrumb-link:hover>.link-container .link-labeling {
    text-decoration: none
  }

  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item.active>.breadcrumb-link>.link-container .link-labeling {
    text-decoration: underline
  }

  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item>.breadcrumb-link {
    vertical-align: baseline
  }

  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item>.breadcrumb-link:after,
  .breadcrumb-container>.breadcrumb-list>.breadcrumb-item>.breadcrumb-link:before {
    content: none
  }
}

#main-navigation .hide {
  display: none;
  opacity: 0;
  visibility: hidden
}

#main-navigation .show {
  display: inherit;
  opacity: 1;
  visibility: visible
}

.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.main-column>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.main-navigation-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.main-navigation-container.bg-dark {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-dark);
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.main-navigation-container.bg-dark .button--primary,
.main-navigation-container.bg-dark .button--primary-positive,
.main-navigation-container.bg-dark .button--secondary,
.main-navigation-container.bg-dark .button--secondary-positive,
.main-navigation-container.bg-dark .button--tertiary,
.main-navigation-container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.main-navigation-container.bg-dark .button--primary,
.main-navigation-container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.main-navigation-container.bg-dark .button--secondary,
.main-navigation-container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.main-navigation-container.bg-dark .button--tertiary,
.main-navigation-container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.main-navigation-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.main-navigation-container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-navigation-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-navigation-container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.main-navigation-container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.main-navigation-container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.main-navigation-container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.main-navigation-container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.main-navigation-container.bg-dark,
:where(main)>.main-navigation-container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.main-navigation-container.bg-dark+*>*,
:where(main)>.main-navigation-container.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .main-navigation-container.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .main-navigation-container.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.main-navigation-container.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.main-navigation-container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .main-navigation-container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .main-navigation-container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .main-navigation-container.bg-dark.product-header,
  .main-navigation-container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .main-navigation-container.bg-dark.product-header,
  .main-navigation-container.bg-dark.product-header[class*=bg-],
  .main-navigation-container.bg-dark[class*=bg-],
  .main-navigation-container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .main-navigation-container.bg-dark.product-header .hintbox-icon img,
  .main-navigation-container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.main-navigation-container.bg-dark .details--s9>.details .main-column[class*=bg-],
.main-navigation-container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .main-navigation-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .main-navigation-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .main-navigation-container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .main-navigation-container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .main-navigation-container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .main-navigation-container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.main-navigation-container.bg-dark .hintbox,
.main-navigation-container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.main-navigation-container.bg-dark,
.overlay-content .main-column>.main-navigation-container.bg-dark .main-navigation-container.bg-dark,
.overlay-content body>.main-navigation-container.bg-dark,
.overlay-content>.main-navigation-container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.main-navigation-container.bg-dark .main-navigation-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.main-navigation-container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.main-navigation-container.bg-dark .product-label.product-label--overflow,
.overlay-content>.main-navigation-container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.main-navigation-container.bg-dark-accent {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-dark-accent);
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.main-navigation-container.bg-dark-accent .button--primary,
.main-navigation-container.bg-dark-accent .button--primary-positive,
.main-navigation-container.bg-dark-accent .button--secondary,
.main-navigation-container.bg-dark-accent .button--secondary-positive,
.main-navigation-container.bg-dark-accent .button--tertiary,
.main-navigation-container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.main-navigation-container.bg-dark-accent .button--primary,
.main-navigation-container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.main-navigation-container.bg-dark-accent .button--secondary,
.main-navigation-container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.main-navigation-container.bg-dark-accent .button--tertiary,
.main-navigation-container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.main-navigation-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.main-navigation-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-navigation-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-navigation-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.main-navigation-container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.main-navigation-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.main-navigation-container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.main-navigation-container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.main-navigation-container.bg-dark-accent,
:where(main)>.main-navigation-container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.main-navigation-container.bg-dark-accent+*>*,
:where(main)>.main-navigation-container.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .main-navigation-container.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .main-navigation-container.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.main-navigation-container.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.main-navigation-container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .main-navigation-container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .main-navigation-container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .main-navigation-container.bg-dark-accent.product-header,
  .main-navigation-container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .main-navigation-container.bg-dark-accent.product-header,
  .main-navigation-container.bg-dark-accent.product-header[class*=bg-],
  .main-navigation-container.bg-dark-accent[class*=bg-],
  .main-navigation-container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .main-navigation-container.bg-dark-accent.product-header .hintbox-icon img,
  .main-navigation-container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.main-navigation-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.main-navigation-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .main-navigation-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .main-navigation-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .main-navigation-container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .main-navigation-container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .main-navigation-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .main-navigation-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.main-navigation-container.bg-dark-accent .hintbox,
.main-navigation-container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.main-navigation-container.bg-dark-accent,
.overlay-content .main-column>.main-navigation-container.bg-dark-accent .main-navigation-container.bg-dark-accent,
.overlay-content body>.main-navigation-container.bg-dark-accent,
.overlay-content>.main-navigation-container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.main-navigation-container.bg-dark-accent .main-navigation-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.main-navigation-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.main-navigation-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.main-navigation-container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.main-navigation-container.bg-light-accent {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light-accent-1);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.main-navigation-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.main-navigation-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-navigation-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-navigation-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.main-navigation-container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.main-navigation-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.main-navigation-container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.main-navigation-container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.main-navigation-container.bg-light-accent,
:where(main)>.main-navigation-container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.main-navigation-container.bg-light-accent+*>*,
:where(main)>.main-navigation-container.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .main-navigation-container.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .main-navigation-container.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.main-navigation-container.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.main-navigation-container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .main-navigation-container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .main-navigation-container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .main-navigation-container.bg-light-accent.product-header,
  .main-navigation-container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .main-navigation-container.bg-light-accent.product-header,
  .main-navigation-container.bg-light-accent.product-header[class*=bg-],
  .main-navigation-container.bg-light-accent[class*=bg-],
  .main-navigation-container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .main-navigation-container.bg-light-accent.product-header .hintbox-icon img,
  .main-navigation-container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.main-navigation-container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.main-navigation-container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .main-navigation-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .main-navigation-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .main-navigation-container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .main-navigation-container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .main-navigation-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .main-navigation-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.main-navigation-container.bg-light-accent .hintbox,
.main-navigation-container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.main-navigation-container.bg-light-accent,
.overlay-content .main-column>.main-navigation-container.bg-light-accent .main-navigation-container.bg-light-accent,
.overlay-content body>.main-navigation-container.bg-light-accent,
.overlay-content>.main-navigation-container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.main-navigation-container.bg-light-accent .main-navigation-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.main-navigation-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.main-navigation-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.main-navigation-container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.main-navigation-container.bg-light-accent-secondary {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light-accent-2);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.main-navigation-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.main-navigation-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-navigation-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-navigation-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.main-navigation-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.main-navigation-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.main-navigation-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.main-navigation-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.main-navigation-container.bg-light-accent-secondary,
:where(main)>.main-navigation-container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.main-navigation-container.bg-light-accent-secondary+*>*,
:where(main)>.main-navigation-container.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .main-navigation-container.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .main-navigation-container.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.main-navigation-container.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.main-navigation-container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .main-navigation-container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .main-navigation-container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .main-navigation-container.bg-light-accent-secondary.product-header,
  .main-navigation-container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .main-navigation-container.bg-light-accent-secondary.product-header,
  .main-navigation-container.bg-light-accent-secondary.product-header[class*=bg-],
  .main-navigation-container.bg-light-accent-secondary[class*=bg-],
  .main-navigation-container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .main-navigation-container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .main-navigation-container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.main-navigation-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.main-navigation-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .main-navigation-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .main-navigation-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .main-navigation-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .main-navigation-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .main-navigation-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .main-navigation-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.main-navigation-container.bg-light-accent-secondary .hintbox,
.main-navigation-container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.main-navigation-container.bg-light-accent-secondary,
.overlay-content .main-column>.main-navigation-container.bg-light-accent-secondary .main-navigation-container.bg-light-accent-secondary,
.overlay-content body>.main-navigation-container.bg-light-accent-secondary,
.overlay-content>.main-navigation-container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.main-navigation-container.bg-light-accent-secondary .main-navigation-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.main-navigation-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.main-navigation-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.main-navigation-container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.main-navigation-container.bg-light {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.main-navigation-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.main-navigation-container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-navigation-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-navigation-container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.main-navigation-container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.main-navigation-container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.main-navigation-container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.main-navigation-container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.main-navigation-container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.main-navigation-container.bg-light,
:where(main)>.main-navigation-container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.main-navigation-container.bg-light+*>*,
:where(main)>.main-navigation-container.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .main-navigation-container.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .main-navigation-container.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.main-navigation-container.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.main-navigation-container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .main-navigation-container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .main-navigation-container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .main-navigation-container.bg-light.product-header,
  .main-navigation-container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .main-navigation-container.bg-light.product-header,
  .main-navigation-container.bg-light.product-header[class*=bg-],
  .main-navigation-container.bg-light[class*=bg-],
  .main-navigation-container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .main-navigation-container.bg-light.product-header .hintbox-icon img,
  .main-navigation-container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.main-navigation-container.bg-light .details--s9>.details .main-column[class*=bg-],
.main-navigation-container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .main-navigation-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .main-navigation-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .main-navigation-container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .main-navigation-container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .main-navigation-container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .main-navigation-container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.main-navigation-container.bg-light .hintbox,
.main-navigation-container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.main-navigation-container.bg-light,
.overlay-content .main-column>.main-navigation-container.bg-light .main-navigation-container.bg-light,
.overlay-content body>.main-navigation-container.bg-light,
.overlay-content>.main-navigation-container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.main-navigation-container.bg-light .main-navigation-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.main-navigation-container.bg-light .product-label.product-label--overflow,
.overlay-content body>.main-navigation-container.bg-light .product-label.product-label--overflow,
.overlay-content>.main-navigation-container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.main-navigation-container.preview-navigation {
  display: none
}

@media only print and (width >=0px) {
  .main-navigation-container {
    border-bottom: 1px solid var(--color-line-11)
  }

  .main-navigation-container.preview-navigation {
    display: block
  }
}

@media only screen and (min-width:1280px) {
  .main-navigation-container {
    border-bottom: 1px solid var(--color-line-11)
  }

  .main-navigation-container.preview-navigation {
    display: block
  }
}

.main-navigation {
  display: flex
}

.main-navigation-list {
  column-gap: .5rem;
  display: flex;
  margin-bottom: 0 !important
}

.main-navigation-list-item {
  padding: 1.2rem 1rem;
  position: static !important
}

.main-navigation-list-item:first-of-type {
  padding-left: 0
}

.main-navigation-list-item:first-of-type.active {
  margin-left: -1rem
}

.main-navigation-list-item.active {
  background-color: var(--color-fn-active);
  color: var(--color-font-on-dark-bg);
  padding: 0
}

.main-navigation-list-item>.link:focus-visible,
.main-navigation-list-item>.link:hover {
  text-decoration: underline
}

.main-navigation-list-item>.link.active {
  background-color: var(--color-fn-active);
  color: var(--color-font-on-dark-bg);
  padding: 1.2rem 1rem;
  z-index: 97
}

.main-navigation-search {
  align-items: center;
  display: none;
  justify-content: flex-end;
  width: 100%
}

.main-navigation-search .header-search-btn {
  line-height: normal
}

.main-navigation-search .header-search-btn:hover {
  border-radius: 4px;
  color: var(--color-fn-active);
  outline: 2px solid var(--color-fn-active);
  outline-offset: 2px
}

.main-navigation-search .header-search-btn:focus-visible {
  border-radius: 4px;
  color: var(--color-fn-active);
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px
}

.main-navigation-search .header-search-btn.visible+.search-container-mobile+.darkener-search {
  display: block
}

.main-navigation-search .header-search-btn .icon {
  color: var(--color-fn);
  font-size: 2.4rem
}

.main-navigation-search .header-search-btn .icon:before {
  height: 2.5rem
}

.darkener {
  --margin-top: 0px;
  background: var(--color-opacity-dark-30);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 80
}

@media only print and (width >=0px) {
  .darkener {
    top: calc(var(--header-height))
  }
}

@media only screen and (min-width:1280px) {
  .darkener {
    top: calc(var(--header-height))
  }
}

.flyout-navigation-container {
  --close-btn-width: 58px;
  background-color: var(--color-background-light);
  color: var(--color-fn);
  display: flex;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 95
}

.flyout-navigation-container.flyout-navigation-container {
  --margin-top: 0
}

.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.flyout-navigation-container-inner:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.flyout-navigation-container-inner.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.flyout-navigation-container-inner.bg-dark .button--primary,
.flyout-navigation-container-inner.bg-dark .button--primary-positive,
.flyout-navigation-container-inner.bg-dark .button--secondary,
.flyout-navigation-container-inner.bg-dark .button--secondary-positive,
.flyout-navigation-container-inner.bg-dark .button--tertiary,
.flyout-navigation-container-inner.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.flyout-navigation-container-inner.bg-dark .button--primary,
.flyout-navigation-container-inner.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.flyout-navigation-container-inner.bg-dark .button--secondary,
.flyout-navigation-container-inner.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.flyout-navigation-container-inner.bg-dark .button--tertiary,
.flyout-navigation-container-inner.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.flyout-navigation-container-inner.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.flyout-navigation-container-inner.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.flyout-navigation-container-inner.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.flyout-navigation-container-inner.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.flyout-navigation-container-inner.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.flyout-navigation-container-inner.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.flyout-navigation-container-inner.bg-dark,
:where(main)>.flyout-navigation-container-inner.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.flyout-navigation-container-inner.bg-dark+*>*,
:where(main)>.flyout-navigation-container-inner.bg-dark>* {
  --margin-top: initial
}

.flyout-navigation-container-inner.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .flyout-navigation-container-inner.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .flyout-navigation-container-inner.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .flyout-navigation-container-inner.bg-dark.product-header,
  .flyout-navigation-container-inner.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .flyout-navigation-container-inner.bg-dark.product-header,
  .flyout-navigation-container-inner.bg-dark.product-header[class*=bg-],
  .flyout-navigation-container-inner.bg-dark[class*=bg-],
  .flyout-navigation-container-inner.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .flyout-navigation-container-inner.bg-dark.product-header .hintbox-icon img,
  .flyout-navigation-container-inner.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.flyout-navigation-container-inner.bg-dark .details--s9>.details .main-column[class*=bg-],
.flyout-navigation-container-inner.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.flyout-navigation-container-inner.bg-dark .hintbox,
.flyout-navigation-container-inner.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.flyout-navigation-container-inner.bg-dark,
.overlay-content .main-column>.flyout-navigation-container-inner.bg-dark .flyout-navigation-container-inner.bg-dark,
.overlay-content body>.flyout-navigation-container-inner.bg-dark,
.overlay-content>.flyout-navigation-container-inner.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.flyout-navigation-container-inner.bg-dark .flyout-navigation-container-inner.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.flyout-navigation-container-inner.bg-dark .product-label.product-label--overflow,
.overlay-content body>.flyout-navigation-container-inner.bg-dark .product-label.product-label--overflow,
.overlay-content>.flyout-navigation-container-inner.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.flyout-navigation-container-inner.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.flyout-navigation-container-inner.bg-dark-accent .button--primary,
.flyout-navigation-container-inner.bg-dark-accent .button--primary-positive,
.flyout-navigation-container-inner.bg-dark-accent .button--secondary,
.flyout-navigation-container-inner.bg-dark-accent .button--secondary-positive,
.flyout-navigation-container-inner.bg-dark-accent .button--tertiary,
.flyout-navigation-container-inner.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.flyout-navigation-container-inner.bg-dark-accent .button--primary,
.flyout-navigation-container-inner.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.flyout-navigation-container-inner.bg-dark-accent .button--secondary,
.flyout-navigation-container-inner.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.flyout-navigation-container-inner.bg-dark-accent .button--tertiary,
.flyout-navigation-container-inner.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.flyout-navigation-container-inner.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.flyout-navigation-container-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.flyout-navigation-container-inner.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.flyout-navigation-container-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.flyout-navigation-container-inner.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.flyout-navigation-container-inner.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.flyout-navigation-container-inner.bg-dark-accent,
:where(main)>.flyout-navigation-container-inner.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.flyout-navigation-container-inner.bg-dark-accent+*>*,
:where(main)>.flyout-navigation-container-inner.bg-dark-accent>* {
  --margin-top: initial
}

.flyout-navigation-container-inner.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .flyout-navigation-container-inner.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .flyout-navigation-container-inner.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .flyout-navigation-container-inner.bg-dark-accent.product-header,
  .flyout-navigation-container-inner.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .flyout-navigation-container-inner.bg-dark-accent.product-header,
  .flyout-navigation-container-inner.bg-dark-accent.product-header[class*=bg-],
  .flyout-navigation-container-inner.bg-dark-accent[class*=bg-],
  .flyout-navigation-container-inner.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .flyout-navigation-container-inner.bg-dark-accent.product-header .hintbox-icon img,
  .flyout-navigation-container-inner.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.flyout-navigation-container-inner.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.flyout-navigation-container-inner.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.flyout-navigation-container-inner.bg-dark-accent .hintbox,
.flyout-navigation-container-inner.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.flyout-navigation-container-inner.bg-dark-accent,
.overlay-content .main-column>.flyout-navigation-container-inner.bg-dark-accent .flyout-navigation-container-inner.bg-dark-accent,
.overlay-content body>.flyout-navigation-container-inner.bg-dark-accent,
.overlay-content>.flyout-navigation-container-inner.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.flyout-navigation-container-inner.bg-dark-accent .flyout-navigation-container-inner.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.flyout-navigation-container-inner.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.flyout-navigation-container-inner.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.flyout-navigation-container-inner.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.flyout-navigation-container-inner.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.flyout-navigation-container-inner.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.flyout-navigation-container-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.flyout-navigation-container-inner.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.flyout-navigation-container-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.flyout-navigation-container-inner.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.flyout-navigation-container-inner.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.flyout-navigation-container-inner.bg-light-accent,
:where(main)>.flyout-navigation-container-inner.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.flyout-navigation-container-inner.bg-light-accent+*>*,
:where(main)>.flyout-navigation-container-inner.bg-light-accent>* {
  --margin-top: initial
}

.flyout-navigation-container-inner.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .flyout-navigation-container-inner.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .flyout-navigation-container-inner.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .flyout-navigation-container-inner.bg-light-accent.product-header,
  .flyout-navigation-container-inner.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .flyout-navigation-container-inner.bg-light-accent.product-header,
  .flyout-navigation-container-inner.bg-light-accent.product-header[class*=bg-],
  .flyout-navigation-container-inner.bg-light-accent[class*=bg-],
  .flyout-navigation-container-inner.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .flyout-navigation-container-inner.bg-light-accent.product-header .hintbox-icon img,
  .flyout-navigation-container-inner.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.flyout-navigation-container-inner.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.flyout-navigation-container-inner.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.flyout-navigation-container-inner.bg-light-accent .hintbox,
.flyout-navigation-container-inner.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.flyout-navigation-container-inner.bg-light-accent,
.overlay-content .main-column>.flyout-navigation-container-inner.bg-light-accent .flyout-navigation-container-inner.bg-light-accent,
.overlay-content body>.flyout-navigation-container-inner.bg-light-accent,
.overlay-content>.flyout-navigation-container-inner.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.flyout-navigation-container-inner.bg-light-accent .flyout-navigation-container-inner.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.flyout-navigation-container-inner.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.flyout-navigation-container-inner.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.flyout-navigation-container-inner.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.flyout-navigation-container-inner.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.flyout-navigation-container-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.flyout-navigation-container-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.flyout-navigation-container-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.flyout-navigation-container-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.flyout-navigation-container-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.flyout-navigation-container-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.flyout-navigation-container-inner.bg-light-accent-secondary,
:where(main)>.flyout-navigation-container-inner.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.flyout-navigation-container-inner.bg-light-accent-secondary+*>*,
:where(main)>.flyout-navigation-container-inner.bg-light-accent-secondary>* {
  --margin-top: initial
}

.flyout-navigation-container-inner.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .flyout-navigation-container-inner.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .flyout-navigation-container-inner.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .flyout-navigation-container-inner.bg-light-accent-secondary.product-header,
  .flyout-navigation-container-inner.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .flyout-navigation-container-inner.bg-light-accent-secondary.product-header,
  .flyout-navigation-container-inner.bg-light-accent-secondary.product-header[class*=bg-],
  .flyout-navigation-container-inner.bg-light-accent-secondary[class*=bg-],
  .flyout-navigation-container-inner.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .flyout-navigation-container-inner.bg-light-accent-secondary.product-header .hintbox-icon img,
  .flyout-navigation-container-inner.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.flyout-navigation-container-inner.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.flyout-navigation-container-inner.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.flyout-navigation-container-inner.bg-light-accent-secondary .hintbox,
.flyout-navigation-container-inner.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.flyout-navigation-container-inner.bg-light-accent-secondary,
.overlay-content .main-column>.flyout-navigation-container-inner.bg-light-accent-secondary .flyout-navigation-container-inner.bg-light-accent-secondary,
.overlay-content body>.flyout-navigation-container-inner.bg-light-accent-secondary,
.overlay-content>.flyout-navigation-container-inner.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.flyout-navigation-container-inner.bg-light-accent-secondary .flyout-navigation-container-inner.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.flyout-navigation-container-inner.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.flyout-navigation-container-inner.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.flyout-navigation-container-inner.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.flyout-navigation-container-inner.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.flyout-navigation-container-inner.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.flyout-navigation-container-inner.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.flyout-navigation-container-inner.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.flyout-navigation-container-inner.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.flyout-navigation-container-inner.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.flyout-navigation-container-inner.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.flyout-navigation-container-inner.bg-light,
:where(main)>.flyout-navigation-container-inner.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.flyout-navigation-container-inner.bg-light+*>*,
:where(main)>.flyout-navigation-container-inner.bg-light>* {
  --margin-top: initial
}

.flyout-navigation-container-inner.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .flyout-navigation-container-inner.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .flyout-navigation-container-inner.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .flyout-navigation-container-inner.bg-light.product-header,
  .flyout-navigation-container-inner.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .flyout-navigation-container-inner.bg-light.product-header,
  .flyout-navigation-container-inner.bg-light.product-header[class*=bg-],
  .flyout-navigation-container-inner.bg-light[class*=bg-],
  .flyout-navigation-container-inner.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .flyout-navigation-container-inner.bg-light.product-header .hintbox-icon img,
  .flyout-navigation-container-inner.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.flyout-navigation-container-inner.bg-light .details--s9>.details .main-column[class*=bg-],
.flyout-navigation-container-inner.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.flyout-navigation-container-inner.bg-light .hintbox,
.flyout-navigation-container-inner.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.flyout-navigation-container-inner.bg-light,
.overlay-content .main-column>.flyout-navigation-container-inner.bg-light .flyout-navigation-container-inner.bg-light,
.overlay-content body>.flyout-navigation-container-inner.bg-light,
.overlay-content>.flyout-navigation-container-inner.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.flyout-navigation-container-inner.bg-light .flyout-navigation-container-inner.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.flyout-navigation-container-inner.bg-light .product-label.product-label--overflow,
.overlay-content body>.flyout-navigation-container-inner.bg-light .product-label.product-label--overflow,
.overlay-content>.flyout-navigation-container-inner.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.flyout-navigation-container-inner {
  background-color: var(--color-background-light);
  min-height: var(--header-mobile);
  width: 100% !important;
  z-index: 96
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header {
  background-color: var(--color-background);
  border-bottom: 1px solid var(--color-line-11);
  min-height: calc(var(--header-mobile) + 1px)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

@media print {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-dark);
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .button--primary,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .button--primary-positive,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .button--secondary,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .button--secondary-positive,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .button--tertiary,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .button--primary,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .button--secondary,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .button--tertiary,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark,
:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark+*>*,
:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

@media print {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark.product-header,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark.product-header,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark.product-header[class*=bg-],
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark[class*=bg-],
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark.product-header .hintbox-icon img,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .details--s9>.details .main-column[class*=bg-],
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .hintbox,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark,
.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark,
.overlay-content body>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark,
.overlay-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .product-label.product-label--overflow,
.overlay-content body>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .product-label.product-label--overflow,
.overlay-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-dark-accent);
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .button--primary,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .button--primary-positive,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .button--secondary,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .button--secondary-positive,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .button--tertiary,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .button--primary,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .button--secondary,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .button--tertiary,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent,
:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent+*>*,
:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

@media print {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent.product-header,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent.product-header,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent.product-header[class*=bg-],
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent[class*=bg-],
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent.product-header .hintbox-icon img,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .hintbox,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent,
.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent,
.overlay-content body>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent,
.overlay-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light-accent-1);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent,
:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent+*>*,
:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

@media print {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent.product-header,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent.product-header,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent.product-header[class*=bg-],
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent[class*=bg-],
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent.product-header .hintbox-icon img,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent .hintbox,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent,
.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent,
.overlay-content body>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent,
.overlay-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light-accent-2);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary,
:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary+*>*,
:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

@media print {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary.product-header,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary.product-header,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary.product-header[class*=bg-],
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary[class*=bg-],
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary.product-header .hintbox-icon img,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary .hintbox,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary,
.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary,
.overlay-content body>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary,
.overlay-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-overflow: var(--gutter);
  background-color: var(--color-background-light);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light,
:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light+*>*,
:where(main)>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

@media print {
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light.product-header,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light.product-header,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light.product-header[class*=bg-],
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light[class*=bg-],
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light.product-header .hintbox-icon img,
  .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light .details--s9>.details .main-column[class*=bg-],
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light .hintbox,
.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light,
.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light,
.overlay-content body>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light,
.overlay-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light .flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light .product-label.product-label--overflow,
.overlay-content body>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light .product-label.product-label--overflow,
.overlay-content>.flyout-navigation-container-inner>.flyout-navigation-mobile-header.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header>.flyout-navigation-mobile-header-content {
  align-items: center;
  display: flex;
  max-height: var(--header-mobile);
  padding-bottom: 17px;
  padding-top: 17px
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header>.flyout-navigation-mobile-header-content>.flyout-back-link {
  font-size: 20px;
  height: 20px;
  padding-right: 15px
}

html:not(.touch) .flyout-navigation-container-inner>.flyout-navigation-mobile-header>.flyout-navigation-mobile-header-content>.flyout-back-link:hover {
  text-decoration: underline
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header>.flyout-navigation-mobile-header-content>.flyout-back-link:focus-visible {
  border: unset;
  margin-right: 16px;
  padding-right: 0
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header>.flyout-navigation-mobile-header-content>.flyout-back-link>.link-container {
  display: none
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header>.flyout-navigation-mobile-header-content>.flyout-back-link-separator {
  background-color: var(--kfw-color-grey-300);
  height: 1.4rem;
  position: relative;
  top: .1rem;
  width: .1rem
}

.flyout-navigation-container-inner>.flyout-navigation-mobile-header>.flyout-navigation-mobile-header-content>.flyout-back-link-label {
  display: inline-flex;
  display: -webkit-box;
  margin-bottom: 0 !important;
  padding-left: 15px;
  position: relative;
  top: .2rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.flyout-navigation-container-inner>.flyout-navigation-breadcrumb-container {
  align-items: center;
  color: var(--color-font-on-light-bg);
  column-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  line-height: 2.4rem;
  margin-bottom: 1rem;
  margin-top: 3rem
}

.flyout-navigation-container-inner>.flyout-navigation-breadcrumb-container>.flyout-breadcrumb-container {
  display: flex
}

.flyout-navigation-container-inner>.flyout-navigation-breadcrumb-container>.flyout-breadcrumb-container>.breadcrumb {
  padding-left: 1rem
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container {
  margin-bottom: 4rem;
  margin-top: 15px
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items {
  column-gap: var(--gap);
  display: flex;
  flex: 1
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list {
  height: fit-content;
  margin: 0;
  padding: 0;
  width: 100% !important
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>li:last-child:nth-child(4) {
  grid-column: last-col
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item {
  border-bottom: 1px solid var(--color-line-8);
  box-sizing: border-box;
  margin-bottom: 0;
  position: relative
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item.overview {
  font-weight: 500
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item.active .flyout-navigation-link:focus-visible,
.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item.active .flyout-navigation-link:hover {
  text-decoration: none
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item.active .flyout-navigation-link .flyout-navigation-link-title span:not(.icon) {
  text-decoration: underline
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item>.flyout-navigation-link {
  display: block;
  margin: 1.5rem 0 2.5rem;
  padding-right: 2.6rem;
  position: relative;
  text-align: left;
  transition: color .3s;
  white-space: break-spaces;
  width: 100%
}

html:not(.touch) .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item>.flyout-navigation-link:focus-visible .flyout-navigation-link-title span:not(.icon),
html:not(.touch) .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item>.flyout-navigation-link:hover .flyout-navigation-link-title span:not(.icon) {
  text-decoration: underline
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item>.flyout-navigation-link .flyout-navigation-link-title {
  white-space: nowrap
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item>.flyout-navigation-link .flyout-navigation-link-title-headline {
  display: inline;
  white-space: pre-line;
  word-break: break-word
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item>.flyout-navigation-link .flyout-navigation-link-title-subline {
  display: block;
  margin-bottom: 0;
  padding-top: .5rem
}

@media only print and (width >=0px) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item>.flyout-navigation-link {
    margin: 1.5rem 0
  }
}

@media only screen and (min-width:1280px) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item>.flyout-navigation-link {
    margin: 1.5rem 0
  }
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item .icon--arrow-right {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: .2rem
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item .icon--lock,
.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item .icon--unlock {
  padding: 0 .5rem;
  top: 0
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item .icon--lock:before,
.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list>.flyout-navigation-list-item .icon--unlock:before {
  display: inline
}

@media only print and (width >=0px) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list {
    column-gap: var(--gap);
    display: grid;
    grid-auto-flow: column;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(calc(var(--col-count, 3) - 1), minmax(0, 1fr)) [last-col] minmax(0, 1fr);
    grid-template-rows: repeat(var(--row-count, 2), 1fr)
  }
}

@media only screen and (min-width:1280px) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-list {
    column-gap: var(--gap);
    display: grid;
    grid-auto-flow: column;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(calc(var(--col-count, 3) - 1), minmax(0, 1fr)) [last-col] minmax(0, 1fr);
    grid-template-rows: repeat(var(--row-count, 2), 1fr)
  }
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-teaser-container {
  background-color: var(--color-background);
  flex-shrink: 0;
  height: fit-content;
  margin-top: 1.5rem;
  padding: 2rem 2rem 3rem;
  width: 100%
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-teaser-container>.flyout-navigation-teaser-image {
  margin-bottom: 1.5rem
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-teaser-container>.flyout-navigation-teaser-text>.teaser-headline {
  color: var(--color-font-on-light-bg);
  margin-bottom: 2rem
}

@media only print and (width >=0px) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-teaser-container {
    width: calc(min(100%, var(--col-width) * 4 + var(--gap) * (4 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-teaser-container {
    --columns: 12
  }
}

@media only screen and (min-width:1280px) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-teaser-container {
    width: calc(min(100%, var(--col-width) * 4 + var(--gap) * (4 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:1280px)and (min-width:600px) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items>.flyout-navigation-teaser-container {
    --columns: 12
  }
}

@media only screen and (max-width:calc(1280px - 1px)) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-navigation-items {
    flex-wrap: wrap;
    row-gap: 1.5rem
  }
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container .flyout-homepage-link,
.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-back-link {
  margin-top: 3rem
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button {
  position: absolute
}

@media only print and (width >=0px) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button {
    color: var(--color-fn);
    font-size: 2.4rem;
    right: 0;
    top: -5.5rem
  }

  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button:hover {
    border-radius: 4px;
    color: var(--color-fn-active);
    outline: 2px solid var(--color-fn-active);
    outline-offset: 0
  }

  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button:focus-visible {
    border-radius: 4px;
    color: var(--color-fn-active);
    outline: 2px dashed var(--color-fn-active);
    outline-offset: 2px
  }
}

@media only screen and (min-width:1280px) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button {
    color: var(--color-fn);
    font-size: 2.4rem;
    right: 0;
    top: -5.5rem
  }

  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button:hover {
    border-radius: 4px;
    color: var(--color-fn-active);
    outline: 2px solid var(--color-fn-active);
    outline-offset: 0
  }

  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button:focus-visible {
    border-radius: 4px;
    color: var(--color-fn-active);
    outline: 2px dashed var(--color-fn-active);
    outline-offset: 2px
  }
}

@media only print and (width >=0px) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button {
    align-items: center;
    background-color: var(--color-fn);
    color: var(--color-font-on-dark-bg);
    display: flex;
    height: 58px;
    justify-content: center;
    right: -58px;
    top: 0;
    width: 58px
  }

  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button:hover {
    background-color: var(--color-fn-active)
  }

  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button:hover>.icon--close {
    border-radius: 4px;
    outline: 2px solid var(--color-background);
    outline-offset: 0
  }

  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button:focus-visible {
    background-color: var(--color-fn-active)
  }

  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button:focus-visible>.icon--close {
    border-radius: 4px;
    outline: 2px dashed var(--color-background);
    outline-offset: 2px
  }

  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button>.icon--close {
    font-size: 2.4rem;
    width: 2.4rem
  }
}

@media only screen and (min-width:320px)and (max-width:calc(1280px - 1px)) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button {
    align-items: center;
    background-color: var(--color-fn);
    color: var(--color-font-on-dark-bg);
    display: flex;
    height: 58px;
    justify-content: center;
    right: -58px;
    top: 0;
    width: 58px
  }

  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button:hover {
    background-color: var(--color-fn-active)
  }

  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button:hover>.icon--close {
    border-radius: 4px;
    outline: 2px solid var(--color-background);
    outline-offset: 0
  }

  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button:focus-visible {
    background-color: var(--color-fn-active)
  }

  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button:focus-visible>.icon--close {
    border-radius: 4px;
    outline: 2px dashed var(--color-background);
    outline-offset: 2px
  }

  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.flyout-close-button>.icon--close {
    font-size: 2.4rem;
    width: 2.4rem
  }
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.header-meta-list {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 0;
  margin-top: var(--space-medium)
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.header-meta-list>.list-item {
  margin-bottom: 0;
  padding-bottom: 0
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.header-meta-list>.list-item>.link-accessibility {
  align-items: center;
  padding: .4rem .2rem
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.header-meta-list>.list-item>.link-accessibility:hover {
  border-radius: 4px;
  outline: 2px solid var(--color-fn-active);
  outline-offset: 2px
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.header-meta-list>.list-item>.link-accessibility:focus-visible {
  border-radius: 4px;
  outline: 2px dashed var(--color-fn-active);
  outline-offset: 2px
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.header-meta-list>.list-item>.link-accessibility>.icon {
  font-size: 2.4rem;
  line-height: 1.4rem;
  top: 0
}

.flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container>.header-meta-list>.list-item:not(:last-of-type) {
  border-right: 1px solid var(--color-line-8);
  padding-right: 1rem
}

@media(min-width:840px)and (max-width:calc(960px - 1px)) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container {
    margin-right: -1%
  }
}

@media only print and (width >=0px) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container {
    margin-right: -1%
  }
}

@media(min-width:960px)and (max-width:calc(1280px - 1px)) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container {
    margin-right: -1%
  }
}

@media only print and (width >=0px) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container {
    position: relative
  }
}

@media only screen and (min-width:1280px) {
  .flyout-navigation-container-inner>.flyout-navigation-links-container.flyout-navigation-links-container {
    position: relative
  }
}

@media only screen and (max-width:calc(1280px - 1px)) {
  .flyout-navigation-container-inner {
    overflow: hidden auto
  }
}

@media(min-width:600px)and (max-width:calc(840px - 1px)) {
  .flyout-navigation-container {
    width: calc(min(100%, var(--col-width) * 6 + var(--gap) * (6 - 1)) + var(--gutter));
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (min-width:600px)and (max-width:calc(840px - 1px))and (width >=0px) {
  .flyout-navigation-container {
    --columns: 12
  }
}

@media only screen and (min-width:600px)and (max-width:calc(840px - 1px))and (min-width:600px) {
  .flyout-navigation-container {
    --columns: 12
  }
}

@media only screen and (max-width:calc(600px - 1px)) {
  .flyout-navigation-container {
    width: calc(min(100%, var(--col-width) * 4 + var(--gap) * (4 - 1)) + 0px);
    --col-width: calc((calc(100% - var(--close-btn-width)) - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (max-width:calc(600px - 1px))and (min-width:600px) {
  .flyout-navigation-container {
    --columns: 12
  }
}

@media only screen and (max-width:calc(1280px - 1px)) {
  .flyout-navigation-container {
    height: 100dvh
  }
}

@media only print and (width >=0px) {
  .flyout-navigation-container {
    width: calc(min(100%, var(--col-width) * 4 + var(--gap) * (4 - 1)) + calc(var(--gap) + var(--gutter)));
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .flyout-navigation-container {
    --columns: 12
  }
}

@media only screen and (min-width:840px) {
  .flyout-navigation-container {
    width: calc(min(100%, var(--col-width) * 4 + var(--gap) * (4 - 1)) + calc(var(--gap) + var(--gutter)));
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:840px)and (min-width:600px) {
  .flyout-navigation-container {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .flyout-navigation-container {
    margin-top: .1rem !important;
    top: unset;
    width: 100%
  }
}

@media only screen and (min-width:1280px) {
  .flyout-navigation-container {
    margin-top: .1rem !important;
    top: unset;
    width: 100%
  }
}

.login-navigation {
  margin: -4px;
  overflow: hidden;
  padding: 4px
}

.login-navigation__headline {
  align-items: center;
  display: flex;
  gap: var(--space-x-small)
}

.login-navigation__headline .icon {
  width: 2.4rem
}

.login-navigation__link-list-item {
  margin-bottom: var(--space-large)
}

.login-navigation__link-list-item:last-child {
  margin-bottom: 0
}

.login-navigation__link-list-item a.link {
  flex-direction: column;
  white-space: inherit
}

.login-navigation__link-list-item button.link {
  width: 100%
}

.login-navigation__link-list-item button.link--high {
  flex-direction: column
}

.login-navigation__link-list-item button.link .link-arrow {
  width: 2.4rem
}

.login-navigation__link-list-item button.link .link-subheadline {
  padding-right: 2.4rem;
  text-align: left
}

.login-navigation .link {
  align-items: stretch;
  display: flex
}

.login-navigation .link:focus-visible,
.login-navigation .link:hover {
  --link-color: var(--link-color-hover);
  text-decoration: none
}

.login-navigation .link:focus-visible .link-headline-label,
.login-navigation .link:focus-visible .link-subheadline,
.login-navigation .link:hover .link-headline-label,
.login-navigation .link:hover .link-subheadline {
  text-decoration: underline
}

.login-navigation .link .link-headline {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  white-space: normal
}

.login-navigation .link .link-subheadline {
  margin-top: var(--space-x-small);
  white-space: normal
}

.login-navigation .link .link-headline,
.login-navigation .link .link-subheadline {
  color: var(--link-color)
}

.login-navigation .link-back button.link {
  align-items: baseline
}

.select-language {
  position: relative
}

.select-language-mobile,
.select-language-mobile .select-language-list-mobile {
  display: inline-flex;
  flex-wrap: wrap
}

.select-language-mobile .select-language-list-mobile .list-item:not(:first-of-type) {
  padding-left: 1rem
}

.select-language-mobile .select-language-list-mobile .list-item:not(:last-of-type) {
  border-right: 1px solid var(--kfw-color-grey-300);
  padding-right: 1rem
}

@media only print and (width >=0px) {
  .select-language-mobile {
    display: none
  }
}

@media only screen and (min-width:1280px) {
  .select-language-mobile {
    display: none
  }
}

.select-language-container {
  outline: none
}

.select-language-container.active .icon-container {
  display: inline-flex;
  position: relative;
  --arrow-size: 6px
}

.select-language-container.active .icon-container:after,
.select-language-container.active .icon-container:before {
  border-color: transparent;
  border-width: calc(var(--arrow-size) + 2px);
  content: "";
  height: 0;
  left: var(--arrow-left, auto);
  margin: auto;
  pointer-events: none;
  position: absolute;
  right: var(--arrow-right, auto);
  text-align: center;
  width: 0;
  z-index: 93
}

.select-language-container.active .icon-container:before {
  border-bottom-color: var(--kfw-color-grey-300);
  top: calc(20px - 1px);
  transform: translateY(-50%)
}

.select-language-container.active .icon-container:after {
  border-bottom-color: var(--color-font-on-dark-bg);
  top: 20px;
  transform: translateY(-49%)
}

.select-language-container.active .icon-container .icon--arrow-up {
  display: block
}

.select-language-container.active .icon-container .icon--arrow-down {
  display: none
}

.select-language-container.active .select-language-list {
  visibility: visible
}

.select-language-container .select-label .icon-container {
  margin-left: .5rem
}

.select-language-container .select-label .icon-container .icon {
  color: var(--color-fn)
}

.select-language-container .select-label .icon-container .icon--arrow-up {
  display: none
}

.select-language-container .select-label .icon-container .icon--arrow-down {
  display: block
}

.select-language-container .select-language-list {
  background-color: var(--color-background);
  border: 1px solid var(--kfw-color-grey-300);
  color: var(--color-fn);
  margin-left: .2rem;
  margin-top: .9rem;
  padding: 1.3rem 2rem 2rem;
  position: absolute;
  visibility: hidden;
  width: auto;
  z-index: 92
}

.select-language-container li {
  margin-bottom: 1.3rem;
  position: relative
}

.select-language-container li:last-of-type {
  margin-bottom: 0
}

@media only screen and (max-width:calc(1280px - 1px)) {
  .select-language-container {
    display: none
  }
}

.select-language .link.active .link-labeling {
  text-decoration: underline
}

.autosuggest {
  --header-elements-height: calc(var(--header-mobile) + var(--searchfield-c-height));
  --c-padding-y-bg: 0px
}

.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.autosuggest:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.autosuggest.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.autosuggest.bg-dark .button--primary,
.autosuggest.bg-dark .button--primary-positive,
.autosuggest.bg-dark .button--secondary,
.autosuggest.bg-dark .button--secondary-positive,
.autosuggest.bg-dark .button--tertiary,
.autosuggest.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.autosuggest.bg-dark .button--primary,
.autosuggest.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.autosuggest.bg-dark .button--secondary,
.autosuggest.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.autosuggest.bg-dark .button--tertiary,
.autosuggest.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.autosuggest.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.autosuggest.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.autosuggest.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.autosuggest.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.autosuggest.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.autosuggest.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.autosuggest.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.autosuggest.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.autosuggest.bg-dark,
:where(main)>.autosuggest.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.autosuggest.bg-dark+*>*,
:where(main)>.autosuggest.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .autosuggest.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .autosuggest.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.autosuggest.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.autosuggest.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .autosuggest.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .autosuggest.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .autosuggest.bg-dark.product-header,
  .autosuggest.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .autosuggest.bg-dark.product-header,
  .autosuggest.bg-dark.product-header[class*=bg-],
  .autosuggest.bg-dark[class*=bg-],
  .autosuggest.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .autosuggest.bg-dark.product-header .hintbox-icon img,
  .autosuggest.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.autosuggest.bg-dark .details--s9>.details .main-column[class*=bg-],
.autosuggest.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .autosuggest.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .autosuggest.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .autosuggest.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .autosuggest.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .autosuggest.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .autosuggest.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.autosuggest.bg-dark .hintbox,
.autosuggest.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.autosuggest.bg-dark,
.overlay-content .main-column>.autosuggest.bg-dark .autosuggest.bg-dark,
.overlay-content body>.autosuggest.bg-dark,
.overlay-content>.autosuggest.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.autosuggest.bg-dark .autosuggest.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.autosuggest.bg-dark .product-label.product-label--overflow,
.overlay-content body>.autosuggest.bg-dark .product-label.product-label--overflow,
.overlay-content>.autosuggest.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.autosuggest.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.autosuggest.bg-dark-accent .button--primary,
.autosuggest.bg-dark-accent .button--primary-positive,
.autosuggest.bg-dark-accent .button--secondary,
.autosuggest.bg-dark-accent .button--secondary-positive,
.autosuggest.bg-dark-accent .button--tertiary,
.autosuggest.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.autosuggest.bg-dark-accent .button--primary,
.autosuggest.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.autosuggest.bg-dark-accent .button--secondary,
.autosuggest.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.autosuggest.bg-dark-accent .button--tertiary,
.autosuggest.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.autosuggest.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.autosuggest.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.autosuggest.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.autosuggest.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.autosuggest.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.autosuggest.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.autosuggest.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.autosuggest.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.autosuggest.bg-dark-accent,
:where(main)>.autosuggest.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.autosuggest.bg-dark-accent+*>*,
:where(main)>.autosuggest.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .autosuggest.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .autosuggest.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.autosuggest.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.autosuggest.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .autosuggest.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .autosuggest.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .autosuggest.bg-dark-accent.product-header,
  .autosuggest.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .autosuggest.bg-dark-accent.product-header,
  .autosuggest.bg-dark-accent.product-header[class*=bg-],
  .autosuggest.bg-dark-accent[class*=bg-],
  .autosuggest.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .autosuggest.bg-dark-accent.product-header .hintbox-icon img,
  .autosuggest.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.autosuggest.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.autosuggest.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .autosuggest.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .autosuggest.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .autosuggest.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .autosuggest.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .autosuggest.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .autosuggest.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.autosuggest.bg-dark-accent .hintbox,
.autosuggest.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.autosuggest.bg-dark-accent,
.overlay-content .main-column>.autosuggest.bg-dark-accent .autosuggest.bg-dark-accent,
.overlay-content body>.autosuggest.bg-dark-accent,
.overlay-content>.autosuggest.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.autosuggest.bg-dark-accent .autosuggest.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.autosuggest.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.autosuggest.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.autosuggest.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.autosuggest.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.autosuggest.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.autosuggest.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.autosuggest.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.autosuggest.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.autosuggest.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.autosuggest.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.autosuggest.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.autosuggest.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.autosuggest.bg-light-accent,
:where(main)>.autosuggest.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.autosuggest.bg-light-accent+*>*,
:where(main)>.autosuggest.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .autosuggest.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .autosuggest.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.autosuggest.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.autosuggest.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .autosuggest.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .autosuggest.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .autosuggest.bg-light-accent.product-header,
  .autosuggest.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .autosuggest.bg-light-accent.product-header,
  .autosuggest.bg-light-accent.product-header[class*=bg-],
  .autosuggest.bg-light-accent[class*=bg-],
  .autosuggest.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .autosuggest.bg-light-accent.product-header .hintbox-icon img,
  .autosuggest.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.autosuggest.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.autosuggest.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .autosuggest.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .autosuggest.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .autosuggest.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .autosuggest.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .autosuggest.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .autosuggest.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.autosuggest.bg-light-accent .hintbox,
.autosuggest.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.autosuggest.bg-light-accent,
.overlay-content .main-column>.autosuggest.bg-light-accent .autosuggest.bg-light-accent,
.overlay-content body>.autosuggest.bg-light-accent,
.overlay-content>.autosuggest.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.autosuggest.bg-light-accent .autosuggest.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.autosuggest.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.autosuggest.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.autosuggest.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.autosuggest.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.autosuggest.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.autosuggest.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.autosuggest.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.autosuggest.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.autosuggest.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.autosuggest.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.autosuggest.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.autosuggest.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.autosuggest.bg-light-accent-secondary,
:where(main)>.autosuggest.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.autosuggest.bg-light-accent-secondary+*>*,
:where(main)>.autosuggest.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .autosuggest.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .autosuggest.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.autosuggest.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.autosuggest.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .autosuggest.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .autosuggest.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .autosuggest.bg-light-accent-secondary.product-header,
  .autosuggest.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .autosuggest.bg-light-accent-secondary.product-header,
  .autosuggest.bg-light-accent-secondary.product-header[class*=bg-],
  .autosuggest.bg-light-accent-secondary[class*=bg-],
  .autosuggest.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .autosuggest.bg-light-accent-secondary.product-header .hintbox-icon img,
  .autosuggest.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.autosuggest.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.autosuggest.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .autosuggest.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .autosuggest.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .autosuggest.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .autosuggest.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .autosuggest.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .autosuggest.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.autosuggest.bg-light-accent-secondary .hintbox,
.autosuggest.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.autosuggest.bg-light-accent-secondary,
.overlay-content .main-column>.autosuggest.bg-light-accent-secondary .autosuggest.bg-light-accent-secondary,
.overlay-content body>.autosuggest.bg-light-accent-secondary,
.overlay-content>.autosuggest.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.autosuggest.bg-light-accent-secondary .autosuggest.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.autosuggest.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.autosuggest.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.autosuggest.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.autosuggest.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.autosuggest.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.autosuggest.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.autosuggest.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.autosuggest.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.autosuggest.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.autosuggest.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.autosuggest.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.autosuggest.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.autosuggest.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.autosuggest.bg-light,
:where(main)>.autosuggest.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.autosuggest.bg-light+*>*,
:where(main)>.autosuggest.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .autosuggest.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .autosuggest.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.autosuggest.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.autosuggest.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .autosuggest.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .autosuggest.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .autosuggest.bg-light.product-header,
  .autosuggest.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .autosuggest.bg-light.product-header,
  .autosuggest.bg-light.product-header[class*=bg-],
  .autosuggest.bg-light[class*=bg-],
  .autosuggest.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .autosuggest.bg-light.product-header .hintbox-icon img,
  .autosuggest.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.autosuggest.bg-light .details--s9>.details .main-column[class*=bg-],
.autosuggest.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .autosuggest.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .autosuggest.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .autosuggest.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .autosuggest.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .autosuggest.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .autosuggest.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.autosuggest.bg-light .hintbox,
.autosuggest.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.autosuggest.bg-light,
.overlay-content .main-column>.autosuggest.bg-light .autosuggest.bg-light,
.overlay-content body>.autosuggest.bg-light,
.overlay-content>.autosuggest.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.autosuggest.bg-light .autosuggest.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.autosuggest.bg-light .product-label.product-label--overflow,
.overlay-content body>.autosuggest.bg-light .product-label.product-label--overflow,
.overlay-content>.autosuggest.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.autosuggest {
  display: grid;
  gap: var(--space-large) var(--gap);
  grid-auto-rows: auto;
  grid-template-areas: "products" "news" "auto";
  max-height: calc(100vh - var(--header-elements-height) - var(--space-small));
  overflow-y: auto
}

.autosuggest-wrapper {
  left: var(--gutter);
  position: fixed;
  right: var(--gutter);
  z-index: 100
}

@media only print and (width >=0px) {
  .autosuggest-wrapper {
    position: var(--autosuggest-position)
  }
}

@media only screen and (min-width:1280px) {
  .autosuggest-wrapper {
    position: var(--autosuggest-position)
  }
}

.autosuggest-products {
  grid-area: products
}

.autosuggest-news {
  grid-area: news
}

.autosuggest-no-items-found {
  margin-top: var(--space-small)
}

.autosuggest-list-headline {
  border-bottom: 1px solid var(--color-line-11);
  padding-bottom: var(--space-x-small)
}

.autosuggest-list-headline>[class*=hl-] {
  display: flex;
  gap: var(--space-x-small)
}

.autosuggest-item {
  padding-top: var(--space-small)
}

.autosuggest-item:not(:last-child) {
  border-bottom: 1px solid var(--color-line-8);
  padding-bottom: var(--space-small)
}

.autosuggest-item--product {
  align-items: flex-start;
  display: flex;
  gap: 15px;
  justify-content: space-between
}

.autosuggest-item--news {
  display: flex;
  flex-direction: column;
  gap: var(--space-x-small)
}

.autosuggest-item--news .smk-1 {
  margin-bottom: 0
}

.autosuggest-item .link {
  flex: 1
}

.autosuggest--default {
  --indicator-top: 2px
}

.autosuggest--default .autosuggest-list .autosuggest-documents {
  display: none
}

.autosuggest--default .autosuggest.autosuggest--hide-products {
  grid-template-areas: "news" "auto"
}

@media only print and (width >=0px) {
  .autosuggest--default .autosuggest.autosuggest--hide-products {
    grid-template-areas: "news auto"
  }
}

@media only screen and (min-width:840px) {
  .autosuggest--default .autosuggest.autosuggest--hide-products {
    grid-template-areas: "news auto"
  }
}

@media only print and (width >=0px) {
  .autosuggest--default .autosuggest.autosuggest--hide-products {
    grid-template-areas: "news auto";
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media only screen and (min-width:1280px) {
  .autosuggest--default .autosuggest.autosuggest--hide-products {
    grid-template-areas: "news auto";
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media(min-width:600px)and (max-width:calc(840px - 1px)) {
  .autosuggest--default {
    --c-padding-b-addition: 50px;
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .autosuggest--default .autosuggest {
    grid-column: 5/span 8
  }
}

@media only screen and (max-width:calc(600px - 1px)) {
  .autosuggest--default {
    --c-padding-b-addition: 30px
  }
}

@media only screen and (max-width:calc(840px - 1px)) {
  .autosuggest--default {
    margin-top: 20px
  }
}

@media only print and (width >=0px) {
  .autosuggest--default {
    margin-top: var(--searchfield-padding-y)
  }

  .autosuggest--default .autosuggest {
    grid-template-areas: "products news" "auto auto";
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media only screen and (min-width:840px) {
  .autosuggest--default {
    margin-top: var(--searchfield-padding-y)
  }

  .autosuggest--default .autosuggest {
    grid-template-areas: "products news" "auto auto";
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media only print and (width >=0px) {
  .autosuggest--default .autosuggest {
    grid-template-areas: "products news auto";
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@media only screen and (min-width:1280px) {
  .autosuggest--default .autosuggest {
    grid-template-areas: "products news auto";
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

.autosuggest--facet {
  border-bottom-right-radius: 20px;
  position: absolute;
  z-index: 89
}

.autosuggest--facet .autosuggest {
  --c-padding-y-bg: 0px;
  --c-padding-b-addition: 30px;
  --c-overflow: 0px;
  --indicator-top: 1px;
  --line-color: var(--kfw-color-grey-300);
  --arrow-left: 1.5rem;
  border: 1px solid var(--line-color);
  border-bottom-right-radius: 20px;
  display: flex;
  flex-direction: column;
  margin-top: calc(var(--arrow-size) + var(--indicator-top, 0px));
  max-height: min(85vh, 51rem);
  max-width: 100%;
  row-gap: 0;
  --arrow-size: 8px
}

.autosuggest--facet .autosuggest:after,
.autosuggest--facet .autosuggest:before {
  border-color: transparent;
  border-width: calc(var(--arrow-size) + 2px);
  content: "";
  height: 0;
  left: var(--arrow-left, auto);
  margin: auto;
  pointer-events: none;
  position: absolute;
  right: var(--arrow-right, auto);
  text-align: center;
  width: 0;
  z-index: 93
}

.autosuggest--facet .autosuggest:before {
  border-bottom-color: var(--line-color);
  top: calc(var(--indicator-top, 0) - 1px);
  transform: translateY(-50%)
}

.autosuggest--facet .autosuggest:after {
  border-bottom-color: var(--color-background-light-accent-2);
  top: var(--indicator-top, 0);
  transform: translateY(-49%)
}

.autosuggest--facet .autosuggest-item {
  border-bottom: 1px solid var(--color-line-8);
  padding-bottom: var(--space-small)
}

.autosuggest--facet .autosuggest-item:last-child {
  border-bottom: 0;
  padding-bottom: 0
}

.autosuggest--facet .autosuggest-item--document,
.autosuggest--facet .autosuggest-item--news {
  align-items: flex-start;
  display: grid;
  grid-template-columns: auto min-content
}

.autosuggest--facet .autosuggest-item--document:after,
.autosuggest--facet .autosuggest-item--news:after {
  color: var(--link-color);
  display: block;
  font-size: 25px;
  grid-column: 2;
  grid-row: 1/span 2;
  margin-top: -3px
}

.autosuggest--facet .autosuggest-item--news {
  row-gap: .5rem
}

.autosuggest--facet .autosuggest-item--news:after {
  content: var(--icon-news);
  font-family: KfW-Icon-Font
}

.autosuggest--facet .autosuggest-item--document:after {
  content: var(--icon-document-pdf);
  font-family: KfW-Icon-Font
}

.autosuggest--facet .autosuggest-list-headline {
  display: none
}

.autosuggest--facet .autosuggest-list+.autosuggest-list {
  border-top: 1px solid var(--color-line-8);
  margin-top: var(--space-small)
}

.autosuggest--facet .autosuggest--document-archive .autosuggest-item--document:after,
.autosuggest--facet .autosuggest--public-archive-konzern .autosuggest-item--document:after {
  display: none
}

@media only print and (width >=0px) {
  .autosuggest--facet {
    left: 0;
    right: 0
  }
}

@media only screen and (min-width:600px) {
  .autosuggest--facet {
    left: 0;
    right: 0
  }
}

@media only print and (width >=0px) {
  .autosuggest--facet {
    right: auto;
    width: calc(min(var(--max-container-width), var(--col-width) * 5 + var(--gap) * (5 - 1)) + 0px);
    --col-width: calc((var(--max-container-width) - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .autosuggest--facet {
    --columns: 12
  }
}

@media only screen and (min-width:1280px) {
  .autosuggest--facet {
    right: auto;
    width: calc(min(var(--max-container-width), var(--col-width) * 5 + var(--gap) * (5 - 1)) + 0px);
    --col-width: calc((var(--max-container-width) - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:1280px)and (min-width:600px) {
  .autosuggest--facet {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .autosuggest {
    --c-padding-y-bg: 30px;
    border-bottom-right-radius: 20px
  }
}

@media only screen and (min-width:840px) {
  .autosuggest {
    --c-padding-y-bg: 30px;
    border-bottom-right-radius: 20px
  }
}

@media only print and (width >=0px) {
  .autosuggest-wrapper {
    --c-overflow: 30px;
    bottom: auto
  }

  .header-container:not(.sticky) .autosuggest--default .autosuggest {
    --indicator-top: 3px;
    --arrow-left: calc(var(--reference-left, 0px) - var(--gutter));
    border-top: 1px solid var(--color-line-11);
    margin-top: calc(var(--arrow-size) + var(--indicator-top, 0px));
    --arrow-size: 10px
  }

  .header-container:not(.sticky) .autosuggest--default .autosuggest:after,
  .header-container:not(.sticky) .autosuggest--default .autosuggest:before {
    border-color: transparent;
    border-width: calc(var(--arrow-size) + 2px);
    content: "";
    height: 0;
    left: var(--arrow-left, auto);
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: var(--arrow-right, auto);
    text-align: center;
    width: 0;
    z-index: 93
  }

  .header-container:not(.sticky) .autosuggest--default .autosuggest:before {
    border-bottom-color: var(--color-line-11);
    top: calc(2px - 1px);
    transform: translateY(-50%)
  }

  .header-container:not(.sticky) .autosuggest--default .autosuggest:after {
    border-bottom-color: var(--color-background-light-accent-2);
    top: 2px;
    transform: translateY(-49%)
  }
}

@media only screen and (min-width:1280px) {
  .autosuggest-wrapper {
    --c-overflow: 30px;
    bottom: auto
  }

  .header-container:not(.sticky) .autosuggest--default .autosuggest {
    --indicator-top: 3px;
    --arrow-left: calc(var(--reference-left, 0px) - var(--gutter));
    border-top: 1px solid var(--color-line-11);
    margin-top: calc(var(--arrow-size) + var(--indicator-top, 0px));
    --arrow-size: 10px
  }

  .header-container:not(.sticky) .autosuggest--default .autosuggest:after,
  .header-container:not(.sticky) .autosuggest--default .autosuggest:before {
    border-color: transparent;
    border-width: calc(var(--arrow-size) + 2px);
    content: "";
    height: 0;
    left: var(--arrow-left, auto);
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: var(--arrow-right, auto);
    text-align: center;
    width: 0;
    z-index: 93
  }

  .header-container:not(.sticky) .autosuggest--default .autosuggest:before {
    border-bottom-color: var(--color-line-11);
    top: calc(2px - 1px);
    transform: translateY(-50%)
  }

  .header-container:not(.sticky) .autosuggest--default .autosuggest:after {
    border-bottom-color: var(--color-background-light-accent-2);
    top: 2px;
    transform: translateY(-49%)
  }
}

@font-face {
  font-family: kfwcentrosans-regweb;
  font-style: normal;
  font-weight: 400;
  src: local("kfwcentrosans-regweb");
  src: url(../fonts/KFWCentroSans-Regular87d993823d0405bf46aa.woff2) format("woff2"), url(../fonts/KFWCentroSans-Regular2684dcc7c4baa31fe08d.woff) format("woff")
}

@font-face {
  font-family: kfwcentrosans-regweb;
  font-style: italic;
  font-weight: 400;
  src: local("kfwcentrosans-regweb");
  src: url(../fonts/KFWCentroSans-Italic2835aa89b0f338780538.woff2) format("woff2"), url(../fonts/KFWCentroSans-Italicb30d59a9c5c0ded89804.woff) format("woff")
}

@font-face {
  font-family: kfwcentrosans-medium;
  font-style: normal;
  font-weight: 400;
  src: local("kfwcentrosans-medium");
  src: url(../fonts/KFWCentroSans-Medium1ca9dcc88e0806adc542.woff2) format("woff2"), url(../fonts/KFWCentroSans-Mediumb2d350f7007af1d242ad.woff) format("woff")
}

@font-face {
  font-family: kfwcentrosans-medium;
  font-style: italic;
  font-weight: 400;
  src: local("kfwcentrosans-medium");
  src: url(../fonts/KFWCentroSans-MediumItalicf9d8134c65c6af9fc633.woff2) format("woff2"), url(../fonts/KFWCentroSans-MediumItaliccab6060e2b2d27303965.woff) format("woff")
}

@font-face {
  font-family: kfwcentrosans-bold;
  font-style: normal;
  font-weight: 700;
  src: local("kfwcentrosans-bold");
  src: url(../fonts/KFWCentroSans-Bold767869f3c5262560f20a.woff2) format("woff2"), url(../fonts/KFWCentroSans-Bold7906f8dda19671d06675.woff) format("woff")
}

@font-face {
  font-family: kfwcentrosans-bold;
  font-style: italic;
  font-weight: 700;
  src: local("kfwcentrosans-bold");
  src: url(../fonts/KFWCentroSans-BoldItalice2c7297be543b927fa20.woff2) format("woff2"), url(../fonts/KFWCentroSans-BoldItalicd5f8607a43fb13acb76b.woff) format("woff")
}

@font-face {
  font-family: Iconfont;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/kfw-iconsfbcdb49867bf832e65fd.woff2) format("woff2"), url(../fonts/kfw-iconsa96936851b65a16fbb81.woff) format("woff")
}

.toggle-button-container {
  display: flex;
  flex-direction: row
}

.toggle-button-container .hl-4,
.toggle-button-container h4 {
  color: #5a6166;
  line-height: 2;
  margin: 0 1rem 0 0
}

@media only print,
screen and (min-width:321px) {

  .toggle-button-container .hl-4,
  .toggle-button-container h4 {
    margin: 2px 1rem 0 0
  }
}

@media only print,
screen and (min-width:600px) {

  .toggle-button-container .hl-4,
  .toggle-button-container h4 {
    margin: 4px 1rem 0 0
  }
}

@media only print,
screen and (min-width:840px) {

  .toggle-button-container .hl-4,
  .toggle-button-container h4 {
    margin: 5px 1rem 0 0
  }
}

@media only print,
screen and (min-width:960px) {

  .toggle-button-container .hl-4,
  .toggle-button-container h4 {
    margin: 2px 1rem 0 0
  }
}

.toggle-button {
  background-color: #f6f5ed;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #5a6166;
  height: 36px;
  overflow: hidden;
  position: relative;
  transition: all .1s ease;
  width: 80px
}

.toggle-button.active {
  box-shadow: 0 0 0 1px #005a8c
}

.toggle-button.active:hover {
  box-shadow: 0 0 0 2px #00446e
}

.toggle-button.active:hover input[type=checkbox]:checked+.toggle-button__slider .toggle-button__switch {
  background-color: #00446e
}

.toggle-button.active:focus {
  box-shadow: 0 0 0 1px #00446e;
  outline: 2px dashed #00446e !important;
  outline-offset: 3.5px
}

.toggle-button.active:focus .toggle-button__slider .toggle-button__switch {
  background-color: #00446e !important
}

.toggle-button.inactive:hover {
  box-shadow: 0 0 0 2px #5a6166
}

.toggle-button.inactive:focus {
  outline: 2px dashed #5a6166 !important;
  outline-offset: 3.5px
}

.toggle-button input[type=checkbox] {
  cursor: pointer;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 3
}

.toggle-button input[type=checkbox]:checked+.toggle-button__slider .toggle-button__switch {
  background-color: #005a8c;
  right: 3px
}

.toggle-button input[type=checkbox]:checked+.toggle-button__slider .toggle-button__on {
  display: block;
  left: 14px
}

.toggle-button input[type=checkbox]:checked+.toggle-button__slider .toggle-button__off {
  display: none
}

.toggle-button__layer,
.toggle-button__slider {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.toggle-button__slider {
  z-index: 2
}

.toggle-button__off {
  display: block;
  right: 11px
}

.toggle-button__on {
  display: none
}

.toggle-button__off,
.toggle-button__on {
  color: #5a6166;
  font-family: kfwcentrosans-regweb;
  line-height: 1.6;
  padding-top: 6px;
  z-index: 1
}

.toggle-button__off,
.toggle-button__on,
.toggle-button__switch {
  border-radius: 2px;
  font-family: kfwcentrosans-regweb, kfwcentrosans-regular;
  font-size: 13px;
  position: absolute;
  text-align: center;
  top: 3px;
  transition: all .3s ease;
  vertical-align: middle
}

.toggle-button__switch {
  background-color: #5a6166;
  height: 30px;
  right: 47px;
  width: 30px;
  z-index: 2
}

.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-filter.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.generic-search-container .generic-search-filter.bg-dark .button--primary,
.generic-search-container .generic-search-filter.bg-dark .button--primary-positive,
.generic-search-container .generic-search-filter.bg-dark .button--secondary,
.generic-search-container .generic-search-filter.bg-dark .button--secondary-positive,
.generic-search-container .generic-search-filter.bg-dark .button--tertiary,
.generic-search-container .generic-search-filter.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.generic-search-container .generic-search-filter.bg-dark .button--primary,
.generic-search-container .generic-search-filter.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.generic-search-container .generic-search-filter.bg-dark .button--secondary,
.generic-search-container .generic-search-filter.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.generic-search-container .generic-search-filter.bg-dark .button--tertiary,
.generic-search-container .generic-search-filter.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-filter.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-filter.bg-dark,
:where(main)>.generic-search-container .generic-search-filter.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-filter.bg-dark+*>*,
:where(main)>.generic-search-container .generic-search-filter.bg-dark>* {
  --margin-top: initial
}

.generic-search-container .generic-search-filter.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .generic-search-container .generic-search-filter.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-filter.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-filter.bg-dark.product-header,
  .generic-search-container .generic-search-filter.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-filter.bg-dark.product-header,
  .generic-search-container .generic-search-filter.bg-dark.product-header[class*=bg-],
  .generic-search-container .generic-search-filter.bg-dark[class*=bg-],
  .generic-search-container .generic-search-filter.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-filter.bg-dark.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-filter.bg-dark .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-filter.bg-dark .hintbox,
.generic-search-container .generic-search-filter.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-dark .generic-search-container .generic-search-filter.bg-dark,
.overlay-content body>.generic-search-container .generic-search-filter.bg-dark,
.overlay-content>.generic-search-container .generic-search-filter.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-dark .generic-search-container .generic-search-filter.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-dark .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter.bg-dark .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-filter.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.generic-search-container .generic-search-filter.bg-dark-accent .button--primary,
.generic-search-container .generic-search-filter.bg-dark-accent .button--primary-positive,
.generic-search-container .generic-search-filter.bg-dark-accent .button--secondary,
.generic-search-container .generic-search-filter.bg-dark-accent .button--secondary-positive,
.generic-search-container .generic-search-filter.bg-dark-accent .button--tertiary,
.generic-search-container .generic-search-filter.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.generic-search-container .generic-search-filter.bg-dark-accent .button--primary,
.generic-search-container .generic-search-filter.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.generic-search-container .generic-search-filter.bg-dark-accent .button--secondary,
.generic-search-container .generic-search-filter.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.generic-search-container .generic-search-filter.bg-dark-accent .button--tertiary,
.generic-search-container .generic-search-filter.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-filter.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-filter.bg-dark-accent,
:where(main)>.generic-search-container .generic-search-filter.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-filter.bg-dark-accent+*>*,
:where(main)>.generic-search-container .generic-search-filter.bg-dark-accent>* {
  --margin-top: initial
}

.generic-search-container .generic-search-filter.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .generic-search-container .generic-search-filter.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-filter.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-filter.bg-dark-accent.product-header,
  .generic-search-container .generic-search-filter.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-filter.bg-dark-accent.product-header,
  .generic-search-container .generic-search-filter.bg-dark-accent.product-header[class*=bg-],
  .generic-search-container .generic-search-filter.bg-dark-accent[class*=bg-],
  .generic-search-container .generic-search-filter.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-filter.bg-dark-accent.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-filter.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-filter.bg-dark-accent .hintbox,
.generic-search-container .generic-search-filter.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-dark-accent .generic-search-container .generic-search-filter.bg-dark-accent,
.overlay-content body>.generic-search-container .generic-search-filter.bg-dark-accent,
.overlay-content>.generic-search-container .generic-search-filter.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-dark-accent .generic-search-container .generic-search-filter.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-filter.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-filter.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-filter.bg-light-accent,
:where(main)>.generic-search-container .generic-search-filter.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-filter.bg-light-accent+*>*,
:where(main)>.generic-search-container .generic-search-filter.bg-light-accent>* {
  --margin-top: initial
}

.generic-search-container .generic-search-filter.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .generic-search-container .generic-search-filter.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-filter.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-filter.bg-light-accent.product-header,
  .generic-search-container .generic-search-filter.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-filter.bg-light-accent.product-header,
  .generic-search-container .generic-search-filter.bg-light-accent.product-header[class*=bg-],
  .generic-search-container .generic-search-filter.bg-light-accent[class*=bg-],
  .generic-search-container .generic-search-filter.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-filter.bg-light-accent.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-filter.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-filter.bg-light-accent .hintbox,
.generic-search-container .generic-search-filter.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-light-accent .generic-search-container .generic-search-filter.bg-light-accent,
.overlay-content body>.generic-search-container .generic-search-filter.bg-light-accent,
.overlay-content>.generic-search-container .generic-search-filter.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-light-accent .generic-search-container .generic-search-filter.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-filter.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-filter.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-filter.bg-light-accent-secondary,
:where(main)>.generic-search-container .generic-search-filter.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-filter.bg-light-accent-secondary+*>*,
:where(main)>.generic-search-container .generic-search-filter.bg-light-accent-secondary>* {
  --margin-top: initial
}

.generic-search-container .generic-search-filter.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .generic-search-container .generic-search-filter.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-filter.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-filter.bg-light-accent-secondary.product-header,
  .generic-search-container .generic-search-filter.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-filter.bg-light-accent-secondary.product-header,
  .generic-search-container .generic-search-filter.bg-light-accent-secondary.product-header[class*=bg-],
  .generic-search-container .generic-search-filter.bg-light-accent-secondary[class*=bg-],
  .generic-search-container .generic-search-filter.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-filter.bg-light-accent-secondary.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-filter.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-filter.bg-light-accent-secondary .hintbox,
.generic-search-container .generic-search-filter.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-light-accent-secondary .generic-search-container .generic-search-filter.bg-light-accent-secondary,
.overlay-content body>.generic-search-container .generic-search-filter.bg-light-accent-secondary,
.overlay-content>.generic-search-container .generic-search-filter.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-light-accent-secondary .generic-search-container .generic-search-filter.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-filter.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-filter.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-filter.bg-light,
:where(main)>.generic-search-container .generic-search-filter.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-filter.bg-light+*>*,
:where(main)>.generic-search-container .generic-search-filter.bg-light>* {
  --margin-top: initial
}

.generic-search-container .generic-search-filter.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .generic-search-container .generic-search-filter.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-filter.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-filter.bg-light.product-header,
  .generic-search-container .generic-search-filter.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-filter.bg-light.product-header,
  .generic-search-container .generic-search-filter.bg-light.product-header[class*=bg-],
  .generic-search-container .generic-search-filter.bg-light[class*=bg-],
  .generic-search-container .generic-search-filter.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-filter.bg-light.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-filter.bg-light .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-filter.bg-light .hintbox,
.generic-search-container .generic-search-filter.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-light .generic-search-container .generic-search-filter.bg-light,
.overlay-content body>.generic-search-container .generic-search-filter.bg-light,
.overlay-content>.generic-search-container .generic-search-filter.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-light .generic-search-container .generic-search-filter.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter.bg-light .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter.bg-light .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*,
:where(main)>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>*,
:where(main)>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
  .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact,
.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter-actions:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter-section:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-filter-actions.bg-dark,
.generic-search-container .generic-search-filter-section.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.generic-search-container .generic-search-filter-actions.bg-dark .button--primary,
.generic-search-container .generic-search-filter-actions.bg-dark .button--primary-positive,
.generic-search-container .generic-search-filter-actions.bg-dark .button--secondary,
.generic-search-container .generic-search-filter-actions.bg-dark .button--secondary-positive,
.generic-search-container .generic-search-filter-actions.bg-dark .button--tertiary,
.generic-search-container .generic-search-filter-actions.bg-dark .button--tertiary-positive,
.generic-search-container .generic-search-filter-section.bg-dark .button--primary,
.generic-search-container .generic-search-filter-section.bg-dark .button--primary-positive,
.generic-search-container .generic-search-filter-section.bg-dark .button--secondary,
.generic-search-container .generic-search-filter-section.bg-dark .button--secondary-positive,
.generic-search-container .generic-search-filter-section.bg-dark .button--tertiary,
.generic-search-container .generic-search-filter-section.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.generic-search-container .generic-search-filter-actions.bg-dark .button--primary,
.generic-search-container .generic-search-filter-actions.bg-dark .button--primary-positive,
.generic-search-container .generic-search-filter-section.bg-dark .button--primary,
.generic-search-container .generic-search-filter-section.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.generic-search-container .generic-search-filter-actions.bg-dark .button--secondary,
.generic-search-container .generic-search-filter-actions.bg-dark .button--secondary-positive,
.generic-search-container .generic-search-filter-section.bg-dark .button--secondary,
.generic-search-container .generic-search-filter-section.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.generic-search-container .generic-search-filter-actions.bg-dark .button--tertiary,
.generic-search-container .generic-search-filter-actions.bg-dark .button--tertiary-positive,
.generic-search-container .generic-search-filter-section.bg-dark .button--tertiary,
.generic-search-container .generic-search-filter-section.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-actions.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-actions.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-section.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-section.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-actions.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-actions.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-section.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-section.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter-actions.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter-actions.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter-section.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter-section.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter-actions.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter-actions.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter-section.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter-section.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-dark:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-dark:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-filter-actions.bg-dark,
:where(main)>.generic-search-container .generic-search-filter-actions.bg-dark+*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-dark,
:where(main)>.generic-search-container .generic-search-filter-section.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-filter-actions.bg-dark+*>*,
:where(main)>.generic-search-container .generic-search-filter-actions.bg-dark>*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-dark+*>*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .generic-search-container .generic-search-filter-actions.bg-dark,
  .generic-search-container .generic-search-filter-section.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .generic-search-container .generic-search-filter-actions.bg-dark,
  .generic-search-container .generic-search-filter-section.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.generic-search-container .generic-search-filter-actions.bg-dark,
.generic-search-container .generic-search-filter-section.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.generic-search-container .generic-search-filter-actions.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-filter-section.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .generic-search-container .generic-search-filter-actions.bg-dark,
  .generic-search-container .generic-search-filter-section.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-filter-actions.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-filter-section.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-filter-actions.bg-dark.product-header,
  .generic-search-container .generic-search-filter-actions.bg-dark[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-dark.product-header,
  .generic-search-container .generic-search-filter-section.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-filter-actions.bg-dark.product-header,
  .generic-search-container .generic-search-filter-actions.bg-dark.product-header[class*=bg-],
  .generic-search-container .generic-search-filter-actions.bg-dark[class*=bg-],
  .generic-search-container .generic-search-filter-actions.bg-dark[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-dark.product-header,
  .generic-search-container .generic-search-filter-section.bg-dark.product-header[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-dark[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-filter-actions.bg-dark.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter-actions.bg-dark[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-filter-section.bg-dark.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter-section.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-filter-actions.bg-dark .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter-actions.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-filter-section.bg-dark .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter-section.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-actions.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-actions.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-section.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-section.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-actions.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-actions.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-section.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-section.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-actions.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-actions.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-section.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-section.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-filter-actions.bg-dark .hintbox,
.generic-search-container .generic-search-filter-actions.bg-dark.compact,
.generic-search-container .generic-search-filter-section.bg-dark .hintbox,
.generic-search-container .generic-search-filter-section.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-dark .generic-search-container .generic-search-filter-actions.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-dark .generic-search-container .generic-search-filter-section.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-dark .generic-search-container .generic-search-filter-actions.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-dark .generic-search-container .generic-search-filter-section.bg-dark,
.overlay-content body>.generic-search-container .generic-search-filter-actions.bg-dark,
.overlay-content body>.generic-search-container .generic-search-filter-section.bg-dark,
.overlay-content>.generic-search-container .generic-search-filter-actions.bg-dark,
.overlay-content>.generic-search-container .generic-search-filter-section.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-dark .generic-search-container .generic-search-filter-actions.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-dark .generic-search-container .generic-search-filter-section.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-dark .generic-search-container .generic-search-filter-actions.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-dark .generic-search-container .generic-search-filter-section.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-dark .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter-actions.bg-dark .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter-section.bg-dark .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter-actions.bg-dark .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter-section.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-filter-actions.bg-dark-accent,
.generic-search-container .generic-search-filter-section.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.generic-search-container .generic-search-filter-actions.bg-dark-accent .button--primary,
.generic-search-container .generic-search-filter-actions.bg-dark-accent .button--primary-positive,
.generic-search-container .generic-search-filter-actions.bg-dark-accent .button--secondary,
.generic-search-container .generic-search-filter-actions.bg-dark-accent .button--secondary-positive,
.generic-search-container .generic-search-filter-actions.bg-dark-accent .button--tertiary,
.generic-search-container .generic-search-filter-actions.bg-dark-accent .button--tertiary-positive,
.generic-search-container .generic-search-filter-section.bg-dark-accent .button--primary,
.generic-search-container .generic-search-filter-section.bg-dark-accent .button--primary-positive,
.generic-search-container .generic-search-filter-section.bg-dark-accent .button--secondary,
.generic-search-container .generic-search-filter-section.bg-dark-accent .button--secondary-positive,
.generic-search-container .generic-search-filter-section.bg-dark-accent .button--tertiary,
.generic-search-container .generic-search-filter-section.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.generic-search-container .generic-search-filter-actions.bg-dark-accent .button--primary,
.generic-search-container .generic-search-filter-actions.bg-dark-accent .button--primary-positive,
.generic-search-container .generic-search-filter-section.bg-dark-accent .button--primary,
.generic-search-container .generic-search-filter-section.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.generic-search-container .generic-search-filter-actions.bg-dark-accent .button--secondary,
.generic-search-container .generic-search-filter-actions.bg-dark-accent .button--secondary-positive,
.generic-search-container .generic-search-filter-section.bg-dark-accent .button--secondary,
.generic-search-container .generic-search-filter-section.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.generic-search-container .generic-search-filter-actions.bg-dark-accent .button--tertiary,
.generic-search-container .generic-search-filter-actions.bg-dark-accent .button--tertiary-positive,
.generic-search-container .generic-search-filter-section.bg-dark-accent .button--tertiary,
.generic-search-container .generic-search-filter-section.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-actions.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-actions.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-section.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-section.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-actions.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-actions.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-section.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-section.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter-actions.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter-actions.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter-section.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter-section.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter-actions.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter-actions.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter-section.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter-section.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-dark-accent:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-dark-accent:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-filter-actions.bg-dark-accent,
:where(main)>.generic-search-container .generic-search-filter-actions.bg-dark-accent+*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-dark-accent,
:where(main)>.generic-search-container .generic-search-filter-section.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-filter-actions.bg-dark-accent+*>*,
:where(main)>.generic-search-container .generic-search-filter-actions.bg-dark-accent>*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-dark-accent+*>*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .generic-search-container .generic-search-filter-actions.bg-dark-accent,
  .generic-search-container .generic-search-filter-section.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .generic-search-container .generic-search-filter-actions.bg-dark-accent,
  .generic-search-container .generic-search-filter-section.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.generic-search-container .generic-search-filter-actions.bg-dark-accent,
.generic-search-container .generic-search-filter-section.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.generic-search-container .generic-search-filter-actions.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-filter-section.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .generic-search-container .generic-search-filter-actions.bg-dark-accent,
  .generic-search-container .generic-search-filter-section.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-filter-actions.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-filter-section.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-filter-actions.bg-dark-accent.product-header,
  .generic-search-container .generic-search-filter-actions.bg-dark-accent[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-dark-accent.product-header,
  .generic-search-container .generic-search-filter-section.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-filter-actions.bg-dark-accent.product-header,
  .generic-search-container .generic-search-filter-actions.bg-dark-accent.product-header[class*=bg-],
  .generic-search-container .generic-search-filter-actions.bg-dark-accent[class*=bg-],
  .generic-search-container .generic-search-filter-actions.bg-dark-accent[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-dark-accent.product-header,
  .generic-search-container .generic-search-filter-section.bg-dark-accent.product-header[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-dark-accent[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-filter-actions.bg-dark-accent.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter-actions.bg-dark-accent[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-filter-section.bg-dark-accent.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter-section.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-filter-actions.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter-actions.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-filter-section.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter-section.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-actions.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-actions.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-section.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-section.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-actions.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-actions.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-section.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-section.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-actions.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-actions.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-section.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-section.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-filter-actions.bg-dark-accent .hintbox,
.generic-search-container .generic-search-filter-actions.bg-dark-accent.compact,
.generic-search-container .generic-search-filter-section.bg-dark-accent .hintbox,
.generic-search-container .generic-search-filter-section.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-dark-accent .generic-search-container .generic-search-filter-actions.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-dark-accent .generic-search-container .generic-search-filter-section.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-dark-accent .generic-search-container .generic-search-filter-actions.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-dark-accent .generic-search-container .generic-search-filter-section.bg-dark-accent,
.overlay-content body>.generic-search-container .generic-search-filter-actions.bg-dark-accent,
.overlay-content body>.generic-search-container .generic-search-filter-section.bg-dark-accent,
.overlay-content>.generic-search-container .generic-search-filter-actions.bg-dark-accent,
.overlay-content>.generic-search-container .generic-search-filter-section.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-dark-accent .generic-search-container .generic-search-filter-actions.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-dark-accent .generic-search-container .generic-search-filter-section.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-dark-accent .generic-search-container .generic-search-filter-actions.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-dark-accent .generic-search-container .generic-search-filter-section.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter-actions.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter-section.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter-actions.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter-section.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-filter-actions.bg-light-accent,
.generic-search-container .generic-search-filter-section.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-actions.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-actions.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-section.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-section.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-section.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-section.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter-actions.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter-actions.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter-section.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter-section.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter-section.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter-section.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-light-accent:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-light-accent:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-filter-actions.bg-light-accent,
:where(main)>.generic-search-container .generic-search-filter-actions.bg-light-accent+*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-light-accent,
:where(main)>.generic-search-container .generic-search-filter-section.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-filter-actions.bg-light-accent+*>*,
:where(main)>.generic-search-container .generic-search-filter-actions.bg-light-accent>*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-light-accent+*>*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .generic-search-container .generic-search-filter-actions.bg-light-accent,
  .generic-search-container .generic-search-filter-section.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .generic-search-container .generic-search-filter-actions.bg-light-accent,
  .generic-search-container .generic-search-filter-section.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.generic-search-container .generic-search-filter-actions.bg-light-accent,
.generic-search-container .generic-search-filter-section.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.generic-search-container .generic-search-filter-actions.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-filter-section.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .generic-search-container .generic-search-filter-actions.bg-light-accent,
  .generic-search-container .generic-search-filter-section.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-filter-actions.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-filter-section.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-filter-actions.bg-light-accent.product-header,
  .generic-search-container .generic-search-filter-actions.bg-light-accent[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-light-accent.product-header,
  .generic-search-container .generic-search-filter-section.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-filter-actions.bg-light-accent.product-header,
  .generic-search-container .generic-search-filter-actions.bg-light-accent.product-header[class*=bg-],
  .generic-search-container .generic-search-filter-actions.bg-light-accent[class*=bg-],
  .generic-search-container .generic-search-filter-actions.bg-light-accent[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-light-accent.product-header,
  .generic-search-container .generic-search-filter-section.bg-light-accent.product-header[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-light-accent[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-filter-actions.bg-light-accent.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter-actions.bg-light-accent[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-filter-section.bg-light-accent.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter-section.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-filter-actions.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter-actions.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-filter-section.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter-section.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-actions.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-actions.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-section.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-section.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-actions.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-actions.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-section.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-section.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-actions.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-actions.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-section.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-section.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-filter-actions.bg-light-accent .hintbox,
.generic-search-container .generic-search-filter-actions.bg-light-accent.compact,
.generic-search-container .generic-search-filter-section.bg-light-accent .hintbox,
.generic-search-container .generic-search-filter-section.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent .generic-search-container .generic-search-filter-actions.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent .generic-search-container .generic-search-filter-section.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light-accent .generic-search-container .generic-search-filter-actions.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light-accent .generic-search-container .generic-search-filter-section.bg-light-accent,
.overlay-content body>.generic-search-container .generic-search-filter-actions.bg-light-accent,
.overlay-content body>.generic-search-container .generic-search-filter-section.bg-light-accent,
.overlay-content>.generic-search-container .generic-search-filter-actions.bg-light-accent,
.overlay-content>.generic-search-container .generic-search-filter-section.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent .generic-search-container .generic-search-filter-actions.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent .generic-search-container .generic-search-filter-section.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light-accent .generic-search-container .generic-search-filter-actions.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light-accent .generic-search-container .generic-search-filter-section.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter-actions.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter-section.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter-actions.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter-section.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary,
.generic-search-container .generic-search-filter-section.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary,
:where(main)>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary+*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary,
:where(main)>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary+*>*,
:where(main)>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary>*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary+*>*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary,
  .generic-search-container .generic-search-filter-section.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary,
  .generic-search-container .generic-search-filter-section.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary,
.generic-search-container .generic-search-filter-section.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-filter-section.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary,
  .generic-search-container .generic-search-filter-section.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-filter-section.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary.product-header,
  .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-light-accent-secondary.product-header,
  .generic-search-container .generic-search-filter-section.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary.product-header,
  .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary.product-header[class*=bg-],
  .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary[class*=bg-],
  .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-light-accent-secondary.product-header,
  .generic-search-container .generic-search-filter-section.bg-light-accent-secondary.product-header[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-light-accent-secondary[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-filter-section.bg-light-accent-secondary.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter-section.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-filter-section.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter-section.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-section.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-section.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-section.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-section.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-section.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-section.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary .hintbox,
.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary.compact,
.generic-search-container .generic-search-filter-section.bg-light-accent-secondary .hintbox,
.generic-search-container .generic-search-filter-section.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary .generic-search-container .generic-search-filter-section.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary .generic-search-container .generic-search-filter-section.bg-light-accent-secondary,
.overlay-content body>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary,
.overlay-content body>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary,
.overlay-content>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary,
.overlay-content>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary .generic-search-container .generic-search-filter-section.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary .generic-search-container .generic-search-filter-actions.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary .generic-search-container .generic-search-filter-section.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter-actions.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter-section.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-filter-actions.bg-light,
.generic-search-container .generic-search-filter-section.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-actions.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-actions.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-section.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-filter-section.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-actions.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-actions.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-section.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-filter-section.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter-actions.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter-actions.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-filter-section.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-filter-section.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter-actions.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter-actions.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-filter-section.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-filter-section.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-light:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-actions.bg-light:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-filter-section.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-filter-actions.bg-light,
:where(main)>.generic-search-container .generic-search-filter-actions.bg-light+*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-light,
:where(main)>.generic-search-container .generic-search-filter-section.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-filter-actions.bg-light+*>*,
:where(main)>.generic-search-container .generic-search-filter-actions.bg-light>*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-light+*>*,
:where(main)>.generic-search-container .generic-search-filter-section.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {

  .generic-search-container .generic-search-filter-actions.bg-light,
  .generic-search-container .generic-search-filter-section.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {

  .generic-search-container .generic-search-filter-actions.bg-light,
  .generic-search-container .generic-search-filter-section.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.generic-search-container .generic-search-filter-actions.bg-light,
.generic-search-container .generic-search-filter-section.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.generic-search-container .generic-search-filter-actions.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-filter-section.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .generic-search-container .generic-search-filter-actions.bg-light,
  .generic-search-container .generic-search-filter-section.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-filter-actions.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-filter-section.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-filter-actions.bg-light.product-header,
  .generic-search-container .generic-search-filter-actions.bg-light[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-light.product-header,
  .generic-search-container .generic-search-filter-section.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-filter-actions.bg-light.product-header,
  .generic-search-container .generic-search-filter-actions.bg-light.product-header[class*=bg-],
  .generic-search-container .generic-search-filter-actions.bg-light[class*=bg-],
  .generic-search-container .generic-search-filter-actions.bg-light[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-light.product-header,
  .generic-search-container .generic-search-filter-section.bg-light.product-header[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-light[class*=bg-],
  .generic-search-container .generic-search-filter-section.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-filter-actions.bg-light.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter-actions.bg-light[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-filter-section.bg-light.product-header .hintbox-icon img,
  .generic-search-container .generic-search-filter-section.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-filter-actions.bg-light .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter-actions.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-filter-section.bg-light .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-filter-section.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-actions.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-actions.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-section.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-filter-section.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-actions.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-actions.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-section.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-filter-section.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-actions.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-actions.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-section.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-filter-section.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-filter-actions.bg-light .hintbox,
.generic-search-container .generic-search-filter-actions.bg-light.compact,
.generic-search-container .generic-search-filter-section.bg-light .hintbox,
.generic-search-container .generic-search-filter-section.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light .generic-search-container .generic-search-filter-actions.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light .generic-search-container .generic-search-filter-section.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light .generic-search-container .generic-search-filter-actions.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light .generic-search-container .generic-search-filter-section.bg-light,
.overlay-content body>.generic-search-container .generic-search-filter-actions.bg-light,
.overlay-content body>.generic-search-container .generic-search-filter-section.bg-light,
.overlay-content>.generic-search-container .generic-search-filter-actions.bg-light,
.overlay-content>.generic-search-container .generic-search-filter-section.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light .generic-search-container .generic-search-filter-actions.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light .generic-search-container .generic-search-filter-section.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-actions.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light .generic-search-container .generic-search-filter-actions.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light .generic-search-container .generic-search-filter-section.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-filter-section.bg-light .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter-actions.bg-light .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-filter-section.bg-light .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter-actions.bg-light .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-filter-section.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-filter-section.separate {
  --margin-top: var(--space-small)
}

.generic-search-container .generic-search-filter-section-headline {
  margin-bottom: var(--space-x-small)
}

.generic-search-container .generic-search-filter-section-inputs {
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(12, minmax(0, 1fr))
}

.generic-search-container .generic-search-filter-section .details,
.generic-search-container .generic-search-filter-section-row-container {
  grid-column: auto/span var(--cols, 12)
}

@media only print and (width >=0px) {

  .generic-search-container .generic-search-filter-section .details,
  .generic-search-container .generic-search-filter-section-row-container {
    --cols: 9
  }
}

@media only screen and (min-width:600px) {

  .generic-search-container .generic-search-filter-section .details,
  .generic-search-container .generic-search-filter-section-row-container {
    --cols: 9
  }
}

@media only print and (width >=0px) {

  .generic-search-container .generic-search-filter-section .details,
  .generic-search-container .generic-search-filter-section-row-container {
    --cols: 7
  }
}

@media only screen and (min-width:840px) {

  .generic-search-container .generic-search-filter-section .details,
  .generic-search-container .generic-search-filter-section-row-container {
    --cols: 7
  }
}

.generic-search-container .generic-search-filter-section-row-container,
.generic-search-container .generic-search-filter-section-row.two-cols {
  align-items: flex-start;
  display: grid;
  gap: var(--space-medium) var(--space-small);
  grid-template-columns: 100%
}

@media only print and (width >=0px) {

  .generic-search-container .generic-search-filter-section-row-container,
  .generic-search-container .generic-search-filter-section-row.two-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media only screen and (min-width:840px) {

  .generic-search-container .generic-search-filter-section-row-container,
  .generic-search-container .generic-search-filter-section-row.two-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media only print and (width >=0px) {
  .generic-search-container .generic-search-filter-section-row {
    grid-column: 1/span 2
  }

  .generic-search-container .generic-search-filter-section-row.two-col {
    grid-column: auto/span 1
  }
}

@media only screen and (min-width:840px) {
  .generic-search-container .generic-search-filter-section-row {
    grid-column: 1/span 2
  }

  .generic-search-container .generic-search-filter-section-row.two-col {
    grid-column: auto/span 1
  }
}

.generic-search-container .generic-search-filter-section+.generic-search-filter-actions,
.generic-search-container .generic-search-filter-section+.generic-search-filter-section:not(.separate) {
  margin-top: calc(-1*var(--c-padding-b));
  padding-top: var(--space-top, var(--space-large))
}

.generic-search-container {
  margin-bottom: var(--space-big)
}

.generic-search-container .generic-search-results {
  scroll-margin-top: var(--header-height)
}

.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*,
:where(main)>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*,
:where(main)>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>*,
:where(main)>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>*,
:where(main)>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
main .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
main .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
  .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
  .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact,
.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact,
.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results-container:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results-header:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-results-container.bg-dark,
.generic-search-container .generic-search-results-header.bg-dark,
.generic-search-container .generic-search-results.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.generic-search-container .generic-search-results-container.bg-dark .button--primary,
.generic-search-container .generic-search-results-container.bg-dark .button--primary-positive,
.generic-search-container .generic-search-results-container.bg-dark .button--secondary,
.generic-search-container .generic-search-results-container.bg-dark .button--secondary-positive,
.generic-search-container .generic-search-results-container.bg-dark .button--tertiary,
.generic-search-container .generic-search-results-container.bg-dark .button--tertiary-positive,
.generic-search-container .generic-search-results-header.bg-dark .button--primary,
.generic-search-container .generic-search-results-header.bg-dark .button--primary-positive,
.generic-search-container .generic-search-results-header.bg-dark .button--secondary,
.generic-search-container .generic-search-results-header.bg-dark .button--secondary-positive,
.generic-search-container .generic-search-results-header.bg-dark .button--tertiary,
.generic-search-container .generic-search-results-header.bg-dark .button--tertiary-positive,
.generic-search-container .generic-search-results.bg-dark .button--primary,
.generic-search-container .generic-search-results.bg-dark .button--primary-positive,
.generic-search-container .generic-search-results.bg-dark .button--secondary,
.generic-search-container .generic-search-results.bg-dark .button--secondary-positive,
.generic-search-container .generic-search-results.bg-dark .button--tertiary,
.generic-search-container .generic-search-results.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.generic-search-container .generic-search-results-container.bg-dark .button--primary,
.generic-search-container .generic-search-results-container.bg-dark .button--primary-positive,
.generic-search-container .generic-search-results-header.bg-dark .button--primary,
.generic-search-container .generic-search-results-header.bg-dark .button--primary-positive,
.generic-search-container .generic-search-results.bg-dark .button--primary,
.generic-search-container .generic-search-results.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.generic-search-container .generic-search-results-container.bg-dark .button--secondary,
.generic-search-container .generic-search-results-container.bg-dark .button--secondary-positive,
.generic-search-container .generic-search-results-header.bg-dark .button--secondary,
.generic-search-container .generic-search-results-header.bg-dark .button--secondary-positive,
.generic-search-container .generic-search-results.bg-dark .button--secondary,
.generic-search-container .generic-search-results.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.generic-search-container .generic-search-results-container.bg-dark .button--tertiary,
.generic-search-container .generic-search-results-container.bg-dark .button--tertiary-positive,
.generic-search-container .generic-search-results-header.bg-dark .button--tertiary,
.generic-search-container .generic-search-results-header.bg-dark .button--tertiary-positive,
.generic-search-container .generic-search-results.bg-dark .button--tertiary,
.generic-search-container .generic-search-results.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-results-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-header.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-header.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-results.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-header.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-header.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results-container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results-container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results-header.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results-header.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results-container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results-container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results-header.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results-header.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-dark:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-dark:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-dark:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-dark:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-results-container.bg-dark,
:where(main)>.generic-search-container .generic-search-results-container.bg-dark+*,
:where(main)>.generic-search-container .generic-search-results-header.bg-dark,
:where(main)>.generic-search-container .generic-search-results-header.bg-dark+*,
:where(main)>.generic-search-container .generic-search-results.bg-dark,
:where(main)>.generic-search-container .generic-search-results.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-results-container.bg-dark+*>*,
:where(main)>.generic-search-container .generic-search-results-container.bg-dark>*,
:where(main)>.generic-search-container .generic-search-results-header.bg-dark+*>*,
:where(main)>.generic-search-container .generic-search-results-header.bg-dark>*,
:where(main)>.generic-search-container .generic-search-results.bg-dark+*>*,
:where(main)>.generic-search-container .generic-search-results.bg-dark>* {
  --margin-top: initial
}

.generic-search-container .generic-search-results-container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-results-header.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-results.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .generic-search-container .generic-search-results-container.bg-dark,
  .generic-search-container .generic-search-results-header.bg-dark,
  .generic-search-container .generic-search-results.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-results-container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-results-header.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-results.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-results-container.bg-dark.product-header,
  .generic-search-container .generic-search-results-container.bg-dark[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-dark.product-header,
  .generic-search-container .generic-search-results-header.bg-dark[class*=bg-],
  .generic-search-container .generic-search-results.bg-dark.product-header,
  .generic-search-container .generic-search-results.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-results-container.bg-dark.product-header,
  .generic-search-container .generic-search-results-container.bg-dark.product-header[class*=bg-],
  .generic-search-container .generic-search-results-container.bg-dark[class*=bg-],
  .generic-search-container .generic-search-results-container.bg-dark[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-results-header.bg-dark.product-header,
  .generic-search-container .generic-search-results-header.bg-dark.product-header[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-dark[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-dark[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-results.bg-dark.product-header,
  .generic-search-container .generic-search-results.bg-dark.product-header[class*=bg-],
  .generic-search-container .generic-search-results.bg-dark[class*=bg-],
  .generic-search-container .generic-search-results.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-results-container.bg-dark.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results-container.bg-dark[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-results-header.bg-dark.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results-header.bg-dark[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-results.bg-dark.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-results-container.bg-dark .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results-container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-results-header.bg-dark .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results-header.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-results.bg-dark .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-header.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-header.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-header.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-header.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-header.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-header.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-results-container.bg-dark .hintbox,
.generic-search-container .generic-search-results-container.bg-dark.compact,
.generic-search-container .generic-search-results-header.bg-dark .hintbox,
.generic-search-container .generic-search-results-header.bg-dark.compact,
.generic-search-container .generic-search-results.bg-dark .hintbox,
.generic-search-container .generic-search-results.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark .generic-search-container .generic-search-results-container.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark .generic-search-container .generic-search-results-header.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark .generic-search-container .generic-search-results.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark .generic-search-container .generic-search-results-container.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark .generic-search-container .generic-search-results-header.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark .generic-search-container .generic-search-results.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark .generic-search-container .generic-search-results-container.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark .generic-search-container .generic-search-results-header.bg-dark,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark .generic-search-container .generic-search-results.bg-dark,
.overlay-content body>.generic-search-container .generic-search-results-container.bg-dark,
.overlay-content body>.generic-search-container .generic-search-results-header.bg-dark,
.overlay-content body>.generic-search-container .generic-search-results.bg-dark,
.overlay-content>.generic-search-container .generic-search-results-container.bg-dark,
.overlay-content>.generic-search-container .generic-search-results-header.bg-dark,
.overlay-content>.generic-search-container .generic-search-results.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark .generic-search-container .generic-search-results-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark .generic-search-container .generic-search-results-header.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark .generic-search-container .generic-search-results.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark .generic-search-container .generic-search-results-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark .generic-search-container .generic-search-results-header.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark .generic-search-container .generic-search-results.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark .generic-search-container .generic-search-results-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark .generic-search-container .generic-search-results-header.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark .generic-search-container .generic-search-results.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results-container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results-header.bg-dark .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results.bg-dark .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results-container.bg-dark .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results-header.bg-dark .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-results-container.bg-dark-accent,
.generic-search-container .generic-search-results-header.bg-dark-accent,
.generic-search-container .generic-search-results.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.generic-search-container .generic-search-results-container.bg-dark-accent .button--primary,
.generic-search-container .generic-search-results-container.bg-dark-accent .button--primary-positive,
.generic-search-container .generic-search-results-container.bg-dark-accent .button--secondary,
.generic-search-container .generic-search-results-container.bg-dark-accent .button--secondary-positive,
.generic-search-container .generic-search-results-container.bg-dark-accent .button--tertiary,
.generic-search-container .generic-search-results-container.bg-dark-accent .button--tertiary-positive,
.generic-search-container .generic-search-results-header.bg-dark-accent .button--primary,
.generic-search-container .generic-search-results-header.bg-dark-accent .button--primary-positive,
.generic-search-container .generic-search-results-header.bg-dark-accent .button--secondary,
.generic-search-container .generic-search-results-header.bg-dark-accent .button--secondary-positive,
.generic-search-container .generic-search-results-header.bg-dark-accent .button--tertiary,
.generic-search-container .generic-search-results-header.bg-dark-accent .button--tertiary-positive,
.generic-search-container .generic-search-results.bg-dark-accent .button--primary,
.generic-search-container .generic-search-results.bg-dark-accent .button--primary-positive,
.generic-search-container .generic-search-results.bg-dark-accent .button--secondary,
.generic-search-container .generic-search-results.bg-dark-accent .button--secondary-positive,
.generic-search-container .generic-search-results.bg-dark-accent .button--tertiary,
.generic-search-container .generic-search-results.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.generic-search-container .generic-search-results-container.bg-dark-accent .button--primary,
.generic-search-container .generic-search-results-container.bg-dark-accent .button--primary-positive,
.generic-search-container .generic-search-results-header.bg-dark-accent .button--primary,
.generic-search-container .generic-search-results-header.bg-dark-accent .button--primary-positive,
.generic-search-container .generic-search-results.bg-dark-accent .button--primary,
.generic-search-container .generic-search-results.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.generic-search-container .generic-search-results-container.bg-dark-accent .button--secondary,
.generic-search-container .generic-search-results-container.bg-dark-accent .button--secondary-positive,
.generic-search-container .generic-search-results-header.bg-dark-accent .button--secondary,
.generic-search-container .generic-search-results-header.bg-dark-accent .button--secondary-positive,
.generic-search-container .generic-search-results.bg-dark-accent .button--secondary,
.generic-search-container .generic-search-results.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.generic-search-container .generic-search-results-container.bg-dark-accent .button--tertiary,
.generic-search-container .generic-search-results-container.bg-dark-accent .button--tertiary-positive,
.generic-search-container .generic-search-results-header.bg-dark-accent .button--tertiary,
.generic-search-container .generic-search-results-header.bg-dark-accent .button--tertiary-positive,
.generic-search-container .generic-search-results.bg-dark-accent .button--tertiary,
.generic-search-container .generic-search-results.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-results-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-header.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-header.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-results.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-header.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-header.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results-container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results-header.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results-header.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results-container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results-header.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results-header.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-dark-accent:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-dark-accent:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-dark-accent:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-dark-accent:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-results-container.bg-dark-accent,
:where(main)>.generic-search-container .generic-search-results-container.bg-dark-accent+*,
:where(main)>.generic-search-container .generic-search-results-header.bg-dark-accent,
:where(main)>.generic-search-container .generic-search-results-header.bg-dark-accent+*,
:where(main)>.generic-search-container .generic-search-results.bg-dark-accent,
:where(main)>.generic-search-container .generic-search-results.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-results-container.bg-dark-accent+*>*,
:where(main)>.generic-search-container .generic-search-results-container.bg-dark-accent>*,
:where(main)>.generic-search-container .generic-search-results-header.bg-dark-accent+*>*,
:where(main)>.generic-search-container .generic-search-results-header.bg-dark-accent>*,
:where(main)>.generic-search-container .generic-search-results.bg-dark-accent+*>*,
:where(main)>.generic-search-container .generic-search-results.bg-dark-accent>* {
  --margin-top: initial
}

.generic-search-container .generic-search-results-container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-results-header.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-results.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .generic-search-container .generic-search-results-container.bg-dark-accent,
  .generic-search-container .generic-search-results-header.bg-dark-accent,
  .generic-search-container .generic-search-results.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-results-container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-results-header.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-results.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-results-container.bg-dark-accent.product-header,
  .generic-search-container .generic-search-results-container.bg-dark-accent[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-dark-accent.product-header,
  .generic-search-container .generic-search-results-header.bg-dark-accent[class*=bg-],
  .generic-search-container .generic-search-results.bg-dark-accent.product-header,
  .generic-search-container .generic-search-results.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-results-container.bg-dark-accent.product-header,
  .generic-search-container .generic-search-results-container.bg-dark-accent.product-header[class*=bg-],
  .generic-search-container .generic-search-results-container.bg-dark-accent[class*=bg-],
  .generic-search-container .generic-search-results-container.bg-dark-accent[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-results-header.bg-dark-accent.product-header,
  .generic-search-container .generic-search-results-header.bg-dark-accent.product-header[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-dark-accent[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-dark-accent[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-results.bg-dark-accent.product-header,
  .generic-search-container .generic-search-results.bg-dark-accent.product-header[class*=bg-],
  .generic-search-container .generic-search-results.bg-dark-accent[class*=bg-],
  .generic-search-container .generic-search-results.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-results-container.bg-dark-accent.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results-container.bg-dark-accent[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-results-header.bg-dark-accent.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results-header.bg-dark-accent[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-results.bg-dark-accent.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-results-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-results-header.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results-header.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-results.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-header.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-header.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-header.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-header.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-header.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-header.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-results-container.bg-dark-accent .hintbox,
.generic-search-container .generic-search-results-container.bg-dark-accent.compact,
.generic-search-container .generic-search-results-header.bg-dark-accent .hintbox,
.generic-search-container .generic-search-results-header.bg-dark-accent.compact,
.generic-search-container .generic-search-results.bg-dark-accent .hintbox,
.generic-search-container .generic-search-results.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark-accent .generic-search-container .generic-search-results-container.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark-accent .generic-search-container .generic-search-results-header.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark-accent .generic-search-container .generic-search-results.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark-accent .generic-search-container .generic-search-results-container.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark-accent .generic-search-container .generic-search-results-header.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark-accent .generic-search-container .generic-search-results.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark-accent .generic-search-container .generic-search-results-container.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark-accent .generic-search-container .generic-search-results-header.bg-dark-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark-accent .generic-search-container .generic-search-results.bg-dark-accent,
.overlay-content body>.generic-search-container .generic-search-results-container.bg-dark-accent,
.overlay-content body>.generic-search-container .generic-search-results-header.bg-dark-accent,
.overlay-content body>.generic-search-container .generic-search-results.bg-dark-accent,
.overlay-content>.generic-search-container .generic-search-results-container.bg-dark-accent,
.overlay-content>.generic-search-container .generic-search-results-header.bg-dark-accent,
.overlay-content>.generic-search-container .generic-search-results.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark-accent .generic-search-container .generic-search-results-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark-accent .generic-search-container .generic-search-results-header.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark-accent .generic-search-container .generic-search-results.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark-accent .generic-search-container .generic-search-results-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark-accent .generic-search-container .generic-search-results-header.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark-accent .generic-search-container .generic-search-results.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark-accent .generic-search-container .generic-search-results-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark-accent .generic-search-container .generic-search-results-header.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark-accent .generic-search-container .generic-search-results.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results-header.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results-header.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-results-container.bg-light-accent,
.generic-search-container .generic-search-results-header.bg-light-accent,
.generic-search-container .generic-search-results.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-results-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-header.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-header.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-results.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-header.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-header.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results-container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results-header.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results-header.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results-container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results-header.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results-header.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-light-accent:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-light-accent:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-light-accent:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-light-accent:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-results-container.bg-light-accent,
:where(main)>.generic-search-container .generic-search-results-container.bg-light-accent+*,
:where(main)>.generic-search-container .generic-search-results-header.bg-light-accent,
:where(main)>.generic-search-container .generic-search-results-header.bg-light-accent+*,
:where(main)>.generic-search-container .generic-search-results.bg-light-accent,
:where(main)>.generic-search-container .generic-search-results.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-results-container.bg-light-accent+*>*,
:where(main)>.generic-search-container .generic-search-results-container.bg-light-accent>*,
:where(main)>.generic-search-container .generic-search-results-header.bg-light-accent+*>*,
:where(main)>.generic-search-container .generic-search-results-header.bg-light-accent>*,
:where(main)>.generic-search-container .generic-search-results.bg-light-accent+*>*,
:where(main)>.generic-search-container .generic-search-results.bg-light-accent>* {
  --margin-top: initial
}

.generic-search-container .generic-search-results-container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-results-header.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-results.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .generic-search-container .generic-search-results-container.bg-light-accent,
  .generic-search-container .generic-search-results-header.bg-light-accent,
  .generic-search-container .generic-search-results.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-results-container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-results-header.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-results.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-results-container.bg-light-accent.product-header,
  .generic-search-container .generic-search-results-container.bg-light-accent[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-light-accent.product-header,
  .generic-search-container .generic-search-results-header.bg-light-accent[class*=bg-],
  .generic-search-container .generic-search-results.bg-light-accent.product-header,
  .generic-search-container .generic-search-results.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-results-container.bg-light-accent.product-header,
  .generic-search-container .generic-search-results-container.bg-light-accent.product-header[class*=bg-],
  .generic-search-container .generic-search-results-container.bg-light-accent[class*=bg-],
  .generic-search-container .generic-search-results-container.bg-light-accent[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-results-header.bg-light-accent.product-header,
  .generic-search-container .generic-search-results-header.bg-light-accent.product-header[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-light-accent[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-light-accent[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-results.bg-light-accent.product-header,
  .generic-search-container .generic-search-results.bg-light-accent.product-header[class*=bg-],
  .generic-search-container .generic-search-results.bg-light-accent[class*=bg-],
  .generic-search-container .generic-search-results.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-results-container.bg-light-accent.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results-container.bg-light-accent[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-results-header.bg-light-accent.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results-header.bg-light-accent[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-results.bg-light-accent.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-results-container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results-container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-results-header.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results-header.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-results.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-header.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-header.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-header.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-header.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-header.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-header.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-results-container.bg-light-accent .hintbox,
.generic-search-container .generic-search-results-container.bg-light-accent.compact,
.generic-search-container .generic-search-results-header.bg-light-accent .hintbox,
.generic-search-container .generic-search-results-header.bg-light-accent.compact,
.generic-search-container .generic-search-results.bg-light-accent .hintbox,
.generic-search-container .generic-search-results.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent .generic-search-container .generic-search-results-container.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent .generic-search-container .generic-search-results-header.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent .generic-search-container .generic-search-results.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent .generic-search-container .generic-search-results-container.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent .generic-search-container .generic-search-results-header.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent .generic-search-container .generic-search-results.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent .generic-search-container .generic-search-results-container.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent .generic-search-container .generic-search-results-header.bg-light-accent,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent .generic-search-container .generic-search-results.bg-light-accent,
.overlay-content body>.generic-search-container .generic-search-results-container.bg-light-accent,
.overlay-content body>.generic-search-container .generic-search-results-header.bg-light-accent,
.overlay-content body>.generic-search-container .generic-search-results.bg-light-accent,
.overlay-content>.generic-search-container .generic-search-results-container.bg-light-accent,
.overlay-content>.generic-search-container .generic-search-results-header.bg-light-accent,
.overlay-content>.generic-search-container .generic-search-results.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent .generic-search-container .generic-search-results-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent .generic-search-container .generic-search-results-header.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent .generic-search-container .generic-search-results.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent .generic-search-container .generic-search-results-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent .generic-search-container .generic-search-results-header.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent .generic-search-container .generic-search-results.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent .generic-search-container .generic-search-results-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent .generic-search-container .generic-search-results-header.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent .generic-search-container .generic-search-results.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results-header.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results-header.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-results-container.bg-light-accent-secondary,
.generic-search-container .generic-search-results-header.bg-light-accent-secondary,
.generic-search-container .generic-search-results.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-results-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-header.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-header.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-results.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-header.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-header.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results-header.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results-header.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results-header.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results-header.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-light-accent-secondary:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-light-accent-secondary:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-light-accent-secondary:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-light-accent-secondary:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-results-container.bg-light-accent-secondary,
:where(main)>.generic-search-container .generic-search-results-container.bg-light-accent-secondary+*,
:where(main)>.generic-search-container .generic-search-results-header.bg-light-accent-secondary,
:where(main)>.generic-search-container .generic-search-results-header.bg-light-accent-secondary+*,
:where(main)>.generic-search-container .generic-search-results.bg-light-accent-secondary,
:where(main)>.generic-search-container .generic-search-results.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-results-container.bg-light-accent-secondary+*>*,
:where(main)>.generic-search-container .generic-search-results-container.bg-light-accent-secondary>*,
:where(main)>.generic-search-container .generic-search-results-header.bg-light-accent-secondary+*>*,
:where(main)>.generic-search-container .generic-search-results-header.bg-light-accent-secondary>*,
:where(main)>.generic-search-container .generic-search-results.bg-light-accent-secondary+*>*,
:where(main)>.generic-search-container .generic-search-results.bg-light-accent-secondary>* {
  --margin-top: initial
}

.generic-search-container .generic-search-results-container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-results-header.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-results.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .generic-search-container .generic-search-results-container.bg-light-accent-secondary,
  .generic-search-container .generic-search-results-header.bg-light-accent-secondary,
  .generic-search-container .generic-search-results.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-results-container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-results-header.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-results.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-results-container.bg-light-accent-secondary.product-header,
  .generic-search-container .generic-search-results-container.bg-light-accent-secondary[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-light-accent-secondary.product-header,
  .generic-search-container .generic-search-results-header.bg-light-accent-secondary[class*=bg-],
  .generic-search-container .generic-search-results.bg-light-accent-secondary.product-header,
  .generic-search-container .generic-search-results.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-results-container.bg-light-accent-secondary.product-header,
  .generic-search-container .generic-search-results-container.bg-light-accent-secondary.product-header[class*=bg-],
  .generic-search-container .generic-search-results-container.bg-light-accent-secondary[class*=bg-],
  .generic-search-container .generic-search-results-container.bg-light-accent-secondary[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-results-header.bg-light-accent-secondary.product-header,
  .generic-search-container .generic-search-results-header.bg-light-accent-secondary.product-header[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-light-accent-secondary[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-light-accent-secondary[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-results.bg-light-accent-secondary.product-header,
  .generic-search-container .generic-search-results.bg-light-accent-secondary.product-header[class*=bg-],
  .generic-search-container .generic-search-results.bg-light-accent-secondary[class*=bg-],
  .generic-search-container .generic-search-results.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-results-container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results-container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-results-header.bg-light-accent-secondary.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results-header.bg-light-accent-secondary[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-results.bg-light-accent-secondary.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-results-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-results-header.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results-header.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-results.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-header.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-header.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-header.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-header.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-header.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-header.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-results-container.bg-light-accent-secondary .hintbox,
.generic-search-container .generic-search-results-container.bg-light-accent-secondary.compact,
.generic-search-container .generic-search-results-header.bg-light-accent-secondary .hintbox,
.generic-search-container .generic-search-results-header.bg-light-accent-secondary.compact,
.generic-search-container .generic-search-results.bg-light-accent-secondary .hintbox,
.generic-search-container .generic-search-results.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent-secondary .generic-search-container .generic-search-results-container.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent-secondary .generic-search-container .generic-search-results-header.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent-secondary .generic-search-container .generic-search-results.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent-secondary .generic-search-container .generic-search-results-container.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent-secondary .generic-search-container .generic-search-results-header.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent-secondary .generic-search-container .generic-search-results.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent-secondary .generic-search-container .generic-search-results-container.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent-secondary .generic-search-container .generic-search-results-header.bg-light-accent-secondary,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent-secondary .generic-search-container .generic-search-results.bg-light-accent-secondary,
.overlay-content body>.generic-search-container .generic-search-results-container.bg-light-accent-secondary,
.overlay-content body>.generic-search-container .generic-search-results-header.bg-light-accent-secondary,
.overlay-content body>.generic-search-container .generic-search-results.bg-light-accent-secondary,
.overlay-content>.generic-search-container .generic-search-results-container.bg-light-accent-secondary,
.overlay-content>.generic-search-container .generic-search-results-header.bg-light-accent-secondary,
.overlay-content>.generic-search-container .generic-search-results.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent-secondary .generic-search-container .generic-search-results-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent-secondary .generic-search-container .generic-search-results-header.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent-secondary .generic-search-container .generic-search-results.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent-secondary .generic-search-container .generic-search-results-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent-secondary .generic-search-container .generic-search-results-header.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent-secondary .generic-search-container .generic-search-results.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent-secondary .generic-search-container .generic-search-results-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent-secondary .generic-search-container .generic-search-results-header.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent-secondary .generic-search-container .generic-search-results.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results-header.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results-header.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-results-container.bg-light,
.generic-search-container .generic-search-results-header.bg-light,
.generic-search-container .generic-search-results.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.generic-search-container .generic-search-results-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-header.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results-header.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.generic-search-container .generic-search-results.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.generic-search-container .generic-search-results.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-header.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results-header.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.generic-search-container .generic-search-results.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results-container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results-container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results-header.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results-header.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.generic-search-container .generic-search-results.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.generic-search-container .generic-search-results.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results-container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results-container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results-header.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results-header.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.generic-search-container .generic-search-results.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.generic-search-container .generic-search-results.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-light:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-light:where(:not(:first-child)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-container.bg-light:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results-header.bg-light:where(:not(:first-child))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.generic-search-container .generic-search-results.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.generic-search-container .generic-search-results-container.bg-light,
:where(main)>.generic-search-container .generic-search-results-container.bg-light+*,
:where(main)>.generic-search-container .generic-search-results-header.bg-light,
:where(main)>.generic-search-container .generic-search-results-header.bg-light+*,
:where(main)>.generic-search-container .generic-search-results.bg-light,
:where(main)>.generic-search-container .generic-search-results.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.generic-search-container .generic-search-results-container.bg-light+*>*,
:where(main)>.generic-search-container .generic-search-results-container.bg-light>*,
:where(main)>.generic-search-container .generic-search-results-header.bg-light+*>*,
:where(main)>.generic-search-container .generic-search-results-header.bg-light>*,
:where(main)>.generic-search-container .generic-search-results.bg-light+*>*,
:where(main)>.generic-search-container .generic-search-results.bg-light>* {
  --margin-top: initial
}

.generic-search-container .generic-search-results-container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-results-header.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+*,
.generic-search-container .generic-search-results.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {

  .generic-search-container .generic-search-results-container.bg-light,
  .generic-search-container .generic-search-results-header.bg-light,
  .generic-search-container .generic-search-results.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .generic-search-container .generic-search-results-container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-results-header.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)),
  .generic-search-container .generic-search-results.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .generic-search-container .generic-search-results-container.bg-light.product-header,
  .generic-search-container .generic-search-results-container.bg-light[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-light.product-header,
  .generic-search-container .generic-search-results-header.bg-light[class*=bg-],
  .generic-search-container .generic-search-results.bg-light.product-header,
  .generic-search-container .generic-search-results.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .generic-search-container .generic-search-results-container.bg-light.product-header,
  .generic-search-container .generic-search-results-container.bg-light.product-header[class*=bg-],
  .generic-search-container .generic-search-results-container.bg-light[class*=bg-],
  .generic-search-container .generic-search-results-container.bg-light[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-results-header.bg-light.product-header,
  .generic-search-container .generic-search-results-header.bg-light.product-header[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-light[class*=bg-],
  .generic-search-container .generic-search-results-header.bg-light[class*=bg-][class*=bg-],
  .generic-search-container .generic-search-results.bg-light.product-header,
  .generic-search-container .generic-search-results.bg-light.product-header[class*=bg-],
  .generic-search-container .generic-search-results.bg-light[class*=bg-],
  .generic-search-container .generic-search-results.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .generic-search-container .generic-search-results-container.bg-light.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results-container.bg-light[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-results-header.bg-light.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results-header.bg-light[class*=bg-] .hintbox-icon img,
  .generic-search-container .generic-search-results.bg-light.product-header .hintbox-icon img,
  .generic-search-container .generic-search-results.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.generic-search-container .generic-search-results-container.bg-light .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results-container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-results-header.bg-light .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results-header.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.generic-search-container .generic-search-results.bg-light .details--s9>.details .main-column[class*=bg-],
.generic-search-container .generic-search-results.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-header.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results-header.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .generic-search-container .generic-search-results.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-header.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results-header.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .generic-search-container .generic-search-results.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-header.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results-header.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .generic-search-container .generic-search-results.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.generic-search-container .generic-search-results-container.bg-light .hintbox,
.generic-search-container .generic-search-results-container.bg-light.compact,
.generic-search-container .generic-search-results-header.bg-light .hintbox,
.generic-search-container .generic-search-results-header.bg-light.compact,
.generic-search-container .generic-search-results.bg-light .hintbox,
.generic-search-container .generic-search-results.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light .generic-search-container .generic-search-results-container.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light .generic-search-container .generic-search-results-header.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light .generic-search-container .generic-search-results.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light .generic-search-container .generic-search-results-container.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light .generic-search-container .generic-search-results-header.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light .generic-search-container .generic-search-results.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light .generic-search-container .generic-search-results-container.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light .generic-search-container .generic-search-results-header.bg-light,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light .generic-search-container .generic-search-results.bg-light,
.overlay-content body>.generic-search-container .generic-search-results-container.bg-light,
.overlay-content body>.generic-search-container .generic-search-results-header.bg-light,
.overlay-content body>.generic-search-container .generic-search-results.bg-light,
.overlay-content>.generic-search-container .generic-search-results-container.bg-light,
.overlay-content>.generic-search-container .generic-search-results-header.bg-light,
.overlay-content>.generic-search-container .generic-search-results.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light .generic-search-container .generic-search-results-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light .generic-search-container .generic-search-results-header.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light .generic-search-container .generic-search-results.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light .generic-search-container .generic-search-results-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light .generic-search-container .generic-search-results-header.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light .generic-search-container .generic-search-results.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results-header.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light .generic-search-container .generic-search-results-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light .generic-search-container .generic-search-results-header.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light .generic-search-container .generic-search-results.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.generic-search-container .generic-search-results.bg-light .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results-container.bg-light .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results-header.bg-light .product-label.product-label--overflow,
.overlay-content body>.generic-search-container .generic-search-results.bg-light .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results-container.bg-light .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results-header.bg-light .product-label.product-label--overflow,
.overlay-content>.generic-search-container .generic-search-results.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.generic-search-container .generic-search-results-container {
  display: flex;
  flex-direction: column;
  gap: var(--space-large);
  margin-top: var(--space-large)
}

.generic-search-container .generic-search-results .search-loader-container {
  display: block
}

.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.kfw-wpp:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-wpp.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.kfw-wpp.bg-dark .button--primary,
.kfw-wpp.bg-dark .button--primary-positive,
.kfw-wpp.bg-dark .button--secondary,
.kfw-wpp.bg-dark .button--secondary-positive,
.kfw-wpp.bg-dark .button--tertiary,
.kfw-wpp.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-wpp.bg-dark .button--primary,
.kfw-wpp.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-wpp.bg-dark .button--secondary,
.kfw-wpp.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-wpp.bg-dark .button--tertiary,
.kfw-wpp.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-wpp.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-wpp.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-wpp.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-wpp.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-wpp.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-wpp.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-wpp.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-wpp.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-wpp.bg-dark,
:where(main)>.kfw-wpp.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-wpp.bg-dark+*>*,
:where(main)>.kfw-wpp.bg-dark>* {
  --margin-top: initial
}

.kfw-wpp.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-wpp.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-wpp.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-wpp.bg-dark.product-header,
  .kfw-wpp.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-wpp.bg-dark.product-header,
  .kfw-wpp.bg-dark.product-header[class*=bg-],
  .kfw-wpp.bg-dark[class*=bg-],
  .kfw-wpp.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-wpp.bg-dark.product-header .hintbox-icon img,
  .kfw-wpp.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-wpp.bg-dark .details--s9>.details .main-column[class*=bg-],
.kfw-wpp.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-wpp.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-wpp.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-wpp.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-wpp.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-wpp.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-wpp.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-wpp.bg-dark .hintbox,
.kfw-wpp.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-wpp.bg-dark,
.overlay-content .main-column>.kfw-wpp.bg-dark .kfw-wpp.bg-dark,
.overlay-content body>.kfw-wpp.bg-dark,
.overlay-content>.kfw-wpp.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-wpp.bg-dark .kfw-wpp.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-wpp.bg-dark .product-label.product-label--overflow,
.overlay-content body>.kfw-wpp.bg-dark .product-label.product-label--overflow,
.overlay-content>.kfw-wpp.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-wpp.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.kfw-wpp.bg-dark-accent .button--primary,
.kfw-wpp.bg-dark-accent .button--primary-positive,
.kfw-wpp.bg-dark-accent .button--secondary,
.kfw-wpp.bg-dark-accent .button--secondary-positive,
.kfw-wpp.bg-dark-accent .button--tertiary,
.kfw-wpp.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-wpp.bg-dark-accent .button--primary,
.kfw-wpp.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-wpp.bg-dark-accent .button--secondary,
.kfw-wpp.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-wpp.bg-dark-accent .button--tertiary,
.kfw-wpp.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-wpp.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-wpp.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-wpp.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-wpp.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-wpp.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-wpp.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-wpp.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-wpp.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-wpp.bg-dark-accent,
:where(main)>.kfw-wpp.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-wpp.bg-dark-accent+*>*,
:where(main)>.kfw-wpp.bg-dark-accent>* {
  --margin-top: initial
}

.kfw-wpp.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-wpp.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-wpp.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-wpp.bg-dark-accent.product-header,
  .kfw-wpp.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-wpp.bg-dark-accent.product-header,
  .kfw-wpp.bg-dark-accent.product-header[class*=bg-],
  .kfw-wpp.bg-dark-accent[class*=bg-],
  .kfw-wpp.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-wpp.bg-dark-accent.product-header .hintbox-icon img,
  .kfw-wpp.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-wpp.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.kfw-wpp.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-wpp.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-wpp.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-wpp.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-wpp.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-wpp.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-wpp.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-wpp.bg-dark-accent .hintbox,
.kfw-wpp.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-wpp.bg-dark-accent,
.overlay-content .main-column>.kfw-wpp.bg-dark-accent .kfw-wpp.bg-dark-accent,
.overlay-content body>.kfw-wpp.bg-dark-accent,
.overlay-content>.kfw-wpp.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-wpp.bg-dark-accent .kfw-wpp.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-wpp.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-wpp.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.kfw-wpp.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-wpp.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-wpp.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-wpp.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-wpp.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-wpp.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-wpp.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-wpp.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-wpp.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-wpp.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-wpp.bg-light-accent,
:where(main)>.kfw-wpp.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-wpp.bg-light-accent+*>*,
:where(main)>.kfw-wpp.bg-light-accent>* {
  --margin-top: initial
}

.kfw-wpp.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-wpp.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-wpp.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-wpp.bg-light-accent.product-header,
  .kfw-wpp.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-wpp.bg-light-accent.product-header,
  .kfw-wpp.bg-light-accent.product-header[class*=bg-],
  .kfw-wpp.bg-light-accent[class*=bg-],
  .kfw-wpp.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-wpp.bg-light-accent.product-header .hintbox-icon img,
  .kfw-wpp.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-wpp.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.kfw-wpp.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-wpp.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-wpp.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-wpp.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-wpp.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-wpp.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-wpp.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-wpp.bg-light-accent .hintbox,
.kfw-wpp.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-wpp.bg-light-accent,
.overlay-content .main-column>.kfw-wpp.bg-light-accent .kfw-wpp.bg-light-accent,
.overlay-content body>.kfw-wpp.bg-light-accent,
.overlay-content>.kfw-wpp.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-wpp.bg-light-accent .kfw-wpp.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-wpp.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-wpp.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.kfw-wpp.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-wpp.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-wpp.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-wpp.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-wpp.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-wpp.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-wpp.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-wpp.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-wpp.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-wpp.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-wpp.bg-light-accent-secondary,
:where(main)>.kfw-wpp.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-wpp.bg-light-accent-secondary+*>*,
:where(main)>.kfw-wpp.bg-light-accent-secondary>* {
  --margin-top: initial
}

.kfw-wpp.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-wpp.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-wpp.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-wpp.bg-light-accent-secondary.product-header,
  .kfw-wpp.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-wpp.bg-light-accent-secondary.product-header,
  .kfw-wpp.bg-light-accent-secondary.product-header[class*=bg-],
  .kfw-wpp.bg-light-accent-secondary[class*=bg-],
  .kfw-wpp.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-wpp.bg-light-accent-secondary.product-header .hintbox-icon img,
  .kfw-wpp.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-wpp.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.kfw-wpp.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-wpp.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-wpp.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-wpp.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-wpp.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-wpp.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-wpp.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-wpp.bg-light-accent-secondary .hintbox,
.kfw-wpp.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-wpp.bg-light-accent-secondary,
.overlay-content .main-column>.kfw-wpp.bg-light-accent-secondary .kfw-wpp.bg-light-accent-secondary,
.overlay-content body>.kfw-wpp.bg-light-accent-secondary,
.overlay-content>.kfw-wpp.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-wpp.bg-light-accent-secondary .kfw-wpp.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-wpp.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.kfw-wpp.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.kfw-wpp.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-wpp.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-wpp.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-wpp.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-wpp.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-wpp.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-wpp.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-wpp.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-wpp.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-wpp.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-wpp.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-wpp.bg-light,
:where(main)>.kfw-wpp.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-wpp.bg-light+*>*,
:where(main)>.kfw-wpp.bg-light>* {
  --margin-top: initial
}

.kfw-wpp.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-wpp.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-wpp.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-wpp.bg-light.product-header,
  .kfw-wpp.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-wpp.bg-light.product-header,
  .kfw-wpp.bg-light.product-header[class*=bg-],
  .kfw-wpp.bg-light[class*=bg-],
  .kfw-wpp.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-wpp.bg-light.product-header .hintbox-icon img,
  .kfw-wpp.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-wpp.bg-light .details--s9>.details .main-column[class*=bg-],
.kfw-wpp.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-wpp.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-wpp.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-wpp.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-wpp.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-wpp.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-wpp.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-wpp.bg-light .hintbox,
.kfw-wpp.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-wpp.bg-light,
.overlay-content .main-column>.kfw-wpp.bg-light .kfw-wpp.bg-light,
.overlay-content body>.kfw-wpp.bg-light,
.overlay-content>.kfw-wpp.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-wpp.bg-light .kfw-wpp.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-wpp.bg-light .product-label.product-label--overflow,
.overlay-content body>.kfw-wpp.bg-light .product-label.product-label--overflow,
.overlay-content>.kfw-wpp.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: var(--gutter);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

main .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-padding-x: 0px
}

.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.kfw-usv:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-usv.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.kfw-usv.bg-dark .button--primary,
.kfw-usv.bg-dark .button--primary-positive,
.kfw-usv.bg-dark .button--secondary,
.kfw-usv.bg-dark .button--secondary-positive,
.kfw-usv.bg-dark .button--tertiary,
.kfw-usv.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-usv.bg-dark .button--primary,
.kfw-usv.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-usv.bg-dark .button--secondary,
.kfw-usv.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-usv.bg-dark .button--tertiary,
.kfw-usv.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-usv.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-usv.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-usv.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-usv.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-usv.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-usv.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-usv.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-usv.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-usv.bg-dark,
:where(main)>.kfw-usv.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-usv.bg-dark+*>*,
:where(main)>.kfw-usv.bg-dark>* {
  --margin-top: initial
}

.kfw-usv.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-usv.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-usv.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-usv.bg-dark.product-header,
  .kfw-usv.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-usv.bg-dark.product-header,
  .kfw-usv.bg-dark.product-header[class*=bg-],
  .kfw-usv.bg-dark[class*=bg-],
  .kfw-usv.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-usv.bg-dark.product-header .hintbox-icon img,
  .kfw-usv.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-usv.bg-dark .details--s9>.details .main-column[class*=bg-],
.kfw-usv.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-usv.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-usv.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-usv.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-usv.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-usv.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-usv.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-usv.bg-dark .hintbox,
.kfw-usv.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-usv.bg-dark,
.overlay-content .main-column>.kfw-usv.bg-dark .kfw-usv.bg-dark,
.overlay-content body>.kfw-usv.bg-dark,
.overlay-content>.kfw-usv.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-usv.bg-dark .kfw-usv.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-usv.bg-dark .product-label.product-label--overflow,
.overlay-content body>.kfw-usv.bg-dark .product-label.product-label--overflow,
.overlay-content>.kfw-usv.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-usv.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.kfw-usv.bg-dark-accent .button--primary,
.kfw-usv.bg-dark-accent .button--primary-positive,
.kfw-usv.bg-dark-accent .button--secondary,
.kfw-usv.bg-dark-accent .button--secondary-positive,
.kfw-usv.bg-dark-accent .button--tertiary,
.kfw-usv.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-usv.bg-dark-accent .button--primary,
.kfw-usv.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-usv.bg-dark-accent .button--secondary,
.kfw-usv.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-usv.bg-dark-accent .button--tertiary,
.kfw-usv.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-usv.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-usv.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-usv.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-usv.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-usv.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-usv.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-usv.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-usv.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-usv.bg-dark-accent,
:where(main)>.kfw-usv.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-usv.bg-dark-accent+*>*,
:where(main)>.kfw-usv.bg-dark-accent>* {
  --margin-top: initial
}

.kfw-usv.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-usv.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-usv.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-usv.bg-dark-accent.product-header,
  .kfw-usv.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-usv.bg-dark-accent.product-header,
  .kfw-usv.bg-dark-accent.product-header[class*=bg-],
  .kfw-usv.bg-dark-accent[class*=bg-],
  .kfw-usv.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-usv.bg-dark-accent.product-header .hintbox-icon img,
  .kfw-usv.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-usv.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.kfw-usv.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-usv.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-usv.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-usv.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-usv.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-usv.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-usv.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-usv.bg-dark-accent .hintbox,
.kfw-usv.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-usv.bg-dark-accent,
.overlay-content .main-column>.kfw-usv.bg-dark-accent .kfw-usv.bg-dark-accent,
.overlay-content body>.kfw-usv.bg-dark-accent,
.overlay-content>.kfw-usv.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-usv.bg-dark-accent .kfw-usv.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-usv.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-usv.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.kfw-usv.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-usv.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-usv.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-usv.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-usv.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-usv.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-usv.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-usv.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-usv.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-usv.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-usv.bg-light-accent,
:where(main)>.kfw-usv.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-usv.bg-light-accent+*>*,
:where(main)>.kfw-usv.bg-light-accent>* {
  --margin-top: initial
}

.kfw-usv.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-usv.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-usv.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-usv.bg-light-accent.product-header,
  .kfw-usv.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-usv.bg-light-accent.product-header,
  .kfw-usv.bg-light-accent.product-header[class*=bg-],
  .kfw-usv.bg-light-accent[class*=bg-],
  .kfw-usv.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-usv.bg-light-accent.product-header .hintbox-icon img,
  .kfw-usv.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-usv.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.kfw-usv.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-usv.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-usv.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-usv.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-usv.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-usv.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-usv.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-usv.bg-light-accent .hintbox,
.kfw-usv.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-usv.bg-light-accent,
.overlay-content .main-column>.kfw-usv.bg-light-accent .kfw-usv.bg-light-accent,
.overlay-content body>.kfw-usv.bg-light-accent,
.overlay-content>.kfw-usv.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-usv.bg-light-accent .kfw-usv.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-usv.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-usv.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.kfw-usv.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-usv.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-usv.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-usv.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-usv.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-usv.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-usv.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-usv.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-usv.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-usv.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-usv.bg-light-accent-secondary,
:where(main)>.kfw-usv.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-usv.bg-light-accent-secondary+*>*,
:where(main)>.kfw-usv.bg-light-accent-secondary>* {
  --margin-top: initial
}

.kfw-usv.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-usv.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-usv.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-usv.bg-light-accent-secondary.product-header,
  .kfw-usv.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-usv.bg-light-accent-secondary.product-header,
  .kfw-usv.bg-light-accent-secondary.product-header[class*=bg-],
  .kfw-usv.bg-light-accent-secondary[class*=bg-],
  .kfw-usv.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-usv.bg-light-accent-secondary.product-header .hintbox-icon img,
  .kfw-usv.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-usv.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.kfw-usv.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-usv.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-usv.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-usv.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-usv.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-usv.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-usv.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-usv.bg-light-accent-secondary .hintbox,
.kfw-usv.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-usv.bg-light-accent-secondary,
.overlay-content .main-column>.kfw-usv.bg-light-accent-secondary .kfw-usv.bg-light-accent-secondary,
.overlay-content body>.kfw-usv.bg-light-accent-secondary,
.overlay-content>.kfw-usv.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-usv.bg-light-accent-secondary .kfw-usv.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-usv.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.kfw-usv.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.kfw-usv.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-usv.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.kfw-usv.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-usv.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-usv.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-usv.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-usv.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-usv.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-usv.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-usv.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-usv.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-usv.bg-light,
:where(main)>.kfw-usv.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-usv.bg-light+*>*,
:where(main)>.kfw-usv.bg-light>* {
  --margin-top: initial
}

.kfw-usv.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-usv.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-usv.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-usv.bg-light.product-header,
  .kfw-usv.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-usv.bg-light.product-header,
  .kfw-usv.bg-light.product-header[class*=bg-],
  .kfw-usv.bg-light[class*=bg-],
  .kfw-usv.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-usv.bg-light.product-header .hintbox-icon img,
  .kfw-usv.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-usv.bg-light .details--s9>.details .main-column[class*=bg-],
.kfw-usv.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-usv.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-usv.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-usv.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-usv.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-usv.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-usv.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-usv.bg-light .hintbox,
.kfw-usv.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-usv.bg-light,
.overlay-content .main-column>.kfw-usv.bg-light .kfw-usv.bg-light,
.overlay-content body>.kfw-usv.bg-light,
.overlay-content>.kfw-usv.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-usv.bg-light .kfw-usv.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-usv.bg-light .product-label.product-label--overflow,
.overlay-content body>.kfw-usv.bg-light .product-label.product-label--overflow,
.overlay-content>.kfw-usv.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

@media only print and (width >=0px) {
  .kfw-usv .generic-search-container .generic-search-filter-section-row-container {
    --cols: 6
  }
}

@media only screen and (min-width:840px) {
  .kfw-usv .generic-search-container .generic-search-filter-section-row-container {
    --cols: 6
  }
}

@media only print and (width >=0px) {
  .kfw-usv .generic-search-container .generic-search-filter-section-row-container {
    --cols: 4
  }
}

@media only screen and (min-width:1280px) {
  .kfw-usv .generic-search-container .generic-search-filter-section-row-container {
    --cols: 4
  }
}

.kfw-usv .table table thead tr th {
  background-color: var(--color-background-light-accent-1)
}

.kfw-usv .table table tbody tr td .btn-labeling,
.kfw-usv .table table tbody tr td>span {
  white-space: nowrap
}

.usv-overlay-content-image {
  margin-top: var(--space-medium)
}

.usv-overlay-content-image img {
  width: 100%
}

.usv-overlay-content-footer {
  margin-top: var(--space-small)
}

.usv-overlay-print-template {
  display: none
}

.usv-overlay-print-template .usv-overlay-content-image {
  margin-bottom: var(--space-medium)
}

@media only print {
  .usv-overlay-content {
    display: none
  }

  .usv-overlay-print-template {
    display: block
  }
}

.vorabcheck-header-wrapper {
  margin-bottom: var(--space-large)
}

.vorabcheck-content {
  display: flex;
  flex-direction: column;
  position: relative
}

.vorabcheck-content .question {
  align-items: flex-start;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 100%;
  width: 100%
}

.vorabcheck-content .question-img {
  display: none;
  flex-shrink: 0;
  max-width: 4.8rem
}

@media only print and (width >=0px) {
  .vorabcheck-content .question-img {
    display: block
  }
}

@media only screen and (min-width:600px) {
  .vorabcheck-content .question-img {
    display: block
  }
}

.vorabcheck-content .question-label {
  position: relative;
  white-space: nowrap
}

.vorabcheck-content .question-label p,
.vorabcheck-content .question-label-container {
  display: inline;
  margin-bottom: 0;
  white-space: normal
}

.vorabcheck-content .question-label .tooltip {
  --icon-top: 0.3rem
}

.vorabcheck-content .question-item-hint {
  background: var(--color-background-light-accent-2);
  margin-left: 4.3rem;
  margin-top: var(--space-small);
  padding: 20px;
  width: fit-content
}

.vorabcheck-content .question-icon {
  display: inline-flex;
  vertical-align: text-bottom
}

.vorabcheck-content .question-icon .icon,
.vorabcheck-content .question-icon .icon:before {
  display: inline;
  line-height: 2.5rem
}

.vorabcheck-content .question .form-item {
  grid-column: 1
}

.vorabcheck-content .question .form-item-label {
  margin-bottom: var(--space-small);
  margin-top: var(--space-x-small)
}

.vorabcheck-content .question .form-item-label:focus-visible {
  outline: none
}

@media only print and (width >=0px) {
  .vorabcheck-content .question .form-item {
    grid-column: 2
  }
}

@media only screen and (min-width:600px) {
  .vorabcheck-content .question .form-item {
    grid-column: 2
  }
}

.vorabcheck-content .question .error-message {
  color: var(--color-error);
  display: inline-flex;
  margin-top: .5rem
}

.vorabcheck-content .question .error-message .icon {
  font-size: 1.4rem;
  margin-right: .5rem
}

@media only print and (width >=0px) {
  .vorabcheck-content .question {
    grid-template-columns: 4.8rem 1fr
  }
}

@media only screen and (min-width:600px) {
  .vorabcheck-content .question {
    grid-template-columns: 4.8rem 1fr
  }
}

.vorabcheck-content .answer-wrapper {
  display: inline-flex;
  flex-direction: column;
  gap: var(--space-small)
}

.vorabcheck-content .answer-wrapper:not(:empty)+.question-wrapper {
  margin-top: var(--space-small)
}

.vorabcheck-content .answer-wrapper-row {
  align-items: flex-start;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 2.8rem 1fr
}

@media only print and (width >=0px) {
  .vorabcheck-content .answer-wrapper-row {
    grid-template-columns: 4.8rem 2.8rem 1fr
  }
}

@media only screen and (min-width:600px) {
  .vorabcheck-content .answer-wrapper-row {
    grid-template-columns: 4.8rem 2.8rem 1fr
  }
}

.vorabcheck-content .answer-icon {
  display: flex;
  flex-shrink: 0;
  width: 2.8rem
}

.vorabcheck-content .answer-icon .icon {
  font-size: 2.8rem
}

.vorabcheck-content .answer-icon .icon--prozessbestaetigung-bitte-beachten {
  color: var(--color-warning)
}

.vorabcheck-content .answer-icon .icon--prozessbestaetigung-erfolgreich {
  color: var(--color-accent-dark)
}

@media only print and (width >=0px) {
  .vorabcheck-content .answer-icon {
    grid-column: 2;
    margin-top: .7rem
  }
}

@media only screen and (min-width:600px) {
  .vorabcheck-content .answer-icon {
    grid-column: 2;
    margin-top: .7rem
  }
}

.vorabcheck-content .answer-image {
  display: none;
  flex-shrink: 0;
  max-width: 4.8rem
}

@media only print and (width >=0px) {
  .vorabcheck-content .answer-image {
    display: block
  }
}

@media only screen and (min-width:600px) {
  .vorabcheck-content .answer-image {
    display: block
  }
}

.vorabcheck-content .answer-text {
  margin-top: .5rem
}

@media only print and (width >=0px) {
  .vorabcheck-content .answer-text {
    grid-column: 3;
    margin-top: 1rem
  }
}

@media only screen and (min-width:600px) {
  .vorabcheck-content .answer-text {
    grid-column: 3;
    margin-top: 1rem
  }
}

.vorabcheck-content .answer-hint {
  background: var(--color-background-light-accent-2);
  margin-top: var(--space-small);
  padding: 20px;
  width: fit-content
}

.vorabcheck-content .description {
  margin-top: var(--space-big)
}

.vorabcheck-content .description-wrapper {
  align-items: flex-start;
  background: var(--color-background-light-accent-2);
  display: inline-flex;
  flex-direction: column;
  gap: 1.4rem;
  padding: 2rem 2rem 3rem
}

@media only print and (width >=0px) {
  .vorabcheck-content .description-wrapper {
    flex-direction: row;
    gap: var(--space-small)
  }
}

@media only screen and (min-width:600px) {
  .vorabcheck-content .description-wrapper {
    flex-direction: row;
    gap: var(--space-small)
  }
}

.vorabcheck-content .description-text {
  display: inline-flex;
  flex-direction: column
}

.vorabcheck-content .description-text .result-text+.result-btn {
  display: inline-flex;
  margin-top: var(--space-medium)
}

.vorabcheck-content .description-text .result-text p:first-child {
  margin-bottom: var(--space-x-small)
}

.vorabcheck-content .description-icon .icon {
  font-size: 4rem;
  line-height: 1
}

.vorabcheck-content .description-icon .icon--prozessbestaetigung-bitte-beachten {
  color: var(--color-warning)
}

.vorabcheck-content .description-icon .icon--prozessbestaetigung-erfolgreich {
  color: var(--color-accent-dark)
}

.vorabcheck-content .description .hl-3 {
  margin-bottom: var(--space-small)
}

.vorabcheck-content .icon {
  display: block
}

.vorabcheck-content .icon--checked {
  color: var(--color-accent-dark);
  font-size: 2.8rem;
  margin-left: 1.5rem
}

.vorabcheck-content .icon--danger {
  color: var(--color-warning);
  font-size: 2.8rem;
  margin-left: 1.5rem
}

.vorabcheck-content .icon--achtung {
  font-size: 1.4rem;
  margin-right: .5rem
}

.vorabcheck-footer {
  display: inline-flex;
  flex-direction: column;
  gap: var(--space-small)
}

.vorabcheck-footer .btn-wrapper {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--space-small);
  order: 2
}

.vorabcheck-footer .btn-wrapper .button-container {
  margin-bottom: 0
}

.vorabcheck-footer .btn-restart {
  align-content: center
}

.vorabcheck-footer .btn-next {
  order: 2
}

@media only print and (width >=0px) {
  .vorabcheck-footer {
    align-items: center;
    flex-direction: row
  }
}

@media only screen and (min-width:840px) {
  .vorabcheck-footer {
    align-items: center;
    flex-direction: row
  }
}

.vorabcheck .print-only {
  display: none
}

.vorabcheck .ln-8 {
  margin-bottom: var(--space-medium)
}

.digicheck-actions,
.vorabcheck .ln-8 {
  margin-top: var(--space-large)
}

.digicheck-actions-buttons,
.digicheck-actions-buttons-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
  gap: var(--space-small);
  justify-content: flex-end
}

.digicheck-actions-buttons .button-container {
  margin: 0
}

.digicheck-page-step .digicheck-actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-medium)
}

.digicheck-page-step .digicheck-actions:before {
  border-bottom: 1px solid var(--color-line-8);
  content: "";
  display: block;
  width: 100%
}

.digicheck-page-step .digicheck-actions .digicheck-actions-buttons {
  justify-content: flex-start
}

.digicheck-page-noresult .digicheck-actions {
  margin-top: var(--space-medium)
}

.digicheck-page-content-item {
  position: relative
}

.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: 0px;
  --c-padding-b: 0px;
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.digicheck-page-content-item:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-content-item.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.digicheck-page-content-item.bg-dark .button--primary,
.digicheck-page-content-item.bg-dark .button--primary-positive,
.digicheck-page-content-item.bg-dark .button--secondary,
.digicheck-page-content-item.bg-dark .button--secondary-positive,
.digicheck-page-content-item.bg-dark .button--tertiary,
.digicheck-page-content-item.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.digicheck-page-content-item.bg-dark .button--primary,
.digicheck-page-content-item.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.digicheck-page-content-item.bg-dark .button--secondary,
.digicheck-page-content-item.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.digicheck-page-content-item.bg-dark .button--tertiary,
.digicheck-page-content-item.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.digicheck-page-content-item.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-content-item.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-content-item.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-content-item.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-content-item.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-content-item.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-content-item.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-content-item.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-content-item.bg-dark,
:where(main)>.digicheck-page-content-item.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-content-item.bg-dark+*>*,
:where(main)>.digicheck-page-content-item.bg-dark>* {
  --margin-top: initial
}

.digicheck-page-content-item.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-content-item.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-content-item.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-content-item.bg-dark.product-header,
  .digicheck-page-content-item.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-content-item.bg-dark.product-header,
  .digicheck-page-content-item.bg-dark.product-header[class*=bg-],
  .digicheck-page-content-item.bg-dark[class*=bg-],
  .digicheck-page-content-item.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-content-item.bg-dark.product-header .hintbox-icon img,
  .digicheck-page-content-item.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-content-item.bg-dark .details--s9>.details .main-column[class*=bg-],
.digicheck-page-content-item.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-content-item.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-content-item.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-content-item.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-content-item.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-content-item.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-content-item.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-content-item.bg-dark .hintbox,
.digicheck-page-content-item.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-content-item.bg-dark,
.overlay-content .main-column>.digicheck-page-content-item.bg-dark .digicheck-page-content-item.bg-dark,
.overlay-content body>.digicheck-page-content-item.bg-dark,
.overlay-content>.digicheck-page-content-item.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-content-item.bg-dark .digicheck-page-content-item.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-content-item.bg-dark .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-content-item.bg-dark .product-label.product-label--overflow,
.overlay-content>.digicheck-page-content-item.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-content-item.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.digicheck-page-content-item.bg-dark-accent .button--primary,
.digicheck-page-content-item.bg-dark-accent .button--primary-positive,
.digicheck-page-content-item.bg-dark-accent .button--secondary,
.digicheck-page-content-item.bg-dark-accent .button--secondary-positive,
.digicheck-page-content-item.bg-dark-accent .button--tertiary,
.digicheck-page-content-item.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.digicheck-page-content-item.bg-dark-accent .button--primary,
.digicheck-page-content-item.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.digicheck-page-content-item.bg-dark-accent .button--secondary,
.digicheck-page-content-item.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.digicheck-page-content-item.bg-dark-accent .button--tertiary,
.digicheck-page-content-item.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.digicheck-page-content-item.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-content-item.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-content-item.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-content-item.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-content-item.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-content-item.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-content-item.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-content-item.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-content-item.bg-dark-accent,
:where(main)>.digicheck-page-content-item.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-content-item.bg-dark-accent+*>*,
:where(main)>.digicheck-page-content-item.bg-dark-accent>* {
  --margin-top: initial
}

.digicheck-page-content-item.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-content-item.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-content-item.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-content-item.bg-dark-accent.product-header,
  .digicheck-page-content-item.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-content-item.bg-dark-accent.product-header,
  .digicheck-page-content-item.bg-dark-accent.product-header[class*=bg-],
  .digicheck-page-content-item.bg-dark-accent[class*=bg-],
  .digicheck-page-content-item.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-content-item.bg-dark-accent.product-header .hintbox-icon img,
  .digicheck-page-content-item.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-content-item.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.digicheck-page-content-item.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-content-item.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-content-item.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-content-item.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-content-item.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-content-item.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-content-item.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-content-item.bg-dark-accent .hintbox,
.digicheck-page-content-item.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-content-item.bg-dark-accent,
.overlay-content .main-column>.digicheck-page-content-item.bg-dark-accent .digicheck-page-content-item.bg-dark-accent,
.overlay-content body>.digicheck-page-content-item.bg-dark-accent,
.overlay-content>.digicheck-page-content-item.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-content-item.bg-dark-accent .digicheck-page-content-item.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-content-item.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-content-item.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.digicheck-page-content-item.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-content-item.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.digicheck-page-content-item.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-content-item.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-content-item.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-content-item.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-content-item.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-content-item.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-content-item.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-content-item.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-content-item.bg-light-accent,
:where(main)>.digicheck-page-content-item.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-content-item.bg-light-accent+*>*,
:where(main)>.digicheck-page-content-item.bg-light-accent>* {
  --margin-top: initial
}

.digicheck-page-content-item.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-content-item.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-content-item.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-content-item.bg-light-accent.product-header,
  .digicheck-page-content-item.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-content-item.bg-light-accent.product-header,
  .digicheck-page-content-item.bg-light-accent.product-header[class*=bg-],
  .digicheck-page-content-item.bg-light-accent[class*=bg-],
  .digicheck-page-content-item.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-content-item.bg-light-accent.product-header .hintbox-icon img,
  .digicheck-page-content-item.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-content-item.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.digicheck-page-content-item.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-content-item.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-content-item.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-content-item.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-content-item.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-content-item.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-content-item.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-content-item.bg-light-accent .hintbox,
.digicheck-page-content-item.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-content-item.bg-light-accent,
.overlay-content .main-column>.digicheck-page-content-item.bg-light-accent .digicheck-page-content-item.bg-light-accent,
.overlay-content body>.digicheck-page-content-item.bg-light-accent,
.overlay-content>.digicheck-page-content-item.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-content-item.bg-light-accent .digicheck-page-content-item.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-content-item.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-content-item.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.digicheck-page-content-item.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-content-item.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.digicheck-page-content-item.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-content-item.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-content-item.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-content-item.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-content-item.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-content-item.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-content-item.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-content-item.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-content-item.bg-light-accent-secondary,
:where(main)>.digicheck-page-content-item.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-content-item.bg-light-accent-secondary+*>*,
:where(main)>.digicheck-page-content-item.bg-light-accent-secondary>* {
  --margin-top: initial
}

.digicheck-page-content-item.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-content-item.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-content-item.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-content-item.bg-light-accent-secondary.product-header,
  .digicheck-page-content-item.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-content-item.bg-light-accent-secondary.product-header,
  .digicheck-page-content-item.bg-light-accent-secondary.product-header[class*=bg-],
  .digicheck-page-content-item.bg-light-accent-secondary[class*=bg-],
  .digicheck-page-content-item.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-content-item.bg-light-accent-secondary.product-header .hintbox-icon img,
  .digicheck-page-content-item.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-content-item.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.digicheck-page-content-item.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-content-item.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-content-item.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-content-item.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-content-item.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-content-item.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-content-item.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-content-item.bg-light-accent-secondary .hintbox,
.digicheck-page-content-item.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-content-item.bg-light-accent-secondary,
.overlay-content .main-column>.digicheck-page-content-item.bg-light-accent-secondary .digicheck-page-content-item.bg-light-accent-secondary,
.overlay-content body>.digicheck-page-content-item.bg-light-accent-secondary,
.overlay-content>.digicheck-page-content-item.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-content-item.bg-light-accent-secondary .digicheck-page-content-item.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-content-item.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-content-item.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.digicheck-page-content-item.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-content-item.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: var(--c-spacing-s);
  --c-padding-x: 0px;
  --c-margin-x: 0px;
  --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
}

.details.details--acc1 .details-content>.digicheck-page-content-item.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-content-item.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-content-item.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-content-item.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-content-item.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-content-item.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-content-item.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-content-item.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-content-item.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-content-item.bg-light,
:where(main)>.digicheck-page-content-item.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-content-item.bg-light+*>*,
:where(main)>.digicheck-page-content-item.bg-light>* {
  --margin-top: initial
}

.digicheck-page-content-item.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-content-item.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-content-item.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-content-item.bg-light.product-header,
  .digicheck-page-content-item.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-content-item.bg-light.product-header,
  .digicheck-page-content-item.bg-light.product-header[class*=bg-],
  .digicheck-page-content-item.bg-light[class*=bg-],
  .digicheck-page-content-item.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-content-item.bg-light.product-header .hintbox-icon img,
  .digicheck-page-content-item.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-content-item.bg-light .details--s9>.details .main-column[class*=bg-],
.digicheck-page-content-item.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-content-item.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-content-item.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-content-item.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-content-item.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-content-item.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-content-item.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-content-item.bg-light .hintbox,
.digicheck-page-content-item.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-content-item.bg-light,
.overlay-content .main-column>.digicheck-page-content-item.bg-light .digicheck-page-content-item.bg-light,
.overlay-content body>.digicheck-page-content-item.bg-light,
.overlay-content>.digicheck-page-content-item.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-content-item.bg-light .digicheck-page-content-item.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-content-item.bg-light .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-content-item.bg-light .product-label.product-label--overflow,
.overlay-content>.digicheck-page-content-item.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-content-item:empty {
  display: none
}

.digicheck-page-content-item.hl-1+*,
.digicheck-page-content-item.item-headline+.digicheck-page-content-item.item-copytext {
  --margin-top: var(--space-small)
}

.digicheck-page-noresult .digicheck-page-content-item.item-headline+.digicheck-page-content-item.item-copytext {
  --margin-top: 0;
  padding-top: var(--space-x-small)
}

.digicheck-page-content-item .form-item-label {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: var(--mb, .8rem);
  word-spacing: inherit
}

.digicheck-page-content-item .form-item-label:last-child {
  margin-bottom: 0
}

.digicheck-page-content-item .form-item-checkbox>label span:first-child:not(:last-child) {
  font-weight: 400
}

.digicheck-page-start .digicheck-page-content:empty {
  overflow: hidden;
  pointer-events: none;
  position: relative
}

.digicheck-page-start .digicheck-page-content:empty:before {
  content: url(../images/assets/skeletons/digiCheck/start/defaultaf62526784cb327756b7.svg);
  display: block;
  width: 100%
}

.digicheck-page-start .digicheck-page-content:empty:after {
  animation: mask 2s ease infinite;
  bottom: -5%;
  box-shadow: var(--kfw-color-white) 5px 0 50px 25px;
  content: "";
  display: block;
  left: -110%;
  position: absolute;
  top: -5%;
  transform: rotate(5deg)
}

@media(prefers-reduced-motion) {
  .digicheck-page-start .digicheck-page-content:empty:after {
    animation: none
  }
}

.digicheck-page-step .digicheck-page-content:empty {
  overflow: hidden;
  pointer-events: none;
  position: relative
}

.digicheck-page-step .digicheck-page-content:empty:before {
  content: url(../images/assets/skeletons/digiCheck/step/defaulteacf1626aefa28a250ee.svg);
  display: block;
  width: 100%
}

.digicheck-page-step .digicheck-page-content:empty:after {
  animation: mask 2s ease infinite;
  bottom: -5%;
  box-shadow: var(--kfw-color-white) 5px 0 50px 25px;
  content: "";
  display: block;
  left: -110%;
  position: absolute;
  top: -5%;
  transform: rotate(5deg)
}

@media(prefers-reduced-motion) {
  .digicheck-page-step .digicheck-page-content:empty:after {
    animation: none
  }
}

.digicheck-page-result .digicheck-page-content:empty {
  overflow: hidden;
  pointer-events: none;
  position: relative
}

.digicheck-page-result .digicheck-page-content:empty:before {
  content: url(../images/assets/skeletons/digiCheck/result/defaulta3c6884de2c8fb765dbf.svg);
  display: block;
  width: 100%
}

.digicheck-page-result .digicheck-page-content:empty:after {
  animation: mask 2s ease infinite;
  bottom: -5%;
  box-shadow: var(--kfw-color-white) 5px 0 50px 25px;
  content: "";
  display: block;
  left: -110%;
  position: absolute;
  top: -5%;
  transform: rotate(5deg)
}

@media(prefers-reduced-motion) {
  .digicheck-page-result .digicheck-page-content:empty:after {
    animation: none
  }
}

@keyframes mask {
  0% {
    left: -110%
  }

  to {
    left: 110%
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item-headline {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: var(--mb, .8rem);
  word-spacing: inherit
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item-headline:last-child {
  margin-bottom: 0
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item-copytext {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: var(--mb, .8rem);
  word-spacing: inherit
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item-copytext:last-child {
  margin-bottom: 0
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner,
:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner+*>*,
:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.product-header[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.product-header .hintbox-icon img,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .details--s9>.details .main-column[class*=bg-],
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .hintbox,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner,
.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner,
.overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner,
.overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .product-label.product-label--overflow,
.overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--primary,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--primary-positive,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--secondary,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--secondary-positive,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--tertiary,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--primary,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--secondary,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--tertiary,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark,
:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark+*>*,
:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark.product-header[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark.product-header .hintbox-icon img,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .details--s9>.details .main-column[class*=bg-],
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .hintbox,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark,
.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark,
.overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark,
.overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .product-label.product-label--overflow,
.overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--primary,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--primary-positive,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--secondary,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--secondary-positive,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--tertiary,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--primary,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--secondary,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--tertiary,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent,
:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent+*>*,
:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent.product-header[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent.product-header .hintbox-icon img,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .hintbox,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent,
.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent,
.overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent,
.overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent,
:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent+*>*,
:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent.product-header[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent.product-header .hintbox-icon img,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .hintbox,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent,
.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent,
.overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent,
.overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary,
:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary+*>*,
:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary.product-header[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary.product-header .hintbox-icon img,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .hintbox,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary,
.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary,
.overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary,
.overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light,
:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light+*>*,
:where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light.product-header[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light.product-header .hintbox-icon img,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .details--s9>.details .main-column[class*=bg-],
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .hintbox,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light,
.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light,
.overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light,
.overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .product-label.product-label--overflow,
.overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
  --c-overflow: var(--overlay-inner-padding);
  --gutter: var(--overlay-inner-padding);
  --c-padding-y-bg: 20px;
  --c-padding-b-addition: 10px;
  padding-top: 20px
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-chart-container {
  background-color: var(--kfw-color-white);
  border-radius: 0 0 20px;
  display: inline-block
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-chart-container-inner {
  padding: 30px 15px
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-chart-container-inner .tx-1 {
  --mb: var(--space-medium)
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-chart-container-inner {
    padding: 40px 20px 30px
  }
}

@media only screen and (min-width:840px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-chart-container-inner {
    padding: 40px 20px 30px
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-score-container-inner {
  display: inline-block;
  padding-top: 3rem
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-score-container-inner .tx-1 {
  --mb: var(--space-x-small)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-score-container-inner .score-label-container {
  margin-bottom: var(--space-large)
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-score-container-inner {
    padding-top: 4rem
  }
}

@media only screen and (min-width:840px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-score-container-inner {
    padding-top: 4rem
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-score-container .digicheck-actions {
  margin-top: var(--space-medium)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-score-container .digicheck-actions .digicheck-actions-buttons,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-score-container .digicheck-actions .digicheck-actions-buttons-wrapper {
  flex-direction: unset;
  justify-content: flex-start
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
    background-color: var(--color-background-light-accent-2);
    clear: both;
    display: grid;
    gap: var(--space-large) 4rem;
    grid-template-columns: repeat(2, 1fr);
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
  }

  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner+*>*,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner>* {
    --margin-top: initial
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
    --c-calc-overflow: min(var(--gutter), var(--c-overflow));
    --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
    --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
    --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
    --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
    --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.product-header[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.product-header .hintbox-icon img,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner[class*=bg-] .hintbox-icon img {
    filter: unset
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .hintbox,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
    background-color: var(--color-background-dark);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --color: var(--color-font-on-dark-bg);
    --link-color: var(--color-font-on-dark-bg);
    --link-color-hover: var(--color-font-on-dark-bg);
    --headline-color: var(--color-font-headlines-on-dark-bg);
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--primary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--primary-positive,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--secondary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--secondary-positive,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--tertiary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--tertiary-positive {
    --notice-color: var(--color-font-on-dark-bg);
    --button-border-color-focus: var(--color-font-on-dark-bg);
    --button-bg-disabled: transparent;
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--primary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--primary-positive {
    --button-color: var(--color-fn);
    --button-bg: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--secondary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--secondary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-bg: transparent;
    --button-border-color: var(--color-font-on-dark-bg)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--tertiary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--tertiary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: transparent
  }

  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark+*>*,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark>* {
    --margin-top: initial
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
    --c-calc-overflow: min(var(--gutter), var(--c-overflow));
    --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
    --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
    --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
    --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
    --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark.product-header[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark.product-header .hintbox-icon img,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .hintbox,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
    background-color: var(--color-background-dark-accent);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --color: var(--color-font-on-dark-bg);
    --link-color: var(--color-font-on-dark-bg);
    --link-color-hover: var(--color-font-on-dark-bg);
    --headline-color: var(--color-font-headlines-on-dark-bg);
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--primary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--primary-positive,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--secondary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--secondary-positive,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--tertiary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--tertiary-positive {
    --notice-color: var(--color-font-on-dark-bg);
    --button-border-color-focus: var(--color-font-on-dark-bg);
    --button-bg-disabled: transparent;
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--primary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--primary-positive {
    --button-color: var(--color-fn);
    --button-bg: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--secondary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--secondary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-bg: transparent;
    --button-border-color: var(--color-font-on-dark-bg)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--tertiary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--tertiary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: transparent
  }

  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent+*>*,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent>* {
    --margin-top: initial
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
    --c-calc-overflow: min(var(--gutter), var(--c-overflow));
    --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
    --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
    --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
    --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
    --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent.product-header[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent.product-header .hintbox-icon img,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .hintbox,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
    background-color: var(--color-background-light-accent-1);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
  }

  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent+*>*,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent>* {
    --margin-top: initial
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
    --c-calc-overflow: min(var(--gutter), var(--c-overflow));
    --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
    --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
    --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
    --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
    --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent.product-header[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent.product-header .hintbox-icon img,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .hintbox,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
    background-color: var(--color-background-light-accent-2);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
  }

  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary+*>*,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary>* {
    --margin-top: initial
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
    --c-calc-overflow: min(var(--gutter), var(--c-overflow));
    --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
    --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
    --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
    --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
    --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary.product-header[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary.product-header .hintbox-icon img,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .hintbox,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
    background-color: var(--color-background-light);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
  }

  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light+*>*,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light>* {
    --margin-top: initial
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
    --c-calc-overflow: min(var(--gutter), var(--c-overflow));
    --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
    --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
    --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
    --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
    --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light.product-header,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light.product-header[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light.product-header .hintbox-icon img,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .hintbox,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
    --padding-x: 50px;
    --c-padding-b: 50px;
    --c-padding-t: 0
  }
}

@media only screen and (min-width:840px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
    background-color: var(--color-background-light-accent-2);
    clear: both;
    display: grid;
    gap: var(--space-large) 4rem;
    grid-template-columns: repeat(2, 1fr);
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
  }

  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner+*>*,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner>* {
    --margin-top: initial
  }
}

@media only screen and (min-width:840px)and (min-width:1280px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:840px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
    --c-calc-overflow: min(var(--gutter), var(--c-overflow));
    --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
    --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
    --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
    --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
    --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .hintbox,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
    background-color: var(--color-background-dark);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --color: var(--color-font-on-dark-bg);
    --link-color: var(--color-font-on-dark-bg);
    --link-color-hover: var(--color-font-on-dark-bg);
    --headline-color: var(--color-font-headlines-on-dark-bg);
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--primary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--primary-positive,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--secondary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--secondary-positive,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--tertiary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--tertiary-positive {
    --notice-color: var(--color-font-on-dark-bg);
    --button-border-color-focus: var(--color-font-on-dark-bg);
    --button-bg-disabled: transparent;
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--primary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--primary-positive {
    --button-color: var(--color-fn);
    --button-bg: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--secondary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--secondary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-bg: transparent;
    --button-border-color: var(--color-font-on-dark-bg)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--tertiary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .button--tertiary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: transparent
  }

  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark+*>*,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark>* {
    --margin-top: initial
  }
}

@media only screen and (min-width:840px)and (min-width:1280px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:840px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
    --c-calc-overflow: min(var(--gutter), var(--c-overflow));
    --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
    --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
    --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
    --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
    --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .hintbox,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
    background-color: var(--color-background-dark-accent);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --color: var(--color-font-on-dark-bg);
    --link-color: var(--color-font-on-dark-bg);
    --link-color-hover: var(--color-font-on-dark-bg);
    --headline-color: var(--color-font-headlines-on-dark-bg);
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--primary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--primary-positive,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--secondary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--secondary-positive,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--tertiary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--tertiary-positive {
    --notice-color: var(--color-font-on-dark-bg);
    --button-border-color-focus: var(--color-font-on-dark-bg);
    --button-bg-disabled: transparent;
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--primary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--primary-positive {
    --button-color: var(--color-fn);
    --button-bg: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--secondary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--secondary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-bg: transparent;
    --button-border-color: var(--color-font-on-dark-bg)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--tertiary,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .button--tertiary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: transparent
  }

  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent+*>*,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent>* {
    --margin-top: initial
  }
}

@media only screen and (min-width:840px)and (min-width:1280px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:840px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
    --c-calc-overflow: min(var(--gutter), var(--c-overflow));
    --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
    --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
    --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
    --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
    --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .hintbox,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-dark-accent .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
    background-color: var(--color-background-light-accent-1);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
  }

  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent+*>*,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent>* {
    --margin-top: initial
  }
}

@media only screen and (min-width:840px)and (min-width:1280px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:840px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
    --c-calc-overflow: min(var(--gutter), var(--c-overflow));
    --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
    --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
    --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
    --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
    --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .hintbox,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
    background-color: var(--color-background-light-accent-2);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
  }

  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary+*>*,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary>* {
    --margin-top: initial
  }
}

@media only screen and (min-width:840px)and (min-width:1280px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:840px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
    --c-calc-overflow: min(var(--gutter), var(--c-overflow));
    --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
    --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
    --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
    --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
    --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .hintbox,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light-accent-secondary .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
    background-color: var(--color-background-light);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
  }

  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light+*>*,
  :where(main)>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light>* {
    --margin-top: initial
  }
}

@media only screen and (min-width:840px)and (min-width:1280px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:840px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
    --c-calc-overflow: min(var(--gutter), var(--c-overflow));
    --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
    --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
    --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
    --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
    --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .hintbox,
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner.bg-light .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-score-inner {
    --padding-x: 50px;
    --c-padding-b: 50px;
    --c-padding-t: 0
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-recommendations .digicheck-recommendation-copytext {
  margin-bottom: 2.5rem;
  margin-top: var(--space-small)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-recommendations .digicheck-recommendation .details.details--acc2 {
  --c-padding-x: 0px;
  --margin-top: 0
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-recommendations .digicheck-recommendation .details.details--acc2 .details-content h4 {
  margin-bottom: var(--space-x-small)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-recommendations .digicheck-recommendation .details.details--acc2 .details-content .digicheck-recommendation-item:not(:first-child) {
  margin-top: var(--space-large)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-successstories-inner .digicheck-successstories-content {
  display: grid;
  gap: var(--space-small) 2rem;
  grid-template-columns: repeat(1, 1fr)
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-successstories-inner .digicheck-successstories-content {
    gap: var(--space-big) 2rem;
    grid-template-columns: repeat(2, 1fr)
  }
}

@media only screen and (min-width:840px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-successstories-inner .digicheck-successstories-content {
    gap: var(--space-big) 2rem;
    grid-template-columns: repeat(2, 1fr)
  }
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-successstories-inner .digicheck-successstories-content {
    gap: var(--space-big) 2.6rem
  }
}

@media only screen and (min-width:960px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-successstories-inner .digicheck-successstories-content {
    gap: var(--space-big) 2.6rem
  }
}

@media only print and (width >=0px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-successstories-inner .digicheck-successstories-content {
    gap: var(--space-big) 3.5rem
  }
}

@media only screen and (min-width:1280px) {
  .digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-successstories-inner .digicheck-successstories-content {
    gap: var(--space-big) 3.5rem
  }
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-programtilecontainer .digicheck-programtile-container-headline {
  margin-bottom: var(--space-small)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-programtilecontainer .digicheck-programtile-container-copytext {
  margin-bottom: var(--space-large)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-programtilecontainer .digicheck-programtile-container-programtile {
  --c-overflow: var(--overlay-inner-padding);
  --gutter: var(--overlay-inner-padding)
}

.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-programtilecontainer,
.digicheck-page-result .digicheck-page-content .digicheck-page-content-item.item-successstories {
  --margin-top: var(--space-big)
}

.digicheck-page .digicheck-page-result-rating {
  margin-top: var(--space-big)
}

.digicheck-page .digicheck-page-result-rating .digicheck-page-content-item.item-keyingressrating .details.details--acc3 {
  --margin-top: 0;
  --c-padding-x: 0;
  border-bottom: 0;
  width: 100%
}

.digicheck-page .digicheck-page-result-rating .digicheck-page-content-item.item-keyingressrating .details.details--acc3:last-child {
  margin-bottom: 0
}

.digicheck-page-noresult .item-wrapper {
  --icon-size: 5.6rem;
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  margin-top: calc(var(--space-small) + var(--icon-size)/2);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-noresult .item-wrapper,
:where(main)>.digicheck-page-noresult .item-wrapper+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-noresult .item-wrapper+*>*,
:where(main)>.digicheck-page-noresult .item-wrapper>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .digicheck-page-noresult .item-wrapper {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .digicheck-page-noresult .item-wrapper {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.digicheck-page-noresult .item-wrapper {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.digicheck-page-noresult .item-wrapper:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-noresult .item-wrapper {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-noresult .item-wrapper:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-noresult .item-wrapper.product-header,
  .digicheck-page-noresult .item-wrapper[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-noresult .item-wrapper.product-header,
  .digicheck-page-noresult .item-wrapper.product-header[class*=bg-],
  .digicheck-page-noresult .item-wrapper[class*=bg-],
  .digicheck-page-noresult .item-wrapper[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.product-header .hintbox-icon img,
  .digicheck-page-noresult .item-wrapper[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-noresult .item-wrapper .details--s9>.details .main-column[class*=bg-],
.digicheck-page-noresult .item-wrapper .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-noresult .item-wrapper:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-noresult .item-wrapper:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-noresult .item-wrapper:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-noresult .item-wrapper:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-noresult .item-wrapper:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-noresult .item-wrapper:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-noresult .item-wrapper .hintbox,
.digicheck-page-noresult .item-wrapper.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-noresult .item-wrapper,
.overlay-content .main-column>.digicheck-page-noresult .item-wrapper .digicheck-page-noresult .item-wrapper,
.overlay-content body>.digicheck-page-noresult .item-wrapper,
.overlay-content>.digicheck-page-noresult .item-wrapper {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-noresult .item-wrapper .digicheck-page-noresult .item-wrapper .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-noresult .item-wrapper .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-noresult .item-wrapper .product-label.product-label--overflow,
.overlay-content>.digicheck-page-noresult .item-wrapper .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-noresult .item-wrapper.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.digicheck-page-noresult .item-wrapper.bg-dark .button--primary,
.digicheck-page-noresult .item-wrapper.bg-dark .button--primary-positive,
.digicheck-page-noresult .item-wrapper.bg-dark .button--secondary,
.digicheck-page-noresult .item-wrapper.bg-dark .button--secondary-positive,
.digicheck-page-noresult .item-wrapper.bg-dark .button--tertiary,
.digicheck-page-noresult .item-wrapper.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.digicheck-page-noresult .item-wrapper.bg-dark .button--primary,
.digicheck-page-noresult .item-wrapper.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.digicheck-page-noresult .item-wrapper.bg-dark .button--secondary,
.digicheck-page-noresult .item-wrapper.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.digicheck-page-noresult .item-wrapper.bg-dark .button--tertiary,
.digicheck-page-noresult .item-wrapper.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-noresult .item-wrapper.bg-dark,
:where(main)>.digicheck-page-noresult .item-wrapper.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-noresult .item-wrapper.bg-dark+*>*,
:where(main)>.digicheck-page-noresult .item-wrapper.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .digicheck-page-noresult .item-wrapper.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .digicheck-page-noresult .item-wrapper.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.digicheck-page-noresult .item-wrapper.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.digicheck-page-noresult .item-wrapper.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-noresult .item-wrapper.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-noresult .item-wrapper.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-noresult .item-wrapper.bg-dark.product-header,
  .digicheck-page-noresult .item-wrapper.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-noresult .item-wrapper.bg-dark.product-header,
  .digicheck-page-noresult .item-wrapper.bg-dark.product-header[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-dark[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark.product-header .hintbox-icon img,
  .digicheck-page-noresult .item-wrapper.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-noresult .item-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-],
.digicheck-page-noresult .item-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-noresult .item-wrapper.bg-dark .hintbox,
.digicheck-page-noresult .item-wrapper.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark,
.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark .digicheck-page-noresult .item-wrapper.bg-dark,
.overlay-content body>.digicheck-page-noresult .item-wrapper.bg-dark,
.overlay-content>.digicheck-page-noresult .item-wrapper.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark .digicheck-page-noresult .item-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-noresult .item-wrapper.bg-dark .product-label.product-label--overflow,
.overlay-content>.digicheck-page-noresult .item-wrapper.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-noresult .item-wrapper.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.digicheck-page-noresult .item-wrapper.bg-dark-accent .button--primary,
.digicheck-page-noresult .item-wrapper.bg-dark-accent .button--primary-positive,
.digicheck-page-noresult .item-wrapper.bg-dark-accent .button--secondary,
.digicheck-page-noresult .item-wrapper.bg-dark-accent .button--secondary-positive,
.digicheck-page-noresult .item-wrapper.bg-dark-accent .button--tertiary,
.digicheck-page-noresult .item-wrapper.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.digicheck-page-noresult .item-wrapper.bg-dark-accent .button--primary,
.digicheck-page-noresult .item-wrapper.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.digicheck-page-noresult .item-wrapper.bg-dark-accent .button--secondary,
.digicheck-page-noresult .item-wrapper.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.digicheck-page-noresult .item-wrapper.bg-dark-accent .button--tertiary,
.digicheck-page-noresult .item-wrapper.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-noresult .item-wrapper.bg-dark-accent,
:where(main)>.digicheck-page-noresult .item-wrapper.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-noresult .item-wrapper.bg-dark-accent+*>*,
:where(main)>.digicheck-page-noresult .item-wrapper.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .digicheck-page-noresult .item-wrapper.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .digicheck-page-noresult .item-wrapper.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.digicheck-page-noresult .item-wrapper.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-noresult .item-wrapper.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent.product-header,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent.product-header,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent.product-header[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-dark-accent[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent.product-header .hintbox-icon img,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-noresult .item-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.digicheck-page-noresult .item-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-noresult .item-wrapper.bg-dark-accent .hintbox,
.digicheck-page-noresult .item-wrapper.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent,
.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent .digicheck-page-noresult .item-wrapper.bg-dark-accent,
.overlay-content body>.digicheck-page-noresult .item-wrapper.bg-dark-accent,
.overlay-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent .digicheck-page-noresult .item-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-noresult .item-wrapper.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-noresult .item-wrapper.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent,
:where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent+*>*,
:where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .digicheck-page-noresult .item-wrapper.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .digicheck-page-noresult .item-wrapper.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.digicheck-page-noresult .item-wrapper.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.digicheck-page-noresult .item-wrapper.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-noresult .item-wrapper.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent.product-header,
  .digicheck-page-noresult .item-wrapper.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent.product-header,
  .digicheck-page-noresult .item-wrapper.bg-light-accent.product-header[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light-accent[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent.product-header .hintbox-icon img,
  .digicheck-page-noresult .item-wrapper.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-noresult .item-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.digicheck-page-noresult .item-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-noresult .item-wrapper.bg-light-accent .hintbox,
.digicheck-page-noresult .item-wrapper.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent,
.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent .digicheck-page-noresult .item-wrapper.bg-light-accent,
.overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light-accent,
.overlay-content>.digicheck-page-noresult .item-wrapper.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent .digicheck-page-noresult .item-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.digicheck-page-noresult .item-wrapper.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary,
:where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary+*>*,
:where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary.product-header,
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary.product-header,
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary.product-header[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary.product-header .hintbox-icon img,
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .hintbox,
.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary,
.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary,
.overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary,
.overlay-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-noresult .item-wrapper.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.digicheck-page-noresult .item-wrapper.bg-light,
:where(main)>.digicheck-page-noresult .item-wrapper.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.digicheck-page-noresult .item-wrapper.bg-light+*>*,
:where(main)>.digicheck-page-noresult .item-wrapper.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .digicheck-page-noresult .item-wrapper.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .digicheck-page-noresult .item-wrapper.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.digicheck-page-noresult .item-wrapper.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.digicheck-page-noresult .item-wrapper.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .digicheck-page-noresult .item-wrapper.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-noresult .item-wrapper.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-noresult .item-wrapper.bg-light.product-header,
  .digicheck-page-noresult .item-wrapper.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-noresult .item-wrapper.bg-light.product-header,
  .digicheck-page-noresult .item-wrapper.bg-light.product-header[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-light.product-header .hintbox-icon img,
  .digicheck-page-noresult .item-wrapper.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.digicheck-page-noresult .item-wrapper.bg-light .details--s9>.details .main-column[class*=bg-],
.digicheck-page-noresult .item-wrapper.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.digicheck-page-noresult .item-wrapper.bg-light .hintbox,
.digicheck-page-noresult .item-wrapper.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light,
.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light .digicheck-page-noresult .item-wrapper.bg-light,
.overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light,
.overlay-content>.digicheck-page-noresult .item-wrapper.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light .digicheck-page-noresult .item-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light .product-label.product-label--overflow,
.overlay-content>.digicheck-page-noresult .item-wrapper.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.digicheck-page-noresult .item-wrapper {
  --gutter: var(--overlay-inner-padding);
  --c-overflow: var(--overlay-inner-padding);
  --c-padding-b: var(--space-large);
  --padding-x: 20px
}

.digicheck-page-noresult .item-wrapper:before {
  align-items: center;
  color: var(--color-warning);
  content: var(--icon-prozessbestaetigung-bitte-beachten);
  display: inline-flex;
  font-family: KfW-Icon-Font;
  font-size: var(--icon-size);
  height: var(--icon-size);
  margin: -2.8rem calc(50% - 4rem) var(--space-small);
  vertical-align: middle;
  width: var(--icon-size)
}

@media only print and (width >=0px) {
  .digicheck-page-noresult .item-wrapper {
    background-color: var(--color-background-light-accent-2);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: var(--c-spacing-s);
    --c-margin-x: 0px;
    --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
  }

  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-noresult .item-wrapper,
  :where(main)>.digicheck-page-noresult .item-wrapper+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-noresult .item-wrapper+*>*,
  :where(main)>.digicheck-page-noresult .item-wrapper>* {
    --margin-top: initial
  }

  .digicheck-page-noresult .item-wrapper:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-noresult .item-wrapper {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-noresult .item-wrapper:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-noresult .item-wrapper.product-header,
  .digicheck-page-noresult .item-wrapper[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-noresult .item-wrapper.product-header,
  .digicheck-page-noresult .item-wrapper.product-header[class*=bg-],
  .digicheck-page-noresult .item-wrapper[class*=bg-],
  .digicheck-page-noresult .item-wrapper[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.product-header .hintbox-icon img,
  .digicheck-page-noresult .item-wrapper[class*=bg-] .hintbox-icon img {
    filter: unset
  }

  .digicheck-page-noresult .item-wrapper .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-noresult .item-wrapper .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper .hintbox,
  .digicheck-page-noresult .item-wrapper.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper .digicheck-page-noresult .item-wrapper,
  .overlay-content body>.digicheck-page-noresult .item-wrapper,
  .overlay-content>.digicheck-page-noresult .item-wrapper {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper .digicheck-page-noresult .item-wrapper .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-noresult .item-wrapper .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-noresult .item-wrapper .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark {
    background-color: var(--color-background-dark);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --color: var(--color-font-on-dark-bg);
    --link-color: var(--color-font-on-dark-bg);
    --link-color-hover: var(--color-font-on-dark-bg);
    --headline-color: var(--color-font-headlines-on-dark-bg);
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: var(--c-spacing-s);
    --c-margin-x: 0px;
    --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
  }

  .digicheck-page-noresult .item-wrapper.bg-dark .button--primary,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--primary-positive,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--secondary,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--secondary-positive,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--tertiary,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--tertiary-positive {
    --notice-color: var(--color-font-on-dark-bg);
    --button-border-color-focus: var(--color-font-on-dark-bg);
    --button-bg-disabled: transparent;
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark .button--primary,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--primary-positive {
    --button-color: var(--color-fn);
    --button-bg: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark .button--secondary,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--secondary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-bg: transparent;
    --button-border-color: var(--color-font-on-dark-bg)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark .button--tertiary,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--tertiary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: transparent
  }

  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark+*>*,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark>* {
    --margin-top: initial
  }

  .digicheck-page-noresult .item-wrapper.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-noresult .item-wrapper.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-noresult .item-wrapper.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-noresult .item-wrapper.bg-dark.product-header,
  .digicheck-page-noresult .item-wrapper.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-noresult .item-wrapper.bg-dark.product-header,
  .digicheck-page-noresult .item-wrapper.bg-dark.product-header[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-dark[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark.product-header .hintbox-icon img,
  .digicheck-page-noresult .item-wrapper.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }

  .digicheck-page-noresult .item-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark .hintbox,
  .digicheck-page-noresult .item-wrapper.bg-dark.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark .digicheck-page-noresult .item-wrapper.bg-dark,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-dark,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-dark {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark .digicheck-page-noresult .item-wrapper.bg-dark .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-dark .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-dark .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent {
    background-color: var(--color-background-dark-accent);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --color: var(--color-font-on-dark-bg);
    --link-color: var(--color-font-on-dark-bg);
    --link-color-hover: var(--color-font-on-dark-bg);
    --headline-color: var(--color-font-headlines-on-dark-bg);
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: var(--c-spacing-s);
    --c-margin-x: 0px;
    --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--primary,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--primary-positive,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--secondary,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--secondary-positive,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--tertiary,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--tertiary-positive {
    --notice-color: var(--color-font-on-dark-bg);
    --button-border-color-focus: var(--color-font-on-dark-bg);
    --button-bg-disabled: transparent;
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--primary,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--primary-positive {
    --button-color: var(--color-fn);
    --button-bg: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--secondary,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--secondary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-bg: transparent;
    --button-border-color: var(--color-font-on-dark-bg)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--tertiary,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--tertiary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: transparent
  }

  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark-accent,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark-accent+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark-accent+*>*,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark-accent>* {
    --margin-top: initial
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-noresult .item-wrapper.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent.product-header,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent.product-header,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent.product-header[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-dark-accent[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent.product-header .hintbox-icon img,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent .hintbox,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent .digicheck-page-noresult .item-wrapper.bg-dark-accent,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-dark-accent,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent .digicheck-page-noresult .item-wrapper.bg-dark-accent .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-dark-accent .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent {
    background-color: var(--color-background-light-accent-1);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: var(--c-spacing-s);
    --c-margin-x: 0px;
    --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
  }

  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent+*>*,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent>* {
    --margin-top: initial
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-noresult .item-wrapper.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent.product-header,
  .digicheck-page-noresult .item-wrapper.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent.product-header,
  .digicheck-page-noresult .item-wrapper.bg-light-accent.product-header[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light-accent[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent.product-header .hintbox-icon img,
  .digicheck-page-noresult .item-wrapper.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent .hintbox,
  .digicheck-page-noresult .item-wrapper.bg-light-accent.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent .digicheck-page-noresult .item-wrapper.bg-light-accent,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light-accent,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-light-accent {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent .digicheck-page-noresult .item-wrapper.bg-light-accent .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light-accent .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-light-accent .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary {
    background-color: var(--color-background-light-accent-2);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: var(--c-spacing-s);
    --c-margin-x: 0px;
    --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
  }

  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary+*>*,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary>* {
    --margin-top: initial
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary.product-header,
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary.product-header,
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary.product-header[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary.product-header .hintbox-icon img,
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .hintbox,
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-noresult .item-wrapper.bg-light {
    background-color: var(--color-background-light);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: var(--c-spacing-s);
    --c-margin-x: 0px;
    --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
  }

  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light+*>*,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light>* {
    --margin-top: initial
  }

  .digicheck-page-noresult .item-wrapper.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }
}

@media only print and (width >=0px) {
  .digicheck-page-noresult .item-wrapper.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .digicheck-page-noresult .item-wrapper.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .digicheck-page-noresult .item-wrapper.bg-light.product-header,
  .digicheck-page-noresult .item-wrapper.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .digicheck-page-noresult .item-wrapper.bg-light.product-header,
  .digicheck-page-noresult .item-wrapper.bg-light.product-header[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-light.product-header .hintbox-icon img,
  .digicheck-page-noresult .item-wrapper.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }

  .digicheck-page-noresult .item-wrapper.bg-light .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-light .hintbox,
  .digicheck-page-noresult .item-wrapper.bg-light.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light .digicheck-page-noresult .item-wrapper.bg-light,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-light {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light .digicheck-page-noresult .item-wrapper.bg-light .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-light .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-noresult .item-wrapper {
    --c-overflow: 0px;
    --padding-x: 20px;
    --c-padding-t: 0;
    --c-padding-b: var(--space-large)
  }
}

@media only screen and (min-width:600px) {
  .digicheck-page-noresult .item-wrapper {
    background-color: var(--color-background-light-accent-2);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: var(--c-spacing-s);
    --c-margin-x: 0px;
    --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
  }

  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-noresult .item-wrapper,
  :where(main)>.digicheck-page-noresult .item-wrapper+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-noresult .item-wrapper+*>*,
  :where(main)>.digicheck-page-noresult .item-wrapper>* {
    --margin-top: initial
  }

  .digicheck-page-noresult .item-wrapper:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }

  .digicheck-page-noresult .item-wrapper .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-noresult .item-wrapper .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper .hintbox,
  .digicheck-page-noresult .item-wrapper.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper .digicheck-page-noresult .item-wrapper,
  .overlay-content body>.digicheck-page-noresult .item-wrapper,
  .overlay-content>.digicheck-page-noresult .item-wrapper {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper .digicheck-page-noresult .item-wrapper .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-noresult .item-wrapper .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-noresult .item-wrapper .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark {
    background-color: var(--color-background-dark);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --color: var(--color-font-on-dark-bg);
    --link-color: var(--color-font-on-dark-bg);
    --link-color-hover: var(--color-font-on-dark-bg);
    --headline-color: var(--color-font-headlines-on-dark-bg);
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: var(--c-spacing-s);
    --c-margin-x: 0px;
    --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
  }

  .digicheck-page-noresult .item-wrapper.bg-dark .button--primary,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--primary-positive,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--secondary,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--secondary-positive,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--tertiary,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--tertiary-positive {
    --notice-color: var(--color-font-on-dark-bg);
    --button-border-color-focus: var(--color-font-on-dark-bg);
    --button-bg-disabled: transparent;
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark .button--primary,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--primary-positive {
    --button-color: var(--color-fn);
    --button-bg: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark .button--secondary,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--secondary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-bg: transparent;
    --button-border-color: var(--color-font-on-dark-bg)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark .button--tertiary,
  .digicheck-page-noresult .item-wrapper.bg-dark .button--tertiary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: transparent
  }

  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark+*>*,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark>* {
    --margin-top: initial
  }

  .digicheck-page-noresult .item-wrapper.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }

  .digicheck-page-noresult .item-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark .hintbox,
  .digicheck-page-noresult .item-wrapper.bg-dark.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark .digicheck-page-noresult .item-wrapper.bg-dark,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-dark,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-dark {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark .digicheck-page-noresult .item-wrapper.bg-dark .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-dark .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-dark .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent {
    background-color: var(--color-background-dark-accent);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --color: var(--color-font-on-dark-bg);
    --link-color: var(--color-font-on-dark-bg);
    --link-color-hover: var(--color-font-on-dark-bg);
    --headline-color: var(--color-font-headlines-on-dark-bg);
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: var(--c-spacing-s);
    --c-margin-x: 0px;
    --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--primary,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--primary-positive,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--secondary,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--secondary-positive,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--tertiary,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--tertiary-positive {
    --notice-color: var(--color-font-on-dark-bg);
    --button-border-color-focus: var(--color-font-on-dark-bg);
    --button-bg-disabled: transparent;
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--primary,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--primary-positive {
    --button-color: var(--color-fn);
    --button-bg: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--secondary,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--secondary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-bg-hover: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-fn-active);
    --button-bg: transparent;
    --button-border-color: var(--color-font-on-dark-bg)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--tertiary,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .button--tertiary-positive {
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
    --button-border-color-disabled: transparent
  }

  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-dark-accent:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark-accent,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark-accent+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark-accent+*>*,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-dark-accent>* {
    --margin-top: initial
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-dark-accent .hintbox,
  .digicheck-page-noresult .item-wrapper.bg-dark-accent.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent .digicheck-page-noresult .item-wrapper.bg-dark-accent,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-dark-accent,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent .digicheck-page-noresult .item-wrapper.bg-dark-accent .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-dark-accent .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-dark-accent .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-dark-accent .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent {
    background-color: var(--color-background-light-accent-1);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: var(--c-spacing-s);
    --c-margin-x: 0px;
    --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
  }

  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent+*>*,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent>* {
    --margin-top: initial
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent .hintbox,
  .digicheck-page-noresult .item-wrapper.bg-light-accent.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent .digicheck-page-noresult .item-wrapper.bg-light-accent,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light-accent,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-light-accent {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent .digicheck-page-noresult .item-wrapper.bg-light-accent .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light-accent .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-light-accent .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary {
    background-color: var(--color-background-light-accent-2);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: var(--c-spacing-s);
    --c-margin-x: 0px;
    --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
  }

  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary+*>*,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary>* {
    --margin-top: initial
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .hintbox,
  .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-light-accent-secondary .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-noresult .item-wrapper.bg-light {
    background-color: var(--color-background-light);
    clear: both;
    margin-left: var(--c-margin-x);
    margin-right: var(--c-margin-x);
    max-width: var(--c-max-width);
    padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
    width: 100vw;
    --c-padding-t: var(--c-padding-y-bg);
    --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
    --c-padding-x: var(--c-spacing-s);
    --c-margin-x: 0px;
    --c-max-width: min(100%, (var(--max-container-width) + var(--c-padding-x, 0px) * 2))
  }

  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container),
  .details.details--acc1 .details-content>.main-column>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container),
  .two-column-container-content>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container)+*,
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container),
  main.page-s3>.main-column>.digicheck-page-noresult .item-wrapper.bg-light:where(.hintbox, .programtile-container)+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light:where(:not(:first-child)) {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
  :where(:not(.two-column-container-content, .main-column, .marginal-column))>.digicheck-page-noresult .item-wrapper.bg-light:where(:not(:first-child))>* {
    --margin-top: initial
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light+* {
    --margin-top: var(--overwrite-margin-top, var(--space-large))
  }

  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light+*>*,
  :where(main)>.digicheck-page-noresult .item-wrapper.bg-light>* {
    --margin-top: initial
  }

  .digicheck-page-noresult .item-wrapper.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
    margin-top: var(--margin-top, var(--space-big))
  }

  .digicheck-page-noresult .item-wrapper.bg-light .details--s9>.details .main-column[class*=bg-],
  .digicheck-page-noresult .item-wrapper.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
  .page-s3 .main-column .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox)[class*=bg-],
  .page-s9 .main-column .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-],
  :not(.details--s9)>.details .digicheck-page-noresult .item-wrapper.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .digicheck-page-noresult .item-wrapper.bg-light .hintbox,
  .digicheck-page-noresult .item-wrapper.bg-light.compact {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --c-padding-t: 20px;
    --c-padding-b: 30px
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light .digicheck-page-noresult .item-wrapper.bg-light,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-light {
    --c-max-width: 100%;
    --c-overflow: 0px;
    --padding-x: var(--c-spacing-s)
  }

  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light .digicheck-page-noresult .item-wrapper.bg-light .product-label.product-label--overflow,
  .overlay-content .main-column>.digicheck-page-noresult .item-wrapper.bg-light .product-label.product-label--overflow,
  .overlay-content body>.digicheck-page-noresult .item-wrapper.bg-light .product-label.product-label--overflow,
  .overlay-content>.digicheck-page-noresult .item-wrapper.bg-light .product-label.product-label--overflow {
    --pl: var(--padding-x)
  }

  .digicheck-page-noresult .item-wrapper {
    --c-overflow: 0px;
    --padding-x: 20px;
    --c-padding-t: 0;
    --c-padding-b: var(--space-large)
  }
}

.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y);
  --c-padding-b: var(--c-padding-y);
  --c-padding-x: min(var(--gutter), var(--c-overflow))
}

.details.details--acc1 .details-content>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+:not(.bg-):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
:where(main)>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))+*>*,
:where(main)>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))>* {
  --margin-top: initial
}

.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header,
  .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header[class*=bg-],
  .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-],
  .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).product-header .hintbox-icon img,
  .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent))[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-],
.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)):not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .hintbox,
.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)).compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content .main-column>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content body>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)),
.overlay-content>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content body>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow,
.overlay-content>.kfw-sdg-project-overview:where(:not(.bg-dark, .bg-light, .bg-light-accent, .bg-light-accent-secondary, .bg-dark-accent)) .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-sdg-project-overview.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.kfw-sdg-project-overview.bg-dark .button--primary,
.kfw-sdg-project-overview.bg-dark .button--primary-positive,
.kfw-sdg-project-overview.bg-dark .button--secondary,
.kfw-sdg-project-overview.bg-dark .button--secondary-positive,
.kfw-sdg-project-overview.bg-dark .button--tertiary,
.kfw-sdg-project-overview.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-sdg-project-overview.bg-dark .button--primary,
.kfw-sdg-project-overview.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-sdg-project-overview.bg-dark .button--secondary,
.kfw-sdg-project-overview.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-sdg-project-overview.bg-dark .button--tertiary,
.kfw-sdg-project-overview.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-sdg-project-overview.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-sdg-project-overview.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-sdg-project-overview.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-sdg-project-overview.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-sdg-project-overview.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-sdg-project-overview.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-sdg-project-overview.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-sdg-project-overview.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-sdg-project-overview.bg-dark,
:where(main)>.kfw-sdg-project-overview.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-sdg-project-overview.bg-dark+*>*,
:where(main)>.kfw-sdg-project-overview.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-sdg-project-overview.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-sdg-project-overview.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-sdg-project-overview.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-sdg-project-overview.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-sdg-project-overview.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-sdg-project-overview.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-sdg-project-overview.bg-dark.product-header,
  .kfw-sdg-project-overview.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-sdg-project-overview.bg-dark.product-header,
  .kfw-sdg-project-overview.bg-dark.product-header[class*=bg-],
  .kfw-sdg-project-overview.bg-dark[class*=bg-],
  .kfw-sdg-project-overview.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-sdg-project-overview.bg-dark.product-header .hintbox-icon img,
  .kfw-sdg-project-overview.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-sdg-project-overview.bg-dark .details--s9>.details .main-column[class*=bg-],
.kfw-sdg-project-overview.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-sdg-project-overview.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-sdg-project-overview.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-sdg-project-overview.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-sdg-project-overview.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-sdg-project-overview.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-sdg-project-overview.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-sdg-project-overview.bg-dark .hintbox,
.kfw-sdg-project-overview.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-sdg-project-overview.bg-dark,
.overlay-content .main-column>.kfw-sdg-project-overview.bg-dark .kfw-sdg-project-overview.bg-dark,
.overlay-content body>.kfw-sdg-project-overview.bg-dark,
.overlay-content>.kfw-sdg-project-overview.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-sdg-project-overview.bg-dark .kfw-sdg-project-overview.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-sdg-project-overview.bg-dark .product-label.product-label--overflow,
.overlay-content body>.kfw-sdg-project-overview.bg-dark .product-label.product-label--overflow,
.overlay-content>.kfw-sdg-project-overview.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-sdg-project-overview.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.kfw-sdg-project-overview.bg-dark-accent .button--primary,
.kfw-sdg-project-overview.bg-dark-accent .button--primary-positive,
.kfw-sdg-project-overview.bg-dark-accent .button--secondary,
.kfw-sdg-project-overview.bg-dark-accent .button--secondary-positive,
.kfw-sdg-project-overview.bg-dark-accent .button--tertiary,
.kfw-sdg-project-overview.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-sdg-project-overview.bg-dark-accent .button--primary,
.kfw-sdg-project-overview.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.kfw-sdg-project-overview.bg-dark-accent .button--secondary,
.kfw-sdg-project-overview.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.kfw-sdg-project-overview.bg-dark-accent .button--tertiary,
.kfw-sdg-project-overview.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.kfw-sdg-project-overview.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-sdg-project-overview.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-sdg-project-overview.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-sdg-project-overview.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-sdg-project-overview.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-sdg-project-overview.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-sdg-project-overview.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-sdg-project-overview.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-sdg-project-overview.bg-dark-accent,
:where(main)>.kfw-sdg-project-overview.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-sdg-project-overview.bg-dark-accent+*>*,
:where(main)>.kfw-sdg-project-overview.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-sdg-project-overview.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-sdg-project-overview.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-sdg-project-overview.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-sdg-project-overview.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-sdg-project-overview.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-sdg-project-overview.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-sdg-project-overview.bg-dark-accent.product-header,
  .kfw-sdg-project-overview.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-sdg-project-overview.bg-dark-accent.product-header,
  .kfw-sdg-project-overview.bg-dark-accent.product-header[class*=bg-],
  .kfw-sdg-project-overview.bg-dark-accent[class*=bg-],
  .kfw-sdg-project-overview.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-sdg-project-overview.bg-dark-accent.product-header .hintbox-icon img,
  .kfw-sdg-project-overview.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-sdg-project-overview.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.kfw-sdg-project-overview.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-sdg-project-overview.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-sdg-project-overview.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-sdg-project-overview.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-sdg-project-overview.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-sdg-project-overview.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-sdg-project-overview.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-sdg-project-overview.bg-dark-accent .hintbox,
.kfw-sdg-project-overview.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-sdg-project-overview.bg-dark-accent,
.overlay-content .main-column>.kfw-sdg-project-overview.bg-dark-accent .kfw-sdg-project-overview.bg-dark-accent,
.overlay-content body>.kfw-sdg-project-overview.bg-dark-accent,
.overlay-content>.kfw-sdg-project-overview.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-sdg-project-overview.bg-dark-accent .kfw-sdg-project-overview.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-sdg-project-overview.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-sdg-project-overview.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.kfw-sdg-project-overview.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-sdg-project-overview.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-sdg-project-overview.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-sdg-project-overview.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-sdg-project-overview.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-sdg-project-overview.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-sdg-project-overview.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-sdg-project-overview.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-sdg-project-overview.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-sdg-project-overview.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-sdg-project-overview.bg-light-accent,
:where(main)>.kfw-sdg-project-overview.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-sdg-project-overview.bg-light-accent+*>*,
:where(main)>.kfw-sdg-project-overview.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-sdg-project-overview.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-sdg-project-overview.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-sdg-project-overview.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-sdg-project-overview.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-sdg-project-overview.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-sdg-project-overview.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-sdg-project-overview.bg-light-accent.product-header,
  .kfw-sdg-project-overview.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-sdg-project-overview.bg-light-accent.product-header,
  .kfw-sdg-project-overview.bg-light-accent.product-header[class*=bg-],
  .kfw-sdg-project-overview.bg-light-accent[class*=bg-],
  .kfw-sdg-project-overview.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-sdg-project-overview.bg-light-accent.product-header .hintbox-icon img,
  .kfw-sdg-project-overview.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-sdg-project-overview.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.kfw-sdg-project-overview.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-sdg-project-overview.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-sdg-project-overview.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-sdg-project-overview.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-sdg-project-overview.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-sdg-project-overview.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-sdg-project-overview.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-sdg-project-overview.bg-light-accent .hintbox,
.kfw-sdg-project-overview.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-sdg-project-overview.bg-light-accent,
.overlay-content .main-column>.kfw-sdg-project-overview.bg-light-accent .kfw-sdg-project-overview.bg-light-accent,
.overlay-content body>.kfw-sdg-project-overview.bg-light-accent,
.overlay-content>.kfw-sdg-project-overview.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-sdg-project-overview.bg-light-accent .kfw-sdg-project-overview.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-sdg-project-overview.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.kfw-sdg-project-overview.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.kfw-sdg-project-overview.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-sdg-project-overview.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-sdg-project-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-sdg-project-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-sdg-project-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-sdg-project-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-sdg-project-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-sdg-project-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-sdg-project-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-sdg-project-overview.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-sdg-project-overview.bg-light-accent-secondary,
:where(main)>.kfw-sdg-project-overview.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-sdg-project-overview.bg-light-accent-secondary+*>*,
:where(main)>.kfw-sdg-project-overview.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-sdg-project-overview.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-sdg-project-overview.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-sdg-project-overview.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-sdg-project-overview.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-sdg-project-overview.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-sdg-project-overview.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-sdg-project-overview.bg-light-accent-secondary.product-header,
  .kfw-sdg-project-overview.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-sdg-project-overview.bg-light-accent-secondary.product-header,
  .kfw-sdg-project-overview.bg-light-accent-secondary.product-header[class*=bg-],
  .kfw-sdg-project-overview.bg-light-accent-secondary[class*=bg-],
  .kfw-sdg-project-overview.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-sdg-project-overview.bg-light-accent-secondary.product-header .hintbox-icon img,
  .kfw-sdg-project-overview.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-sdg-project-overview.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.kfw-sdg-project-overview.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-sdg-project-overview.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-sdg-project-overview.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-sdg-project-overview.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-sdg-project-overview.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-sdg-project-overview.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-sdg-project-overview.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-sdg-project-overview.bg-light-accent-secondary .hintbox,
.kfw-sdg-project-overview.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-sdg-project-overview.bg-light-accent-secondary,
.overlay-content .main-column>.kfw-sdg-project-overview.bg-light-accent-secondary .kfw-sdg-project-overview.bg-light-accent-secondary,
.overlay-content body>.kfw-sdg-project-overview.bg-light-accent-secondary,
.overlay-content>.kfw-sdg-project-overview.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-sdg-project-overview.bg-light-accent-secondary .kfw-sdg-project-overview.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-sdg-project-overview.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.kfw-sdg-project-overview.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.kfw-sdg-project-overview.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-sdg-project-overview.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.kfw-sdg-project-overview.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.kfw-sdg-project-overview.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.main-column>.kfw-sdg-project-overview.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.kfw-sdg-project-overview.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.kfw-sdg-project-overview.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.kfw-sdg-project-overview.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.kfw-sdg-project-overview.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.kfw-sdg-project-overview.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.kfw-sdg-project-overview.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.kfw-sdg-project-overview.bg-light,
:where(main)>.kfw-sdg-project-overview.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.kfw-sdg-project-overview.bg-light+*>*,
:where(main)>.kfw-sdg-project-overview.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .kfw-sdg-project-overview.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .kfw-sdg-project-overview.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.kfw-sdg-project-overview.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.kfw-sdg-project-overview.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .kfw-sdg-project-overview.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .kfw-sdg-project-overview.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .kfw-sdg-project-overview.bg-light.product-header,
  .kfw-sdg-project-overview.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .kfw-sdg-project-overview.bg-light.product-header,
  .kfw-sdg-project-overview.bg-light.product-header[class*=bg-],
  .kfw-sdg-project-overview.bg-light[class*=bg-],
  .kfw-sdg-project-overview.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .kfw-sdg-project-overview.bg-light.product-header .hintbox-icon img,
  .kfw-sdg-project-overview.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.kfw-sdg-project-overview.bg-light .details--s9>.details .main-column[class*=bg-],
.kfw-sdg-project-overview.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .kfw-sdg-project-overview.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .kfw-sdg-project-overview.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .kfw-sdg-project-overview.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .kfw-sdg-project-overview.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .kfw-sdg-project-overview.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .kfw-sdg-project-overview.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.kfw-sdg-project-overview.bg-light .hintbox,
.kfw-sdg-project-overview.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.kfw-sdg-project-overview.bg-light,
.overlay-content .main-column>.kfw-sdg-project-overview.bg-light .kfw-sdg-project-overview.bg-light,
.overlay-content body>.kfw-sdg-project-overview.bg-light,
.overlay-content>.kfw-sdg-project-overview.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.kfw-sdg-project-overview.bg-light .kfw-sdg-project-overview.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.kfw-sdg-project-overview.bg-light .product-label.product-label--overflow,
.overlay-content body>.kfw-sdg-project-overview.bg-light .product-label.product-label--overflow,
.overlay-content>.kfw-sdg-project-overview.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.kfw-sdg-project-overview .sdg-connect {
  position: relative
}

.kfw-sdg-project-overview .sdg-connect .hl-1,
.kfw-sdg-project-overview .sdg-connect .hl-2,
.kfw-sdg-project-overview .sdg-connect .hl-3,
.kfw-sdg-project-overview .sdg-connect .hl-4,
.kfw-sdg-project-overview .sdg-connect .hl-5,
.kfw-sdg-project-overview .sdg-connect .hl-6 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  margin-bottom: 2rem;
  overflow: hidden;
  text-overflow: ellipsis
}

.kfw-sdg-project-overview .sdg-connect .sdg-header-text {
  margin-bottom: 2rem
}

.kfw-sdg-project-overview .sdg-connect .sdg-main-content {
  position: relative
}

.kfw-sdg-project-overview .sdg-connect .sdg-main-content>.slider {
  grid-column: 1/-1
}

.kfw-sdg-project-overview .sdg-connect .sdg-main-content>.slider:not(.swiper-initialized) .swiper-wrapper {
  display: grid;
  gap: var(--space-large) var(--gap);
  grid-gap: var(--space-large) var(--gap);
  grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr));
  margin-bottom: 0
}

.kfw-sdg-project-overview .sdg-connect .sdg-main-content>.slider .slider-pagination {
  margin-top: var(--space-medium)
}

.kfw-sdg-project-overview .sdg-connect .sdg-main-content>.sdg-all-projects-link-wrapper {
  margin-top: var(--space-large)
}

@media only print and (width >=0px) {
  .kfw-sdg-project-overview .sdg-connect .sdg-main-content>.sdg-all-projects-link-wrapper {
    bottom: 1rem;
    margin-top: unset;
    position: absolute
  }
}

@media only screen and (min-width:600px) {
  .kfw-sdg-project-overview .sdg-connect .sdg-main-content>.sdg-all-projects-link-wrapper {
    bottom: 1rem;
    margin-top: unset;
    position: absolute
  }
}

.kfw-sdg-project-overview .sdg-connect .sdg-main-content .sdg-item {
  background-color: var(--color-background);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between
}

.kfw-sdg-project-overview .sdg-connect .sdg-main-content .sdg-content-wrapper {
  margin: 2rem 2rem 0
}

.kfw-sdg-project-overview .sdg-connect .sdg-main-content .sdg-content-wrapper .sdg-content--field {
  margin-bottom: .5rem
}

.kfw-sdg-project-overview .sdg-connect .sdg-main-content .sdg-content-wrapper .sdg-content--field .product-label {
  --pl: 1rem
}

@media only print and (width >=0px) {
  .kfw-sdg-project-overview .sdg-connect .sdg-main-content .sdg-content-wrapper .sdg-content--field {
    min-height: 2.56rem
  }
}

@media only screen and (min-width:600px) {
  .kfw-sdg-project-overview .sdg-connect .sdg-main-content .sdg-content-wrapper .sdg-content--field {
    min-height: 2.56rem
  }
}

@media only print and (width >=0px) {
  .kfw-sdg-project-overview .sdg-connect .sdg-main-content .sdg-content-wrapper .sdg-content--headline {
    min-height: 6.4rem
  }
}

@media only screen and (min-width:600px) {
  .kfw-sdg-project-overview .sdg-connect .sdg-main-content .sdg-content-wrapper .sdg-content--headline {
    min-height: 6.4rem
  }
}

.kfw-sdg-project-overview .sdg-connect .sdg-main-content .sdg-button-wrapper {
  margin: 3rem 2rem
}

.kfw-sdg-project-overview .sdg-connect .sdg-main-content .sdg-items-list {
  display: grid;
  gap: var(--space-large) var(--gap);
  grid-gap: var(--space-large) var(--gap);
  grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr));
  margin-bottom: 0
}

@media only print and (width >=0px) {
  .kfw-sdg-project-overview .sdg-connect {
    --cols: 3
  }
}

@media only screen and (min-width:960px) {
  .kfw-sdg-project-overview .sdg-connect {
    --cols: 3
  }
}

@media only print and (width >=0px) {
  .kfw-sdg-project-overview .sdg-connect {
    --cols: 2
  }
}

@media only screen and (min-width:600px)and (max-width:calc(960px - 1px)) {
  .kfw-sdg-project-overview .sdg-connect {
    --cols: 2
  }
}

.sdg-tile .hl-5 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 2;
  margin-bottom: .7rem;
  overflow: hidden;
  text-overflow: ellipsis
}

.sdg-tile .sdg-tile-container-facts .list-item,
.sdg-tile .sdg-tile-container-focus .list-item {
  column-gap: .5rem;
  display: flex
}

.sdg-tile .sdg-tile-container-facts .list-item:not(:last-of-type),
.sdg-tile .sdg-tile-container-focus .list-item:not(:last-of-type) {
  padding-bottom: 1.3rem
}

.sdg-tile .sdg-tile-container-facts {
  margin-bottom: var(--space-small)
}

.sdg-tile .sdg-tile-container-facts .list-item:first-of-type span:last-of-type {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.sdg-tile .sdg-tile-container-facts .list-item .icon {
  height: 1.6rem;
  width: 1.6rem
}

@media only print and (width >=0px) {
  .sdg-tile .sdg-tile-container-facts {
    min-height: 9rem
  }
}

@media only screen and (min-width:600px) {
  .sdg-tile .sdg-tile-container-facts {
    min-height: 9rem
  }
}

.sdg-tile .sdg-tile-container-focus .icon {
  height: 2.4rem;
  width: 2.4rem
}

.sdg-tile .sdg-tile-container-focus .title {
  hyphens: auto;
  word-break: break-word
}

.sdg-details-overview-aside li span:last-of-type {
  -webkit-box-orient: vertical !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal !important
}

.page-s16 .topic-stage {
  padding-bottom: 0
}

.page-s16 .sdg-details-container {
  background-color: var(--color-background-light);
  clear: both;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  position: relative;
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-s16 .sdg-details-container:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s16 .sdg-details-container:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s16 .sdg-details-container:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s16 .sdg-details-container:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s16 .sdg-details-container:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s16 .sdg-details-container:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s16 .sdg-details-container:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s16 .sdg-details-container:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s16 .sdg-details-container,
:where(main)>.page-s16 .sdg-details-container+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s16 .sdg-details-container+*>*,
:where(main)>.page-s16 .sdg-details-container>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s16 .sdg-details-container {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s16 .sdg-details-container {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s16 .sdg-details-container {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s16 .sdg-details-container:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s16 .sdg-details-container {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s16 .sdg-details-container:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s16 .sdg-details-container.product-header,
  .page-s16 .sdg-details-container[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s16 .sdg-details-container.product-header,
  .page-s16 .sdg-details-container.product-header[class*=bg-],
  .page-s16 .sdg-details-container[class*=bg-],
  .page-s16 .sdg-details-container[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s16 .sdg-details-container.product-header .hintbox-icon img,
  .page-s16 .sdg-details-container[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s16 .sdg-details-container .details--s9>.details .main-column[class*=bg-],
.page-s16 .sdg-details-container .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-s16 .sdg-details-container:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s16 .sdg-details-container:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s16 .sdg-details-container:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s16 .sdg-details-container:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s16 .sdg-details-container:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s16 .sdg-details-container:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s16 .sdg-details-container .hintbox,
.page-s16 .sdg-details-container.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s16 .sdg-details-container,
.overlay-content .main-column>.page-s16 .sdg-details-container .page-s16 .sdg-details-container,
.overlay-content body>.page-s16 .sdg-details-container,
.overlay-content>.page-s16 .sdg-details-container {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s16 .sdg-details-container .page-s16 .sdg-details-container .product-label.product-label--overflow,
.overlay-content .main-column>.page-s16 .sdg-details-container .product-label.product-label--overflow,
.overlay-content body>.page-s16 .sdg-details-container .product-label.product-label--overflow,
.overlay-content>.page-s16 .sdg-details-container .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s16 .sdg-details-container.bg-dark {
  background-color: var(--color-background-dark);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.page-s16 .sdg-details-container.bg-dark .button--primary,
.page-s16 .sdg-details-container.bg-dark .button--primary-positive,
.page-s16 .sdg-details-container.bg-dark .button--secondary,
.page-s16 .sdg-details-container.bg-dark .button--secondary-positive,
.page-s16 .sdg-details-container.bg-dark .button--tertiary,
.page-s16 .sdg-details-container.bg-dark .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s16 .sdg-details-container.bg-dark .button--primary,
.page-s16 .sdg-details-container.bg-dark .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s16 .sdg-details-container.bg-dark .button--secondary,
.page-s16 .sdg-details-container.bg-dark .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.page-s16 .sdg-details-container.bg-dark .button--tertiary,
.page-s16 .sdg-details-container.bg-dark .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.page-s16 .sdg-details-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s16 .sdg-details-container.bg-dark:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s16 .sdg-details-container.bg-dark:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s16 .sdg-details-container.bg-dark:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s16 .sdg-details-container.bg-dark:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s16 .sdg-details-container.bg-dark:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s16 .sdg-details-container.bg-dark:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s16 .sdg-details-container.bg-dark:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-dark:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-dark+:not(.bg-dark):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-dark:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s16 .sdg-details-container.bg-dark,
:where(main)>.page-s16 .sdg-details-container.bg-dark+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s16 .sdg-details-container.bg-dark+*>*,
:where(main)>.page-s16 .sdg-details-container.bg-dark>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s16 .sdg-details-container.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s16 .sdg-details-container.bg-dark {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s16 .sdg-details-container.bg-dark {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s16 .sdg-details-container.bg-dark:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s16 .sdg-details-container.bg-dark {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s16 .sdg-details-container.bg-dark:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s16 .sdg-details-container.bg-dark.product-header,
  .page-s16 .sdg-details-container.bg-dark[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s16 .sdg-details-container.bg-dark.product-header,
  .page-s16 .sdg-details-container.bg-dark.product-header[class*=bg-],
  .page-s16 .sdg-details-container.bg-dark[class*=bg-],
  .page-s16 .sdg-details-container.bg-dark[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s16 .sdg-details-container.bg-dark.product-header .hintbox-icon img,
  .page-s16 .sdg-details-container.bg-dark[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s16 .sdg-details-container.bg-dark .details--s9>.details .main-column[class*=bg-],
.page-s16 .sdg-details-container.bg-dark .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-s16 .sdg-details-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s16 .sdg-details-container.bg-dark:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s16 .sdg-details-container.bg-dark:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s16 .sdg-details-container.bg-dark:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s16 .sdg-details-container.bg-dark:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s16 .sdg-details-container.bg-dark:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s16 .sdg-details-container.bg-dark .hintbox,
.page-s16 .sdg-details-container.bg-dark.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s16 .sdg-details-container.bg-dark,
.overlay-content .main-column>.page-s16 .sdg-details-container.bg-dark .page-s16 .sdg-details-container.bg-dark,
.overlay-content body>.page-s16 .sdg-details-container.bg-dark,
.overlay-content>.page-s16 .sdg-details-container.bg-dark {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s16 .sdg-details-container.bg-dark .page-s16 .sdg-details-container.bg-dark .product-label.product-label--overflow,
.overlay-content .main-column>.page-s16 .sdg-details-container.bg-dark .product-label.product-label--overflow,
.overlay-content body>.page-s16 .sdg-details-container.bg-dark .product-label.product-label--overflow,
.overlay-content>.page-s16 .sdg-details-container.bg-dark .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s16 .sdg-details-container.bg-dark-accent {
  background-color: var(--color-background-dark-accent);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --color: var(--color-font-on-dark-bg);
  --link-color: var(--color-font-on-dark-bg);
  --link-color-hover: var(--color-font-on-dark-bg);
  --headline-color: var(--color-font-headlines-on-dark-bg);
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.page-s16 .sdg-details-container.bg-dark-accent .button--primary,
.page-s16 .sdg-details-container.bg-dark-accent .button--primary-positive,
.page-s16 .sdg-details-container.bg-dark-accent .button--secondary,
.page-s16 .sdg-details-container.bg-dark-accent .button--secondary-positive,
.page-s16 .sdg-details-container.bg-dark-accent .button--tertiary,
.page-s16 .sdg-details-container.bg-dark-accent .button--tertiary-positive {
  --notice-color: var(--color-font-on-dark-bg);
  --button-border-color-focus: var(--color-font-on-dark-bg);
  --button-bg-disabled: transparent;
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s16 .sdg-details-container.bg-dark-accent .button--primary,
.page-s16 .sdg-details-container.bg-dark-accent .button--primary-positive {
  --button-color: var(--color-fn);
  --button-bg: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: var(--color-fn-inactive-on-dark-bg)
}

.page-s16 .sdg-details-container.bg-dark-accent .button--secondary,
.page-s16 .sdg-details-container.bg-dark-accent .button--secondary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-bg-hover: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-fn-active);
  --button-bg: transparent;
  --button-border-color: var(--color-font-on-dark-bg)
}

.page-s16 .sdg-details-container.bg-dark-accent .button--tertiary,
.page-s16 .sdg-details-container.bg-dark-accent .button--tertiary-positive {
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-color-disabled: var(--color-fn-inactive-on-dark-bg);
  --button-border-color-disabled: transparent
}

.details.details--acc1 .details-content>.main-column>.page-s16 .sdg-details-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s16 .sdg-details-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s16 .sdg-details-container.bg-dark-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s16 .sdg-details-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s16 .sdg-details-container.bg-dark-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s16 .sdg-details-container.bg-dark-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s16 .sdg-details-container.bg-dark-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s16 .sdg-details-container.bg-dark-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-dark-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-dark-accent+:not(.bg-dark-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-dark-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s16 .sdg-details-container.bg-dark-accent,
:where(main)>.page-s16 .sdg-details-container.bg-dark-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s16 .sdg-details-container.bg-dark-accent+*>*,
:where(main)>.page-s16 .sdg-details-container.bg-dark-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s16 .sdg-details-container.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s16 .sdg-details-container.bg-dark-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s16 .sdg-details-container.bg-dark-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s16 .sdg-details-container.bg-dark-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s16 .sdg-details-container.bg-dark-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s16 .sdg-details-container.bg-dark-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s16 .sdg-details-container.bg-dark-accent.product-header,
  .page-s16 .sdg-details-container.bg-dark-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s16 .sdg-details-container.bg-dark-accent.product-header,
  .page-s16 .sdg-details-container.bg-dark-accent.product-header[class*=bg-],
  .page-s16 .sdg-details-container.bg-dark-accent[class*=bg-],
  .page-s16 .sdg-details-container.bg-dark-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s16 .sdg-details-container.bg-dark-accent.product-header .hintbox-icon img,
  .page-s16 .sdg-details-container.bg-dark-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s16 .sdg-details-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-],
.page-s16 .sdg-details-container.bg-dark-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-s16 .sdg-details-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s16 .sdg-details-container.bg-dark-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s16 .sdg-details-container.bg-dark-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s16 .sdg-details-container.bg-dark-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s16 .sdg-details-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s16 .sdg-details-container.bg-dark-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s16 .sdg-details-container.bg-dark-accent .hintbox,
.page-s16 .sdg-details-container.bg-dark-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s16 .sdg-details-container.bg-dark-accent,
.overlay-content .main-column>.page-s16 .sdg-details-container.bg-dark-accent .page-s16 .sdg-details-container.bg-dark-accent,
.overlay-content body>.page-s16 .sdg-details-container.bg-dark-accent,
.overlay-content>.page-s16 .sdg-details-container.bg-dark-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s16 .sdg-details-container.bg-dark-accent .page-s16 .sdg-details-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content .main-column>.page-s16 .sdg-details-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content body>.page-s16 .sdg-details-container.bg-dark-accent .product-label.product-label--overflow,
.overlay-content>.page-s16 .sdg-details-container.bg-dark-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s16 .sdg-details-container.bg-light-accent {
  background-color: var(--color-background-light-accent-1);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-s16 .sdg-details-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s16 .sdg-details-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s16 .sdg-details-container.bg-light-accent:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s16 .sdg-details-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s16 .sdg-details-container.bg-light-accent:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s16 .sdg-details-container.bg-light-accent:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s16 .sdg-details-container.bg-light-accent:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s16 .sdg-details-container.bg-light-accent:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-light-accent:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-light-accent+:not(.bg-light-accent):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-light-accent:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s16 .sdg-details-container.bg-light-accent,
:where(main)>.page-s16 .sdg-details-container.bg-light-accent+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s16 .sdg-details-container.bg-light-accent+*>*,
:where(main)>.page-s16 .sdg-details-container.bg-light-accent>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s16 .sdg-details-container.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s16 .sdg-details-container.bg-light-accent {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s16 .sdg-details-container.bg-light-accent {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s16 .sdg-details-container.bg-light-accent:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s16 .sdg-details-container.bg-light-accent {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s16 .sdg-details-container.bg-light-accent:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s16 .sdg-details-container.bg-light-accent.product-header,
  .page-s16 .sdg-details-container.bg-light-accent[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s16 .sdg-details-container.bg-light-accent.product-header,
  .page-s16 .sdg-details-container.bg-light-accent.product-header[class*=bg-],
  .page-s16 .sdg-details-container.bg-light-accent[class*=bg-],
  .page-s16 .sdg-details-container.bg-light-accent[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s16 .sdg-details-container.bg-light-accent.product-header .hintbox-icon img,
  .page-s16 .sdg-details-container.bg-light-accent[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s16 .sdg-details-container.bg-light-accent .details--s9>.details .main-column[class*=bg-],
.page-s16 .sdg-details-container.bg-light-accent .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-s16 .sdg-details-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s16 .sdg-details-container.bg-light-accent:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s16 .sdg-details-container.bg-light-accent:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s16 .sdg-details-container.bg-light-accent:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s16 .sdg-details-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s16 .sdg-details-container.bg-light-accent:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s16 .sdg-details-container.bg-light-accent .hintbox,
.page-s16 .sdg-details-container.bg-light-accent.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s16 .sdg-details-container.bg-light-accent,
.overlay-content .main-column>.page-s16 .sdg-details-container.bg-light-accent .page-s16 .sdg-details-container.bg-light-accent,
.overlay-content body>.page-s16 .sdg-details-container.bg-light-accent,
.overlay-content>.page-s16 .sdg-details-container.bg-light-accent {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s16 .sdg-details-container.bg-light-accent .page-s16 .sdg-details-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content .main-column>.page-s16 .sdg-details-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content body>.page-s16 .sdg-details-container.bg-light-accent .product-label.product-label--overflow,
.overlay-content>.page-s16 .sdg-details-container.bg-light-accent .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s16 .sdg-details-container.bg-light-accent-secondary {
  background-color: var(--color-background-light-accent-2);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-s16 .sdg-details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s16 .sdg-details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s16 .sdg-details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s16 .sdg-details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s16 .sdg-details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s16 .sdg-details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s16 .sdg-details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s16 .sdg-details-container.bg-light-accent-secondary:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-light-accent-secondary:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-light-accent-secondary+:not(.bg-light-accent-secondary):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-light-accent-secondary:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s16 .sdg-details-container.bg-light-accent-secondary,
:where(main)>.page-s16 .sdg-details-container.bg-light-accent-secondary+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s16 .sdg-details-container.bg-light-accent-secondary+*>*,
:where(main)>.page-s16 .sdg-details-container.bg-light-accent-secondary>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s16 .sdg-details-container.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s16 .sdg-details-container.bg-light-accent-secondary {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s16 .sdg-details-container.bg-light-accent-secondary {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s16 .sdg-details-container.bg-light-accent-secondary:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s16 .sdg-details-container.bg-light-accent-secondary {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s16 .sdg-details-container.bg-light-accent-secondary:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s16 .sdg-details-container.bg-light-accent-secondary.product-header,
  .page-s16 .sdg-details-container.bg-light-accent-secondary[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s16 .sdg-details-container.bg-light-accent-secondary.product-header,
  .page-s16 .sdg-details-container.bg-light-accent-secondary.product-header[class*=bg-],
  .page-s16 .sdg-details-container.bg-light-accent-secondary[class*=bg-],
  .page-s16 .sdg-details-container.bg-light-accent-secondary[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s16 .sdg-details-container.bg-light-accent-secondary.product-header .hintbox-icon img,
  .page-s16 .sdg-details-container.bg-light-accent-secondary[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s16 .sdg-details-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-],
.page-s16 .sdg-details-container.bg-light-accent-secondary .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-s16 .sdg-details-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s16 .sdg-details-container.bg-light-accent-secondary:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s16 .sdg-details-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s16 .sdg-details-container.bg-light-accent-secondary:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s16 .sdg-details-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s16 .sdg-details-container.bg-light-accent-secondary:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s16 .sdg-details-container.bg-light-accent-secondary .hintbox,
.page-s16 .sdg-details-container.bg-light-accent-secondary.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s16 .sdg-details-container.bg-light-accent-secondary,
.overlay-content .main-column>.page-s16 .sdg-details-container.bg-light-accent-secondary .page-s16 .sdg-details-container.bg-light-accent-secondary,
.overlay-content body>.page-s16 .sdg-details-container.bg-light-accent-secondary,
.overlay-content>.page-s16 .sdg-details-container.bg-light-accent-secondary {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s16 .sdg-details-container.bg-light-accent-secondary .page-s16 .sdg-details-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content .main-column>.page-s16 .sdg-details-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content body>.page-s16 .sdg-details-container.bg-light-accent-secondary .product-label.product-label--overflow,
.overlay-content>.page-s16 .sdg-details-container.bg-light-accent-secondary .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

.page-s16 .sdg-details-container.bg-light {
  background-color: var(--color-background-light);
  clear: both;
  margin-left: var(--c-margin-x);
  margin-right: var(--c-margin-x);
  max-width: var(--c-max-width);
  padding: var(--c-padding-t) var(--c-padding-x) var(--c-padding-b) var(--c-padding-x);
  width: 100vw;
  --c-padding-t: var(--c-padding-y-bg);
  --c-padding-b: calc(var(--c-padding-t) + var(--c-padding-b-addition));
  --c-padding-x: max(min(var(--gutter), var(--c-overflow)), var(--c-spacing-s))
}

.details.details--acc1 .details-content>.main-column>.page-s16 .sdg-details-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.main-column>.page-s16 .sdg-details-container.bg-light:where(.hintbox, .programtile-container)+*,
.details.details--acc1 .details-content>.page-s16 .sdg-details-container.bg-light:where(.hintbox, .programtile-container),
.details.details--acc1 .details-content>.page-s16 .sdg-details-container.bg-light:where(.hintbox, .programtile-container)+*,
.two-column-container-content>.page-s16 .sdg-details-container.bg-light:where(.hintbox, .programtile-container),
.two-column-container-content>.page-s16 .sdg-details-container.bg-light:where(.hintbox, .programtile-container)+*,
main.page-s3>.main-column>.page-s16 .sdg-details-container.bg-light:where(.hintbox, .programtile-container),
main.page-s3>.main-column>.page-s16 .sdg-details-container.bg-light:where(.hintbox, .programtile-container)+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results)),
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-light:where(:not(:first-child)) {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-light+:not(.bg-light):where(:not(.two-column-container-content, .main-column, .marginal-column, .page-s11-results))>*,
:where(:not(.two-column-container-content, .main-column, .marginal-column))>.page-s16 .sdg-details-container.bg-light:where(:not(:first-child))>* {
  --margin-top: initial
}

:where(main)>.page-s16 .sdg-details-container.bg-light,
:where(main)>.page-s16 .sdg-details-container.bg-light+* {
  --margin-top: var(--overwrite-margin-top, var(--space-large))
}

:where(main)>.page-s16 .sdg-details-container.bg-light+*>*,
:where(main)>.page-s16 .sdg-details-container.bg-light>* {
  --margin-top: initial
}

@media only print and (width >=0px) {
  .page-s16 .sdg-details-container.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

@media only screen and (min-width:1280px) {
  .page-s16 .sdg-details-container.bg-light {
    --c-padding-x: max(var(--c-overflow), var(--c-spacing-s))
  }
}

.page-s16 .sdg-details-container.bg-light {
  --c-calc-overflow: min(var(--gutter), var(--c-overflow));
  --c-margin-x: calc(-1 * var(--c-calc-overflow, 0px));
  --c-spacing-partial: min(var(--c-padding-x, 0px), var(--c-overflow));
  --c-spacing: calc((var(--c-margin-x) + var(--c-spacing-partial)) * 2);
  --c-max: calc(var(--max-container-width) + var(--c-overflow) * 2);
  --c-max-width: min(calc(100% + var(--c-overflow) * 2), calc(var(--c-max) - var(--c-spacing)))
}

.page-s16 .sdg-details-container.bg-light:where(:not([class^=space-], [class*=" space-"], [class*=" search-"], [class*=sitemap-]))+* {
  margin-top: var(--margin-top, var(--space-big))
}

@media print {
  .page-s16 .sdg-details-container.bg-light {
    --c-overflow: 0px;
    --c-max-width: 100%;
    --c-padding-y-bg: 0px;
    --c-padding-b-addition: 0px;
    break-after: auto;
    break-before: auto;
    width: 100%
  }

  .page-s16 .sdg-details-container.bg-light:where(:not(.text-image, .structure, .details, .programtile-container, .two-column-container)) {
    break-after: auto;
    break-before: auto;
    break-inside: avoid-page
  }

  .page-s16 .sdg-details-container.bg-light.product-header,
  .page-s16 .sdg-details-container.bg-light[class*=bg-] {
    border: 1px solid var(--color-background-light);
    padding: 1rem !important
  }

  .page-s16 .sdg-details-container.bg-light.product-header,
  .page-s16 .sdg-details-container.bg-light.product-header[class*=bg-],
  .page-s16 .sdg-details-container.bg-light[class*=bg-],
  .page-s16 .sdg-details-container.bg-light[class*=bg-][class*=bg-] {
    --c-spacing-m: var(--space-big);
    --c-overflow: 0px;
    --c-max-width: 100%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .page-s16 .sdg-details-container.bg-light.product-header .hintbox-icon img,
  .page-s16 .sdg-details-container.bg-light[class*=bg-] .hintbox-icon img {
    filter: unset
  }
}

.page-s16 .sdg-details-container.bg-light .details--s9>.details .main-column[class*=bg-],
.page-s16 .sdg-details-container.bg-light .details--s9>.details .main-column[class*=bg-][class*=bg-],
.page-s3 .main-column .page-s16 .sdg-details-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-],
.page-s3 .main-column .page-s16 .sdg-details-container.bg-light:not(.hintbox, .programtile, .kfw-image-gallery)[class*=bg-][class*=bg-],
.page-s9 .main-column .page-s16 .sdg-details-container.bg-light:not(.hintbox)[class*=bg-],
.page-s9 .main-column .page-s16 .sdg-details-container.bg-light:not(.hintbox)[class*=bg-][class*=bg-],
:not(.details--s9)>.details .page-s16 .sdg-details-container.bg-light:not(.hintbox, .programtile)[class*=bg-],
:not(.details--s9)>.details .page-s16 .sdg-details-container.bg-light:not(.hintbox, .programtile)[class*=bg-][class*=bg-] {
  --c-spacing-m: var(--space-big);
  --c-overflow: 0px;
  --c-max-width: 100%;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0;
  --color: var(--color-font-on-light-bg);
  --link-color: var(--color-fn);
  --link-color-hover: var(--color-fn-active);
  --link-decoration: none;
  --button-color: var(--color-font-on-dark-bg);
  --button-color-hover: var(--color-font-on-dark-bg);
  --button-bg: var(--color-fn);
  --button-bg-hover: var(--color-fn-active);
  --button-color-disabled: var(--color-font-on-dark-bg);
  --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color: var(--color-fn);
  --button-border-color-hover: var(--color-fn);
  --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
  --button-border-color-focus: var(--color-fn-active);
  --headline-color: var(--color)
}

.page-s16 .sdg-details-container.bg-light .hintbox,
.page-s16 .sdg-details-container.bg-light.compact {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --c-padding-t: 20px;
  --c-padding-b: 30px
}

.overlay-content .main-column>.page-s16 .sdg-details-container.bg-light,
.overlay-content .main-column>.page-s16 .sdg-details-container.bg-light .page-s16 .sdg-details-container.bg-light,
.overlay-content body>.page-s16 .sdg-details-container.bg-light,
.overlay-content>.page-s16 .sdg-details-container.bg-light {
  --c-max-width: 100%;
  --c-overflow: 0px;
  --padding-x: var(--c-spacing-s)
}

.overlay-content .main-column>.page-s16 .sdg-details-container.bg-light .page-s16 .sdg-details-container.bg-light .product-label.product-label--overflow,
.overlay-content .main-column>.page-s16 .sdg-details-container.bg-light .product-label.product-label--overflow,
.overlay-content body>.page-s16 .sdg-details-container.bg-light .product-label.product-label--overflow,
.overlay-content>.page-s16 .sdg-details-container.bg-light .product-label.product-label--overflow {
  --pl: var(--padding-x)
}

@media only print and (width >=0px) {
  .page-s16 .sdg-details-container {
    flex-direction: row;
    gap: 0 var(--gap);
    justify-content: space-between
  }
}

@media only screen and (min-width:840px) {
  .page-s16 .sdg-details-container {
    flex-direction: row;
    gap: 0 var(--gap);
    justify-content: space-between
  }
}

@media only print and (width >=0px) {
  .page-s16 .sdg-details-overview {
    width: calc(min(100%, var(--col-width) * 8 + var(--gap) * (8 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .page-s16 .sdg-details-overview {
    --columns: 12
  }
}

@media only print and (width >=0px) {
  .fullwidth .page-s16 .sdg-details-overview {
    width: calc(min(100%, var(--col-width) * 12 + var(--gap) * (12 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .fullwidth .page-s16 .sdg-details-overview {
    --columns: 12
  }
}

@media only screen and (min-width:840px) {
  .page-s16 .sdg-details-overview {
    width: calc(min(100%, var(--col-width) * 8 + var(--gap) * (8 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:840px)and (min-width:600px) {
  .page-s16 .sdg-details-overview {
    --columns: 12
  }
}

@media only screen and (min-width:840px) {
  .fullwidth .page-s16 .sdg-details-overview {
    width: calc(min(100%, var(--col-width) * 12 + var(--gap) * (12 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:840px)and (min-width:600px) {
  .fullwidth .page-s16 .sdg-details-overview {
    --columns: 12
  }
}

.page-s16 .sdg-details-tile-box {
  margin-top: 20px
}

.page-s16 .sdg-details-tile-box .sdg-tile {
  background: var(--color-background);
  padding: 20px 20px 30px
}

@media only print and (width >=0px) {
  .page-s16 .sdg-details-tile-box {
    margin-top: 0;
    width: calc(min(100%, var(--col-width) * 4 + var(--gap) * (4 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only print and (width >=0px)and (width >=0px) {
  .page-s16 .sdg-details-tile-box {
    --columns: 12
  }
}

@media only screen and (min-width:840px) {
  .page-s16 .sdg-details-tile-box {
    margin-top: 0;
    width: calc(min(100%, var(--col-width) * 4 + var(--gap) * (4 - 1)) + 0px);
    --col-width: calc((100% - var(--gap) * (var(--columns, 4) - 1)) / var(--columns, 4))
  }
}

@media only screen and (min-width:840px)and (min-width:600px) {
  .page-s16 .sdg-details-tile-box {
    --columns: 12
  }
}

#partnerportal-cockpit .hl-1 {
  color: #5a6166;
  font-size: 3.33rem;
  letter-spacing: 0;
  line-height: 1.3;
  margin-bottom: 1.5px
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .hl-1 {
    font-size: 3.6rem;
    margin-bottom: 2rem
  }
}

#partnerportal-cockpit .hl-2 {
  color: #5a6166;
  font-size: 3.11rem;
  letter-spacing: -.5px;
  line-height: 1.3;
  margin-bottom: 1.5rem
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .hl-2 {
    font-size: 3.2rem
  }
}

#partnerportal-cockpit .hl-3 {
  color: #5a6166;
  font-size: 2.66rem;
  letter-spacing: 0;
  line-height: 1.3;
  margin-bottom: 1.5rem
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .hl-3 {
    font-size: 2.6rem;
    margin-bottom: 1rem
  }
}

#partnerportal-cockpit .hl-4 {
  color: #5a6166;
  font-size: 2.22rem;
  letter-spacing: 0;
  line-height: 1.5;
  margin-bottom: 1rem
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .hl-4 {
    font-size: 2.2rem;
    margin-bottom: 1rem
  }
}

#partnerportal-cockpit .hl-5 {
  color: #5a6166;
  font-size: 2rem;
  letter-spacing: .5px;
  line-height: 1.35;
  margin-bottom: 1rem
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .hl-5 {
    font-size: 1.8rem;
    margin-bottom: .8rem
  }
}

#partnerportal-cockpit .RegistrationModule .tile-list li,
#partnerportal-cockpit .tx_1,
#partnerportal-cockpit ul.tile-list li {
  color: #5a6166;
  font-size: 1.77rem;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: 2rem
}

@media only print,
screen and (min-width:840px) {

  #partnerportal-cockpit .RegistrationModule .tile-list li,
  #partnerportal-cockpit .tx_1,
  #partnerportal-cockpit ul.tile-list li {
    font-size: 1.6rem
  }
}

#partnerportal-cockpit .tx_2 {
  color: #5a6166;
  font-size: 1.55rem;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: 1rem
}

#partnerportal-cockpit .tx_2:last-child {
  margin-bottom: 2rem
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .tx_2 {
    font-size: 1.4rem
  }
}

#partnerportal-cockpit .tx_4 {
  color: #5a6166;
  font-size: 2.25rem;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: 1rem
}

#partnerportal-cockpit .tx_4:last-child {
  margin-bottom: 2rem
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .tx_4 {
    font-size: 2rem
  }
}

#partnerportal-cockpit .smk_1 {
  color: #5a6166;
  font-size: 1.55rem;
  letter-spacing: 1px;
  line-height: 1.3;
  margin-bottom: .5rem;
  text-transform: none
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .smk_1 {
    font-size: 1.4rem
  }
}

#partnerportal-cockpit .font-color-default {
  color: #5a6166
}

#partnerportal-cockpit .font-color-blue {
  color: #1b618c
}

#partnerportal-cockpit .no-margin-bottom {
  margin-bottom: 0
}

#partnerportal-cockpit {
  margin-bottom: 2rem
}

#partnerportal-cockpit .api-error {
  border: 2px solid #ca0036;
  color: #ca0036;
  font-size: 2rem;
  margin: 1rem;
  padding: 3rem
}

#partnerportal-cockpit .debug-info {
  background: hsla(0, 0%, 100%, .4);
  color: red;
  display: none;
  padding: 3px;
  position: absolute;
  z-index: 9999
}

#partnerportal-cockpit .react-grid-placeholder {
  background: transparent;
  border: 1px dashed #1b618c;
  opacity: 1
}

#partnerportal-cockpit .react-grid-item {
  overflow: hidden
}

#partnerportal-cockpit .react-grid-item h1,
#partnerportal-cockpit .react-grid-item h2,
#partnerportal-cockpit .react-grid-item h3,
#partnerportal-cockpit .react-grid-item h4,
#partnerportal-cockpit .react-grid-item h5,
#partnerportal-cockpit .react-grid-item h6 {
  margin-top: 0
}

#partnerportal-cockpit .react-grid-item .react-resizable-handle {
  display: none
}

#partnerportal-cockpit .react-grid-item .tile-wrap {
  background: #f6f5ed;
  height: 100%
}

#partnerportal-cockpit .react-grid-item .tile-wrap.lightblue {
  background: #ebf3f7;
  border: 0;
  height: 100%
}

#partnerportal-cockpit .react-grid-item .tile-wrap.lightblue h3 {
  color: #5a6166;
  font-size: 3.1rem;
  margin-top: 0
}

#partnerportal-cockpit .react-grid-item .tile-wrap.lightblue p {
  font-size: 2rem;
  margin-bottom: 3rem
}

#partnerportal-cockpit .react-grid-item .tile-wrap .content,
#partnerportal-cockpit .react-grid-item .tile-wrap .tile-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start
}

#partnerportal-cockpit .react-grid-item .tile-wrap .content.locked .tile-wrapper:after,
#partnerportal-cockpit .react-grid-item .tile-wrap .tile-body.locked .tile-wrapper:after {
  align-items: center;
  background-color: hsla(0, 0%, 100%, .87);
  border-radius: 50%;
  color: #1b618c;
  content: var(--icon-lock);
  display: flex;
  font-family: Iconfont, sans-serif !important;
  font-size: 3rem;
  height: 6rem;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6rem;
  z-index: 1
}

@media only print,
screen and (min-width:840px) {

  #partnerportal-cockpit .react-grid-item .tile-wrap .content.locked .tile-wrapper:after,
  #partnerportal-cockpit .react-grid-item .tile-wrap .tile-body.locked .tile-wrapper:after {
    font-size: 4rem;
    height: 5.6rem;
    width: 5.6rem
  }
}

#partnerportal-cockpit .react-grid-item .tile-wrap .tile-padding {
  display: flex;
  flex: auto;
  flex-direction: column;
  padding: 1rem 1.5rem 1.5rem
}

#partnerportal-cockpit .react-grid-item .tile-wrap.AppStoreModule,
#partnerportal-cockpit .react-grid-item .tile-wrap.PersonalizationModule,
#partnerportal-cockpit .react-grid-item .tile-wrap.tile-dashed {
  background: #fff;
  border: 1px dashed #1b618c;
  box-sizing: border-box
}

#partnerportal-cockpit .link--button,
#partnerportal-cockpit .link--button-secondary {
  justify-content: center;
  margin-bottom: 2rem;
  margin-right: 2rem;
  width: 100%
}

@media only print,
screen and (min-width:600px) {

  #partnerportal-cockpit .link--button,
  #partnerportal-cockpit .link--button-secondary {
    width: auto
  }
}

#partnerportal-cockpit .link--button-frameless {
  background: transparent;
  border: 0;
  color: #1b618c
}

#partnerportal-cockpit .link--button-frameless:hover {
  background: #1b618c;
  color: #fff
}

#partnerportal-cockpit a:not([href]) {
  cursor: pointer
}

#partnerportal-cockpit .hl-no {
  font-weight: 700;
  padding-right: 1rem
}

#partnerportal-cockpit ul.tile-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 1.5rem 0;
  padding: 0;
  width: 100%
}

@media only print,
screen and (min-width:600px) {
  #partnerportal-cockpit ul.tile-list {
    flex-direction: row;
    flex-wrap: wrap
  }
}

@media only print,
screen and (min-width:960px) {
  #partnerportal-cockpit ul.tile-list {
    margin: 2.5rem 0
  }
}

#partnerportal-cockpit ul.tile-list li {
  display: flex;
  flex: 1;
  flex-direction: row;
  list-style-type: none;
  min-width: 50%;
  padding: 0 1rem 1rem 2.5rem;
  position: relative
}

#partnerportal-cockpit ul.tile-list li:before {
  color: #7da416;
  content: var(--icon-checked);
  font-family: Iconfont, sans-serif !important;
  font-size: inherit;
  left: 0;
  position: absolute;
  top: 0
}

#partnerportal-cockpit .carousel-nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: 280px;
  width: 100%
}

#partnerportal-cockpit .content-header {
  background-color: #13556f;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: left
}

#partnerportal-cockpit .content-header .title {
  color: #fff;
  cursor: grab;
  font-size: 1.6rem;
  margin: 1rem 0 1rem 1.5rem;
  max-width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

#partnerportal-cockpit .content-header button.threedot {
  align-items: center;
  background: none;
  border: 0;
  color: #fff;
  display: flex;
  height: 2.4rem;
  justify-content: center;
  margin: 1rem;
  position: relative;
  width: 2.4rem
}

#partnerportal-cockpit .content-header button.threedot:hover:after {
  background-color: #fff;
  border: 2px dashed #00446e;
  border-color: #fff;
  border-radius: 4px;
  border-style: solid;
  color: #00446e;
  content: "";
  height: calc(100% + 2*(3px + 2px));
  left: calc((3px + 2px + 0px)*-1);
  outline: none;
  position: absolute;
  top: calc((3px + 2px + 0px)*-1);
  width: calc(100% + 2*(3px + 2px));
  z-index: 0
}

#partnerportal-cockpit .content-header button.threedot:hover [class*=icon--]:before {
  color: #00446e;
  position: relative;
  z-index: 1
}

#partnerportal-cockpit .content-header button.threedot .icon--close:before,
#partnerportal-cockpit .content-header button.threedot .icon--menu-dots:before {
  font-size: 2.4rem
}

#partnerportal-cockpit .content-header.is-light {
  background-color: #f3efeb
}

#partnerportal-cockpit .content-header.is-light .title {
  color: #5a6166;
  max-width: 100%;
  width: 100%
}

html[data-whatinput=keyboard] #partnerportal-cockpit .content-header button.threedot:focus {
  outline: none;
  position: relative
}

html[data-whatinput=keyboard] #partnerportal-cockpit .content-header button.threedot:focus:after {
  border: 2px dashed #00446e;
  border-color: #fff;
  border-radius: 4px;
  content: "";
  height: calc(100% + 2*(3px + 2px));
  left: calc((3px + 2px + 0px)*-1);
  position: absolute;
  top: calc((3px + 2px + 0px)*-1);
  width: calc(100% + 2*(3px + 2px))
}

#partnerportal-cockpit .content-header .context-blocker {
  background: #bdc0c2;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 39px;
  z-index: 9998
}

@media only print,
screen and (min-width:600px) {
  #partnerportal-cockpit .content-header .context-blocker {
    top: 36px
  }
}

@media only print,
screen and (min-width:960px) {
  #partnerportal-cockpit .content-header .context-blocker {
    top: 39px
  }
}

@media only print,
screen and (min-width:1280px) {
  #partnerportal-cockpit .content-header .context-blocker {
    top: 44px
  }
}

#partnerportal-cockpit .content-header .menu-context {
  background: #fff;
  border: 1px solid #bdc0c2;
  max-width: 200px;
  padding: 0 1.5rem;
  position: absolute;
  right: 0;
  top: 39px;
  z-index: 9999
}

@media only print,
screen and (min-width:600px) {
  #partnerportal-cockpit .content-header .menu-context {
    top: 36px
  }
}

@media only print,
screen and (min-width:960px) {
  #partnerportal-cockpit .content-header .menu-context {
    top: 39px
  }
}

@media only print,
screen and (min-width:1280px) {
  #partnerportal-cockpit .content-header .menu-context {
    top: 44px
  }
}

#partnerportal-cockpit .content-header .menu-context ul {
  list-style-type: none;
  margin: 0;
  padding: .5rem 0
}

#partnerportal-cockpit .content-header .menu-context ul li {
  border-bottom: 1px solid #bdc0c2;
  margin: 0;
  padding: 1.5rem 10px 1.5rem 0;
  width: 100%
}

#partnerportal-cockpit .content-header .menu-context ul li:last-child {
  border-bottom: 0
}

#partnerportal-cockpit .content-header .menu-context ul li button {
  cursor: pointer;
  display: flex
}

#partnerportal-cockpit .content-header .menu-context ul li button span.icon {
  margin-right: 1.5rem
}

html[data-whatinput=keyboard] #partnerportal-cockpit .content-header .menu-context ul li button:focus:after {
  border: 2px dashed #00446e;
  border-radius: 4px;
  content: "";
  height: calc(100% + 2*(3px + 2px));
  left: calc((3px + 2px + 0px)*-1);
  position: absolute;
  top: calc((3px + 2px + 0px)*-1);
  width: calc(100% + 2*(3px + 2px))
}

#partnerportal-cockpit .content-header .menu-context .icon--delete:before,
#partnerportal-cockpit .content-header .menu-context .icon--settings:before {
  font-size: inherit
}

#partnerportal-cockpit .react-draggable-dragging .draggable {
  cursor: grabbing
}

#partnerportal-cockpit .is-static .content-header {
  cursor: inherit
}

#partnerportal-cockpit .tile-link {
  align-self: flex-start;
  font-size: 1.6rem;
  margin-top: auto
}

#partnerportal-cockpit .link {
  color: #1b618c
}

#partnerportal-cockpit .link:before {
  font-size: inherit;
  padding-right: .5rem
}

#partnerportal-cockpit .link--underline .link-text,
#partnerportal-cockpit .link:hover .link-text {
  text-decoration: underline
}

#partnerportal-cockpit .link--underline .link-text:hover {
  text-decoration: none !important
}

#partnerportal-cockpit .link-item {
  display: inline-block;
  font-size: 1.77rem;
  font-weight: inherit;
  text-decoration: none
}

#partnerportal-cockpit .link-item:before {
  padding-right: .5rem;
  position: absolute
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .link-item {
    font-size: 1.6rem
  }
}

#partnerportal-cockpit .link-item .link-text {
  display: inline-block;
  letter-spacing: .6px;
  margin-left: 20px
}

#partnerportal-cockpit .link:hover,
#partnerportal-cockpit .multiple-link:hover {
  color: #00446e
}

#partnerportal-cockpit .link:focus .link-text,
#partnerportal-cockpit .link:hover .link-text,
#partnerportal-cockpit .multiple-link:focus .link-text,
#partnerportal-cockpit .multiple-link:hover .link-text {
  text-decoration: underline
}

#partnerportal-cockpit .link--button .button-name {
  font-size: 1.5rem
}

#partnerportal-cockpit .link--button .icon--arrow-right {
  margin-right: .5rem
}

#partnerportal-cockpit .link--button:hover .button-name,
#partnerportal-cockpit .link--button:hover .link-text {
  text-decoration: underline
}

#partnerportal-cockpit .link--button.button--disabled:hover .link-text {
  text-decoration: none
}

[data-whatinput=keyboard] .link--button:focus .button-name,
[data-whatinput=keyboard] .link--button:focus .link-text,
[data-whatinput=keyboard] .link:focus .button-name,
[data-whatinput=keyboard] .link:focus .link-text {
  text-decoration: underline
}

#partnerportal-cockpit .icon svg {
  display: block;
  height: 50%;
  left: 50%;
  min-height: 8.6rem;
  min-width: 8.6rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%
}

#partnerportal-cockpit .top {
  fill: #13556f
}

#partnerportal-cockpit .bottom {
  fill: #000
}

#partnerportal-cockpit .checkbox input.default-input:checked+label:before {
  color: #1b618c
}

#partnerportal-cockpit .checkbox input.default-input:checked+label:before,
#partnerportal-cockpit .checkbox input.default-input:not(:checked)+label:before {
  transform: none !important
}

#partnerportal-cockpit .product-group-accordion .product-group-opener p,
#partnerportal-cockpit .product-group-accordion .product-group-opener span.icon--minus:before,
#partnerportal-cockpit .product-group-accordion .product-group-opener span.icon--plus:before {
  font-size: 2.4rem
}

#partnerportal-cockpit .product-group-accordion.opened {
  padding-bottom: 2rem
}

#partnerportal-cockpit .count-badge {
  background: #1b618c;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700;
  height: 2.6rem;
  line-height: 1.5;
  margin-left: 2rem;
  text-align: center;
  width: 2.6rem
}

#partnerportal-cockpit .item-list {
  list-style-type: none;
  margin: 0;
  padding: 0
}

#partnerportal-cockpit .item-list .has-subitems {
  padding-bottom: 0
}

#partnerportal-cockpit .item-list .item-list-item {
  align-content: center;
  border-bottom: 1px solid #bdc0c2;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 2rem 0
}

#partnerportal-cockpit .item-list .item-list-item:last-child {
  margin-bottom: 3rem
}

#partnerportal-cockpit .item-list .item-list-item label {
  align-items: center;
  display: flex
}

#partnerportal-cockpit .item-list .item-list-item input.default-input[type=checkbox]+label:before {
  align-self: flex-start;
  cursor: pointer;
  margin-right: 2rem;
  transform: none
}

#partnerportal-cockpit .item-list .item-list-item .item-list {
  padding-left: 3rem;
  padding-top: .5rem
}

#partnerportal-cockpit .item-list .item-list-item .item-list .item-list-item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0
}

#partnerportal-cockpit .item-list.program-group-item-list .item-list-item {
  padding: 1.4rem 0
}

#partnerportal-cockpit .item-list.program-item-list {
  padding-top: 1.6rem !important
}

#partnerportal-cockpit .item-list.program-item-list .item-list-item {
  padding: 1.3rem 0
}

#partnerportal-cockpit .item-list.program-item-list .accordion-opener p,
#partnerportal-cockpit .item-list.program-item-list .accordion-opener span {
  font-size: 1.8rem
}

#partnerportal-cockpit .item-list.program-item-list .subtitle {
  margin: 2.5rem 0 3rem 3rem
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 3rem;
  width: 100%
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .item-list.program-item-list .program-tile-list {
    justify-content: flex-start
  }
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item {
  list-style-type: none;
  overflow: hidden;
  padding: 0;
  width: 100%
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item label {
  cursor: pointer
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item .count-badge {
  font-size: 1.4rem;
  height: 2rem;
  width: 2rem
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item .tile-preview-wrap {
  background: #fff;
  border: 1px dashed #1b618c;
  display: flex;
  height: 14vw;
  justify-content: center;
  margin-bottom: 1rem;
  max-height: 140px;
  min-height: 140px;
  overflow: hidden;
  position: relative;
  width: 100%
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item .tile-preview-wrap .tile-preview {
  height: 100%;
  width: 100%
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item .tile-preview-wrap .tile-preview svg {
  display: block;
  height: 5rem
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item .tile-preview-wrap .tile-preview .preview {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item .tile-preview-wrap .tile-preview .preview .hl-3 {
  margin: 0;
  padding: 0
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item .tile-preview-wrap .tile-preview .preview .hl-4 {
  color: #1b618c;
  margin: 0;
  padding: 0
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item .tile-preview-wrap .tile-preview .preview .hl-2 {
  margin: 0
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item .tile-preview-wrap .tile-preview .preview .icon svg {
  margin: 0;
  padding: 0
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item .tile-preview-wrap .tile-preview .preview .marker {
  align-self: flex-start;
  background: #f3efeb;
  border-radius: 0;
  border-bottom-right-radius: 4px;
  color: #1b618c;
  font-size: 1.8rem;
  justify-self: flex-start;
  left: 1rem;
  padding: .4rem .6rem;
  position: absolute;
  top: 1rem
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item .tile-preview-wrap .checkbox {
  margin-right: 0;
  padding: 0;
  position: absolute;
  right: 1.1rem;
  top: 1rem;
  width: 2.8rem
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item .tile-preview-wrap .checkbox label {
  width: 2.8rem
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item .tile-preview-wrap .checkbox label:before {
  margin-right: 0
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item.selected .tile-preview-wrap {
  background: transparent;
  border: 1px solid #1b618c
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .program-list-item.selected .tile-preview-wrap .preview .marker {
  background: #fff
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .BrainhubCarouselItem {
  align-items: flex-start
}

#partnerportal-cockpit .item-list.program-item-list .program-tile-list .BrainhubCarouselItem .program-list-item {
  margin: 0;
  width: calc(100% - 1px)
}

#partnerportal-cockpit .accordion {
  width: 100%
}

#partnerportal-cockpit .accordion.product-group-accordion .product-group-opener p {
  margin-left: 1rem
}

#partnerportal-cockpit .accordion .accordion-opener {
  align-items: center;
  bottom: 0;
  color: #005a8c;
  display: inline-flex;
  position: relative;
  white-space: normal
}

#partnerportal-cockpit .accordion .accordion-opener .opener-icon {
  height: 2rem;
  margin-right: 2rem
}

#partnerportal-cockpit .accordion .accordion-opener .icon--plus:before {
  align-items: center;
  color: #005a8c;
  display: flex;
  flex-direction: row;
  font-size: 1.8rem;
  height: 100%;
  justify-content: flex-start;
  width: 2rem
}

#partnerportal-cockpit .accordion .accordion-opener .tx_1 {
  font-size: 1.8rem
}

#partnerportal-cockpit .accordion.opened .icon--plus:before {
  color: #00446e;
  content: var(--icon-minus)
}

#partnerportal-cockpit .accordion.opened .accordion .icon--plus:before {
  content: var(--icon-plus)
}

#partnerportal-cockpit .accordion.opened .accordion.opened .icon--plus:before {
  content: var(--icon-minus)
}

#partnerportal-cockpit .stepper {
  margin: 0 auto;
  max-width: 1080px
}

#partnerportal-cockpit .stepper .multi-step-list {
  display: flex;
  list-style-type: none;
  padding: 0
}

#partnerportal-cockpit .stepper .multi-step-list .multi-step-item {
  width: 100%
}

#partnerportal-cockpit .stepper .multi-step-list .multi-step-item .item-number {
  color: #1b618c;
  font-size: 3rem;
  font-weight: 600;
  margin: 0;
  z-index: 2
}

@media only screen and (max-width:600px) {
  #partnerportal-cockpit .stepper .multi-step-list .multi-step-item .item-number {
    margin: auto
  }
}

#partnerportal-cockpit .stepper .multi-step-list .multi-step-item .item-number__hide {
  color: #1b618c;
  font-size: 3rem;
  font-weight: 600;
  margin: 0;
  z-index: 2
}

@media only screen and (max-width:600px) {
  #partnerportal-cockpit .stepper .multi-step-list .multi-step-item .item-number__hide {
    display: none
  }
}

#partnerportal-cockpit .stepper .multi-step-list .multi-step-item .item-title {
  color: #1b618c;
  font-size: 2rem;
  margin-top: 8px;
  padding-left: 1rem;
  z-index: 2
}

@media only screen and (max-width:600px) {
  #partnerportal-cockpit .stepper .multi-step-list .multi-step-item .item-title {
    display: none
  }
}

#partnerportal-cockpit .stepper .multi-step-list .multi-step-item .icon--checked {
  color: #1b618c;
  font-size: 2.8rem;
  padding-right: 1rem;
  text-decoration: none
}

#partnerportal-cockpit .stepper .multi-step-list .multi-step-item.active .item-number,
#partnerportal-cockpit .stepper .multi-step-list .multi-step-item.active .item-title {
  color: #fff
}

#partnerportal-cockpit .stepper .multi-step-list .multi-step-item:last-child {
  margin-right: 0
}

#partnerportal-cockpit .stepper .item-wrap {
  cursor: pointer;
  display: flex;
  height: 100%;
  padding: .6rem 0 .6rem 3rem;
  position: relative
}

@media only screen and (max-width:600px) {
  #partnerportal-cockpit .stepper .item-wrap {
    padding: .6rem 0
  }
}

#partnerportal-cockpit .stepper .item-wrap:after,
#partnerportal-cockpit .stepper .item-wrap:before {
  background-color: #fff;
  content: " ";
  height: 52%;
  position: absolute;
  z-index: -1
}

#partnerportal-cockpit .stepper .item-wrap:before {
  top: 0;
  transform: skew(25deg)
}

#partnerportal-cockpit .stepper .item-wrap:after {
  bottom: 0;
  transform: skew(-25deg)
}

@media only screen and (max-width:960px) {
  #partnerportal-cockpit .stepper .item-wrap:after {
    bottom: 0
  }
}

@media only screen and (max-width:600px) {
  #partnerportal-cockpit .stepper .item-wrap .item-link {
    margin: 0 auto
  }

  #partnerportal-cockpit .stepper .item-wrap .item-link .icon {
    align-self: center
  }
}

#partnerportal-cockpit .stepper .active .item-wrap {
  cursor: default
}

#partnerportal-cockpit .stepper .active .item-wrap:after,
#partnerportal-cockpit .stepper .active .item-wrap:before {
  background-color: #1b618c
}

#partnerportal-cockpit .stepper .active .item-wrap:after {
  height: 50%
}

#partnerportal-cockpit .stepper .active .item-wrap .item-link {
  cursor: default;
  text-decoration: none
}

#partnerportal-cockpit .stepper .active .item-wrap .link {
  cursor: default
}

#partnerportal-cockpit .stepper .multi-step-item:not(.active) .item-wrap:hover .item-link .item-title {
  text-decoration: none
}

@media only screen and (max-width:600px) {

  #partnerportal-cockpit .stepper .multi-step-item:not(.active) .item-wrap:hover .item-link .icon--checked,
  #partnerportal-cockpit .stepper .multi-step-item:not(.active) .item-wrap:hover .item-link .item-number {
    text-decoration: none
  }
}

#partnerportal-cockpit .stepper .multi-step-item:not(.active) .item-wrap .item-link .item-title {
  text-decoration: underline
}

@media only screen and (max-width:600px) {

  #partnerportal-cockpit .stepper .multi-step-item:not(.active) .item-wrap .item-link .icon--checked,
  #partnerportal-cockpit .stepper .multi-step-item:not(.active) .item-wrap .item-link .item-number {
    text-decoration: underline
  }
}

#partnerportal-cockpit .stepper .multi-step-item:first-child .item-wrap,
#partnerportal-cockpit .stepper .multi-step-item:last-child .item-wrap {
  border-radius: .5rem
}

#partnerportal-cockpit .stepper .multi-step-item:first-child .item-wrap:after,
#partnerportal-cockpit .stepper .multi-step-item:first-child .item-wrap:before,
#partnerportal-cockpit .stepper .multi-step-item:last-child .item-wrap:after,
#partnerportal-cockpit .stepper .multi-step-item:last-child .item-wrap:before {
  width: 50%
}

#partnerportal-cockpit .stepper .multi-step-item:first-child .item-wrap {
  background: linear-gradient(90deg, #fff 95%, transparent 0)
}

#partnerportal-cockpit .stepper .multi-step-item:first-child .item-wrap:after,
#partnerportal-cockpit .stepper .multi-step-item:first-child .item-wrap:before {
  left: 50%
}

#partnerportal-cockpit .stepper .multi-step-item:last-child .item-wrap {
  background: linear-gradient(270deg, #fff 95%, transparent 0);
  margin-left: 1rem
}

#partnerportal-cockpit .stepper .multi-step-item:last-child .item-wrap:after,
#partnerportal-cockpit .stepper .multi-step-item:last-child .item-wrap:before {
  right: 50%
}

#partnerportal-cockpit .stepper .active.multi-step-item:first-child .item-wrap {
  background: linear-gradient(90deg, #1b618c 95%, transparent 0)
}

#partnerportal-cockpit .stepper .active.multi-step-item:last-child .item-wrap {
  background: linear-gradient(270deg, #1b618c 95%, transparent 0)
}

[data-whatinput=keyboard] #partnerportal-cockpit .stepper .multi-step-item:not(.active) .item-wrap .item-link:focus:after {
  max-height: 90%;
  top: inherit !important
}

[data-whatinput=keyboard] #partnerportal-cockpit .stepper .multi-step-item:not(.active) .item-wrap .item-link:focus .item-title {
  text-decoration: none
}

#partnerportal-cockpit .tile-wrapper {
  height: calc(100% - 5rem)
}

#partnerportal-cockpit .tile-clickable {
  cursor: pointer
}

#partnerportal-cockpit .tile-clickable:hover .link {
  color: #00446e
}

#partnerportal-cockpit .tile-clickable:hover .link-text {
  text-decoration: underline
}

#partnerportal-cockpit .form-row.two-cols {
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  margin-bottom: 4rem;
  row-gap: var(--space-large)
}

@media only print and (width >=0px) {
  #partnerportal-cockpit .form-row.two-cols>.contact-info {
    grid-column: auto/span 6
  }
}

@media only screen and (min-width:600px) {
  #partnerportal-cockpit .form-row.two-cols>.contact-info {
    grid-column: auto/span 6
  }
}

@media only screen and (max-width:calc(840px - 1px)) {
  #partnerportal-cockpit .form-row.two-cols>.contact-info {
    grid-column: auto/span 12
  }
}

#partnerportal-cockpit .inline-editable:invalid {
  color: #ca0036
}

#partnerportal-cockpit .onboarding-item {
  display: flex;
  flex-direction: column;
  width: 100%
}

@media only screen and (max-width:600px) {
  #partnerportal-cockpit .onboarding-item {
    display: block;
    margin-right: 0
  }
}

#partnerportal-cockpit .onboarding-item h5 {
  font-size: 1.8rem
}

#partnerportal-cockpit .onboarding-item span {
  font-size: 1.6rem
}

#partnerportal-cockpit .onboarding-item .icon--arrow-right:before {
  top: 0
}

#partnerportal-cockpit .onboarding-item .section {
  align-items: center;
  background-color: #fff;
  border: 1px solid #1b618c;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  min-height: 18.3rem;
  position: relative
}

@media only screen and (max-width:840px) {
  #partnerportal-cockpit .onboarding-item .section {
    height: 15.3rem;
    width: auto
  }
}

@media only screen and (max-width:600px) {
  #partnerportal-cockpit .onboarding-item .section {
    height: 14.4rem;
    margin: 1rem auto
  }
}

#partnerportal-cockpit .onboarding-item .onboarding-item-body {
  flex: 1 0 auto
}

#partnerportal-cockpit .onboarding-item .button-container {
  margin-top: 2rem
}

#partnerportal-cockpit .onboarding-item .link-text {
  margin-left: 0
}

#partnerportal-cockpit .onboarding-item .link--button {
  margin-bottom: 0;
  margin-top: 2rem;
  white-space: nowrap;
  width: fit-content
}

#partnerportal-cockpit .icon img {
  height: 100%;
  width: 12.8rem
}

#partnerportal-cockpit .search-input-wrapper {
  position: relative
}

#partnerportal-cockpit .search-input-wrapper input.search-input {
  border: 1px solid #7b8185;
  border-radius: 5px;
  color: #005a8c;
  font-size: 1.5rem;
  padding: 1rem 10rem 1rem 1.5rem;
  width: 100%
}

#partnerportal-cockpit .search-input-wrapper button {
  background: none;
  border: 0;
  color: #005a8c;
  font-size: 2.4rem;
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%)
}

#partnerportal-cockpit .search-input-wrapper button.search__reset {
  color: #005a8c;
  right: 4rem
}

html[data-whatinput=keyboard] #partnerportal-cockpit .search-input-wrapper {
  position: relative
}

html[data-whatinput=keyboard] #partnerportal-cockpit .search-input-wrapper:not(.focus):focus-within:after {
  display: none
}

html[data-whatinput=keyboard] #partnerportal-cockpit .search-input-wrapper .search__reset:focus,
html[data-whatinput=keyboard] #partnerportal-cockpit .search-input-wrapper .search__submit:focus {
  color: #00446e;
  outline: none
}

html[data-whatinput=keyboard] #partnerportal-cockpit .search-input-wrapper .search__reset:focus:not(:hover):after,
html[data-whatinput=keyboard] #partnerportal-cockpit .search-input-wrapper .search__submit:focus:not(:hover):after {
  border: 2px dashed #00446e;
  border-radius: 4px;
  content: "";
  height: calc(2.4rem + 2*(3px + 2px));
  left: calc((3px + 2px + 0px)*-1);
  position: absolute;
  top: calc((3px + 2px + 0px)*-1);
  top: 0;
  width: calc(2.4rem + 2*(3px + 2px))
}

#partnerportal-cockpit .modal {
  --overflow: var(--gutter);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 105
}

@media only print,
screen and (min-width:960px) {
  #partnerportal-cockpit .modal {
    --overflow: 4.8rem
  }
}

#partnerportal-cockpit .modal:before {
  background: rgba(0, 0, 0, .5);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%
}

#partnerportal-cockpit .modal .modal-inner {
  align-self: center;
  background: #fff;
  box-shadow: 0 0 25px rgba(0, 0, 0, .4);
  color: #5a6166;
  padding-inline: var(--overflow);
  position: relative;
  z-index: 105
}

@media only print,
screen and (min-width:960px) {
  #partnerportal-cockpit .modal .modal-inner {
    max-width: calc(1080px + 2*var(--overflow));
    width: 90%
  }
}

#partnerportal-cockpit .modal .modal-inner .list {
  list-style: none;
  margin: 3px 0 0;
  padding-bottom: 3rem;
  padding-left: 0
}

#partnerportal-cockpit .modal .modal-inner .list li {
  margin-bottom: 1rem
}

#partnerportal-cockpit .modal .modal-inner .modal-closer {
  align-items: center;
  background: #005a8c;
  display: flex;
  height: 4.8rem;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.8rem;
  z-index: 105
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .modal .modal-inner .modal-closer {
    height: 5.3rem;
    width: 5.3rem
  }
}

@media only print,
screen and (min-width:960px) {
  #partnerportal-cockpit .modal .modal-inner .modal-closer {
    height: 4.8rem;
    width: 4.8rem
  }
}

#partnerportal-cockpit .modal .modal-inner .modal-closer .icon--close {
  color: #fff;
  font-size: 2.4rem
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .modal .modal-inner .modal-closer .icon--close {
    font-size: 2rem
  }
}

@media only print,
screen and (min-width:960px) {
  #partnerportal-cockpit .modal .modal-inner .modal-closer .icon--close {
    font-size: 2.4rem
  }
}

#partnerportal-cockpit .modal .modal-inner .modal-closer:hover {
  background: #00446e
}

#partnerportal-cockpit .modal .modal-inner .modal-closer:hover .icon--close:before {
  border: 2px solid #fff;
  border-radius: 4px
}

#partnerportal-cockpit .modal .modal-inner .modal-closer:focus {
  background: #00446e
}

html[data-whatinput=keyboard] #partnerportal-cockpit .modal .modal-inner .modal-closer:focus .icon--close:before {
  border: 2px dashed #fff;
  border-radius: 4px
}

#partnerportal-cockpit .modal .modal-inner .modal-inner-content {
  height: calc(100% - 2rem);
  margin: 0 auto;
  max-width: 1080px;
  position: relative
}

#partnerportal-cockpit .modal .modal-inner .modal-inner-content .scrollable-content {
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: .5rem
}

#partnerportal-cockpit .confirm-modal .modal-inner {
  padding: 4rem 2.2rem 5rem;
  width: inherit
}

@media only print,
screen and (min-width:600px) {
  #partnerportal-cockpit .confirm-modal .modal-inner {
    padding: 4rem 4rem 5rem
  }
}

#partnerportal-cockpit .confirm-modal .modal-inner .info {
  margin-bottom: 3rem
}

#partnerportal-cockpit .confirm-modal .modal-inner .modal-actions .link--button {
  text-align: center;
  width: auto
}

#partnerportal-cockpit .confirm-modal .modal-inner .modal-actions .icon--checked:before,
#partnerportal-cockpit .confirm-modal .modal-inner .modal-actions .icon--close:before {
  padding-right: .5em
}

@media only print,
screen and (min-width:600px) {
  #partnerportal-cockpit .confirm-modal .modal-inner {
    padding: 4rem
  }

  #partnerportal-cockpit .confirm-modal .modal-inner .modal-actions {
    flex-direction: row;
    justify-content: flex-start
  }
}

#partnerportal-cockpit .modal.personalization-modal .link .icon {
  top: 0
}

#partnerportal-cockpit .modal.personalization-modal .modal-inner {
  background: #f3efeb;
  height: 90%;
  overflow: hidden;
  padding-top: 4rem
}

#partnerportal-cockpit .modal.personalization-modal .modal-inner .modal-inner-content {
  height: calc(100% - 1rem)
}

#partnerportal-cockpit .modal.personalization-modal .modal-inner .modal-inner-content .modal-actions {
  gap: var(--space-x-small) 0
}

#partnerportal-cockpit .modal.personalization-modal .modal-inner .modal-inner-content .modal-actions a.link--button {
  margin-left: 1.5rem;
  margin-right: 1.5rem
}

#partnerportal-cockpit .modal.personalization-modal .modal-inner .modal-inner-content .modal-actions a.link--button.link--button-frameless {
  padding-left: 0;
  padding-right: 0
}

#partnerportal-cockpit .modal.personalization-modal .modal-inner .modal-inner-content .multi-step-list {
  margin-top: 1.1rem
}

#partnerportal-cockpit .modal.personalization-modal .modal-inner .modal-inner-content .modal-actions {
  background: #1b618c;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  left: 0;
  margin: 0 -6rem;
  padding: 2rem 0;
  position: absolute;
  right: 0;
  z-index: 999
}

#partnerportal-cockpit .modal.personalization-modal .modal-inner .modal-inner-content .modal-actions .button-container {
  margin: 0 2rem
}

#partnerportal-cockpit .modal.personalization-modal .modal-inner .modal-inner-content .scrollable-content {
  margin: 0 -5px;
  max-height: calc(100% - 60px - 22px - 10rem);
  max-width: 1080px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative
}

#partnerportal-cockpit .modal.personalization-modal .modal-inner .modal-inner-content .scrollable-content .hl-3 {
  margin-top: 4rem
}

#partnerportal-cockpit .modal.personalization-modal .modal-inner .modal-inner-content .scrollable-content.step2 {
  max-height: calc(100% - 60px - 22px - 15rem)
}

@media only print,
screen and (min-width:600px) {

  #partnerportal-cockpit .modal.personalization-modal .modal-inner .modal-inner-content .scrollable-content,
  #partnerportal-cockpit .modal.personalization-modal .modal-inner .modal-inner-content .scrollable-content.step2 {
    max-height: calc(100% - 60px - 22px - 6rem)
  }
}

#partnerportal-cockpit .modal.personalization-modal .modal-inner .modal-inner-content .scrollable-content .form-item-checkbox {
  margin-right: 1.1rem;
  margin-top: 1rem
}

#partnerportal-cockpit .modal.personalization-modal .modal-inner .modal-inner-content .p {
  margin-bottom: 2rem
}

#partnerportal-cockpit .favourite-list-modal .modal-inner {
  height: 100vh;
  max-width: calc(var(--max-container-width) + var(--c-overflow)*2);
  padding: 5rem var(--c-overflow) 8rem;
  width: 100%
}

@media only print,
screen and (min-width:600px) {
  #partnerportal-cockpit .favourite-list-modal .modal-inner {
    height: calc(100% - 10rem);
    margin-bottom: 10rem;
    margin-top: 10rem
  }
}

#partnerportal-cockpit .favourite-list-modal .modal-inner .modal-inner-content {
  padding: 0;
  --overflow: 0.5rem
}

#partnerportal-cockpit .favourite-list-modal .modal-inner .modal-inner-content .scrollable-content {
  margin-left: calc(-1*var(--overflow));
  margin-right: calc(-1*var(--overflow));
  padding: 0 var(--overflow) .2rem
}

#partnerportal-cockpit .favourite-list-modal-edit .modal-inner {
  height: 100vh;
  max-width: calc(var(--max-container-width) + var(--c-overflow)*2);
  padding: 5rem var(--c-overflow) 8rem;
  width: 100%
}

@media only print,
screen and (min-width:600px) {
  #partnerportal-cockpit .favourite-list-modal-edit .modal-inner {
    height: calc(100% - 10rem);
    margin-bottom: 10rem;
    margin-top: 10rem
  }
}

#partnerportal-cockpit .favourite-list-modal-edit .modal-inner-content {
  padding: 0;
  --overflow: 0.5rem
}

#partnerportal-cockpit .favourite-list-modal-edit .modal-inner-content .scrollable-content {
  margin-left: calc(-1*var(--overflow));
  margin-right: calc(-1*var(--overflow));
  padding: 0 var(--overflow)
}

#partnerportal-cockpit .favourite-list-modal-edit .hl-3 {
  margin-left: .5rem
}

#partnerportal-cockpit .favourite-list-modal-edit .edit-list {
  margin-left: .5rem !important
}

#partnerportal-cockpit .favourite-list-modal-edit .edit-list li {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
  padding: 1.5rem 0 1rem
}

#partnerportal-cockpit .favourite-list-modal-edit .edit-list li:not(:last-child) {
  border-bottom: 1px solid #dedfe0
}

#partnerportal-cockpit .favourite-list-modal-edit .edit-list li a.disabled,
#partnerportal-cockpit .favourite-list-modal-edit .edit-list li:first-child .icon--arrow-up,
#partnerportal-cockpit .favourite-list-modal-edit .edit-list li:last-child .icon--arrow-down {
  color: gray;
  cursor: not-allowed;
  opacity: .5;
  pointer-events: none;
  text-decoration: none
}

#partnerportal-cockpit .favourite-list-modal-edit .edit-list li a.disabled:focus {
  text-decoration: none
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .favourite-list-modal-edit .edit-list li {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.5rem 0
  }
}

#partnerportal-cockpit .favourite-list-modal-edit .edit-list-settings {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-left: auto
}

#partnerportal-cockpit .favourite-list-modal-edit .edit-list-settings>.nav-icon-btn {
  margin-top: 0
}

#partnerportal-cockpit .favourite-list-modal-edit .edit-list-settings a {
  margin: .5rem 1.5rem 0;
  position: relative
}

#partnerportal-cockpit .favourite-list-modal-edit .edit-list-settings a:before {
  font-size: 2.7rem
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .favourite-list-modal-edit .edit-list-settings a:before {
    font-size: 3rem
  }
}

@media only print,
screen and (min-width:1280px) {
  #partnerportal-cockpit .favourite-list-modal-edit .edit-list-settings a:before {
    font-size: 2.4rem
  }
}

#partnerportal-cockpit .favourite-list-modal-edit .edit-list-settings a.icon--arrowDown:hover:not(.disabled):after,
#partnerportal-cockpit .favourite-list-modal-edit .edit-list-settings a.icon--arrowUp:hover:not(.disabled):after,
#partnerportal-cockpit .favourite-list-modal-edit .edit-list-settings a.icon--delete:hover:not(.disabled):after,
#partnerportal-cockpit .favourite-list-modal-edit .edit-list-settings a.icon--repeat:hover:not(.disabled):after {
  border: 2px dashed #00446e;
  border-radius: 4px;
  border-style: solid;
  content: "";
  height: calc(2.4rem + 2*(3px + 2px));
  left: calc((3px + 2px + 0px)*-1);
  position: absolute;
  top: calc((3px + 2px + -5px)*-1);
  width: calc(2.4rem + 2*(3px + 2px))
}

#partnerportal-cockpit .favourite-list-modal-edit .edit-list-settings a.disabled .icon--arrowDown,
#partnerportal-cockpit .favourite-list-modal-edit .edit-list-settings a.disabled .icon--arrowUp {
  display: none
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .favourite-list-modal-edit .edit-list-settings a {
    margin: 0 1.5rem
  }
}

#partnerportal-cockpit .favourite-list-modal-edit .modal-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem
}

#partnerportal-cockpit .favourite-list-modal-edit .modal-actions .button-container {
  margin: 0
}

[data-whatinput=keyboard] #partnerportal-cockpit .favourite-list-modal-edit .modal-inner-content .edit-list-settings a.icon--arrowDown:focus:not(.disabled):after,
[data-whatinput=keyboard] #partnerportal-cockpit .favourite-list-modal-edit .modal-inner-content .edit-list-settings a.icon--arrowUp:focus:not(.disabled):after,
[data-whatinput=keyboard] #partnerportal-cockpit .favourite-list-modal-edit .modal-inner-content .edit-list-settings a.icon--delete:focus:not(.disabled):after,
[data-whatinput=keyboard] #partnerportal-cockpit .favourite-list-modal-edit .modal-inner-content .edit-list-settings a.icon--repeat:focus:not(.disabled):after {
  border: 2px dashed #00446e;
  border-radius: 4px;
  content: "";
  height: calc(2.4rem + 2*(3px + 2px));
  left: calc((3px + 2px + 0px)*-1);
  position: absolute;
  top: calc((3px + 2px + -5px)*-1);
  width: calc(2.4rem + 2*(3px + 2px))
}

#partnerportal-cockpit .modal.onboarding-modal h2 {
  font-size: 3.2rem
}

#partnerportal-cockpit .modal.onboarding-modal h3 {
  font-size: 2.6rem
}

#partnerportal-cockpit .modal.onboarding-modal .modal-inner {
  background: #f6f5ed;
  padding-bottom: 5rem;
  padding-top: 4rem
}

@media only screen and (max-width:600px) {
  #partnerportal-cockpit .modal.onboarding-modal .modal-inner {
    padding-bottom: 6rem;
    padding-top: 6rem
  }

  #partnerportal-cockpit .modal.onboarding-modal .modal-inner.l-container {
    max-width: 100%
  }
}

#partnerportal-cockpit .modal.onboarding-modal .item-list {
  display: flex;
  justify-content: space-between
}

@media only screen and (max-width:600px) {
  #partnerportal-cockpit .modal.onboarding-modal .item-list {
    justify-content: flex-start
  }
}

#partnerportal-cockpit .modal.onboarding-modal .overlay-desktop {
  display: flex;
  margin-right: 3.6rem;
  width: 33.33%
}

#partnerportal-cockpit .modal.onboarding-modal .overlay-desktop:last-child {
  margin-right: 0
}

@media only screen and (max-width:600px) {
  #partnerportal-cockpit .modal.onboarding-modal .overlay-desktop {
    margin-right: 0
  }
}

#partnerportal-cockpit .modal.onboarding-modal .overlay-mobile {
  padding: 1rem
}

#partnerportal-cockpit .modal.onboarding-modal .BrainhubCarousel__arrows {
  background-color: #fff;
  transform: translateY(-120%)
}

#partnerportal-cockpit .modal.onboarding-modal .BrainhubCarousel__arrows span {
  border-color: #1b618c
}

#partnerportal-cockpit .contactform-modal .modal-intro {
  margin-bottom: 4rem
}

#partnerportal-cockpit .contactform-modal .modal-inner {
  background-color: #f6f5ed;
  max-height: 100vh;
  max-width: calc(1080px + 9.6rem);
  overflow-y: auto;
  padding: 7rem 4.8rem;
  width: 90%
}

#partnerportal-cockpit .contactform-modal .modal-inner .modal-footer {
  margin-top: 3rem
}

#partnerportal-cockpit .contactform-modal .modal-inner .modal-footer p {
  display: inline-flex
}

#partnerportal-cockpit .contactform-modal .modal-inner .modal-footer p .link {
  line-height: 1.4;
  padding-left: 5px
}

#partnerportal-cockpit .contactform-modal .modal-actions .link--button {
  text-align: center;
  width: auto
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner {
  background: #fff;
  height: 90%;
  min-width: 100%;
  overflow: hidden;
  padding-top: 7rem
}

@media only screen and (max-width:600px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner {
    padding: 7rem 0 0
  }

  #partnerportal-cockpit .modal.app-store-modal .modal-inner .hl-2,
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .intro-text.tx_4,
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .scroll-inset,
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .tx_4 {
    margin-left: 5.625vw !important;
    margin-right: 5.625vw !important
  }

  #partnerportal-cockpit .modal.app-store-modal .modal-inner .intro-text p,
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .intro-text.tx_4 p:last-child,
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .intro-text.tx_4 p:last-child {
    margin-left: 0 !important
  }
}

@media only print,
screen and (min-width:960px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner {
    min-width: auto
  }
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content {
  height: 100%
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .modal-actions {
  margin: 0 -10rem
}

@media only print,
screen and (min-width:960px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .modal-actions {
    margin: 0 -6rem
  }
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .modal-actions a.link--button {
  margin-left: 1.5rem;
  margin-right: 1.5rem
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .modal-actions a.link--button.link--button-frameless {
  padding-left: 0;
  padding-right: 0
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scroll-wrapper {
  width: calc(100% + 10px)
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content {
  margin: 0 -5px;
  max-height: calc(100% - 4rem - 10.4rem);
  max-width: 1085px;
  padding-left: 5px;
  padding-right: 5px;
  width: calc(100% + 10px)
}

@media only print,
screen and (min-width:600px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content {
    max-height: calc(100% - 4rem - 4.7rem)
  }
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .search-label {
  align-items: center;
  display: flex
}

@media only print and (width >=0px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    row-gap: 0
  }

  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .hl-3 {
    grid-column: auto/span 12
  }

  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .col-xs-1-4 {
    grid-column: auto/span 4
  }

  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .col-sm-3-4,
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .col-xs-3-4 {
    grid-column: auto/span 8
  }
}

@media only screen and (min-width:840px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    row-gap: 0
  }

  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .hl-3 {
    grid-column: auto/span 12
  }

  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .col-xs-1-4 {
    grid-column: auto/span 4
  }

  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .col-sm-3-4,
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .col-xs-3-4 {
    grid-column: auto/span 8
  }
}

@media only print and (width >=0px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .col-xs-1-4 {
    grid-column: auto/span 3
  }

  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .col-sm-3-4,
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .col-xs-3-4 {
    grid-column: auto/span 9
  }
}

@media only screen and (min-width:960px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .col-xs-1-4 {
    grid-column: auto/span 3
  }

  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .col-sm-3-4,
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scrollable-content .u-clearfix .col-xs-3-4 {
    grid-column: auto/span 9
  }
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .p {
  margin-bottom: 2rem;
  margin-left: 0
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .search-box {
  background: #f6f5ed;
  margin-bottom: 3rem;
  margin-top: 3rem;
  padding: 3rem;
  width: 100%
}

@media only screen and (max-width:600px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .search-box .search-label {
    display: block;
    float: none;
    margin-bottom: 1rem;
    width: 100%
  }

  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .search-box .input-holder {
    margin-left: 0
  }
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .search-box .input-holder .search-input-wrapper {
  width: 100%
}

@media only print,
screen and (min-width:960px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .search-box .input-holder .search-input-wrapper {
    width: calc(66.6% + 1rem)
  }
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .cat-col {
  display: none
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .cat-col {
    display: block
  }
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .cat-col .item-list-item {
  overflow: hidden
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .cat-col .item-list-item .form__element--checkbox {
  width: 100%
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .cat-col .item-list-item label p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media only screen and (max-width:600px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .products-col {
    width: 100%
  }
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .reset-filters {
  display: inline-block;
  margin: 3rem 0
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .confirm-filter-button {
  display: inline-block;
  margin: 3rem 0;
  width: auto !important
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .remove-filter-button {
  width: auto
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .scroll-inset {
  margin-left: -5px;
  margin-right: -5px;
  padding-left: 5px;
  padding-right: 5px
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .item-list.program-tile-list {
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  justify-content: flex-start;
  padding: 0;
  row-gap: 4rem
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .item-list.program-tile-list .program-list-item {
  grid-column: auto/span 12
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .item-list.program-tile-list .program-list-item .form-item-checkbox {
  margin-right: 1.1rem;
  margin-top: 1rem
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .item-list.program-tile-list .program-list-item.selected .tile-preview-wrap {
  background: #f6f5ed
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .item-list.program-tile-list .program-list-item .blocker {
  align-items: center;
  background-color: hsla(0, 0%, 100%, .8);
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
  z-index: 999
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .item-list.program-tile-list .program-list-item .blocker .icon--info {
  font-size: 2rem
}

@media only print and (width >=0px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .item-list.program-tile-list .program-list-item {
    grid-column: auto/span 6
  }
}

@media only screen and (min-width:840px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .item-list.program-tile-list .program-list-item {
    grid-column: auto/span 6
  }
}

@media only print and (width >=0px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .item-list.program-tile-list .program-list-item {
    grid-column: auto/span 4
  }
}

@media only screen and (min-width:960px) {
  #partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .item-list.program-tile-list .program-list-item {
    grid-column: auto/span 4
  }
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .item-list.program-tile-list .program-list-item .tx_1 {
  display: -webkit-box;
  font-size: 1.6rem;
  line-height: 1.4;
  max-height: calc(1.6rem*1.4*2 + 1px);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .count-badge {
  background: #5e7200;
  margin-left: 0;
  padding: 0 7px;
  width: auto
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .accordion {
  margin-top: 2rem
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .accordion .accordion-opener .icon--plus {
  padding-right: 1rem
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .accordion .accordion-opener .icon--plus:before,
#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .accordion .accordion-opener .tx_1 {
  font-size: 2.22rem
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .accordion .accordion-opener .count-badge {
  background: #005a8c;
  position: absolute;
  right: 0
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .accordion.opened .accordion-opener .icon--plus:before,
#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .accordion.opened .accordion-opener .tx_1 {
  color: #00446e !important
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .accordion.opened .accordion-opener .count-badge {
  background: #00446e !important
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .accordion .accordion-inner {
  padding-left: 3rem;
  padding-top: 2rem
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .accordion .accordion-inner .count-badge {
  margin-left: 0;
  padding: 0 7px;
  width: auto
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .accordion .accordion-inner .reset-filters {
  margin: 0
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .accordion .accordion-inner li.scroll-inset {
  margin-left: 0 !important;
  padding-left: 0 !important
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .modal-actions {
  background: #1b618c;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  left: 0;
  margin: 0 calc(-1*var(--overflow));
  padding: 2rem 0;
  position: absolute;
  right: 0;
  z-index: 999
}

#partnerportal-cockpit .modal.app-store-modal .modal-inner .modal-inner-content .modal-actions .button-container {
  margin: 0 2rem
}

#partnerportal-cockpit .forms-list-modal .modal-inner {
  height: calc(80vh - 10rem);
  margin-bottom: 10rem;
  margin-top: 10rem;
  max-width: calc(1280px - 2*4.8rem);
  padding: 5rem 4.8rem 4.8rem;
  width: calc(100% - 10rem)
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .forms-list-modal .modal-inner {
    height: calc(100% - 10rem)
  }
}

#partnerportal-cockpit .forms-list-modal .modal-inner .modal-inner-content {
  padding: 0
}

#partnerportal-cockpit .forms-list-modal .modal-inner .modal-inner-content .scrollable-content {
  margin-left: -4.8rem;
  margin-right: -4.8rem;
  padding: 0 4.8rem
}

#partnerportal-cockpit .forms-list-modal .modal-inner .modal-inner-content .scrollable-content .link-note {
  padding-left: 2rem
}

#partnerportal-cockpit .ProductModule h3 {
  color: #1b618c;
  font-weight: 700
}

#partnerportal-cockpit .ProductModule .preview .tx_1 {
  color: #00446e;
  height: auto !important;
  margin-bottom: 0
}

#partnerportal-cockpit .LinkedIconModule {
  position: relative
}

#partnerportal-cockpit .LinkedIconModule .preview .icon {
  height: auto
}

#partnerportal-cockpit .LinkedIconModule .tile-wrapper>.icon {
  display: flex;
  height: 80%;
  justify-content: center
}

@media only print,
screen and (min-width:600px) {
  #partnerportal-cockpit .LinkedIconModule .tile-wrapper>.icon {
    height: inherit
  }
}

#partnerportal-cockpit .TextModule .tile-headline {
  display: -webkit-box;
  font-size: 2rem;
  line-height: 1.3;
  max-height: calc(2rem*1.3*2 + 1px);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0 auto 1rem;
  overflow: hidden;
  text-overflow: ellipsis
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .TextModule .tile-headline {
    display: -webkit-box;
    font-size: 1.8rem;
    line-height: 1.3;
    max-height: calc(1.8rem*1.3*2 + 1px);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 auto .5rem;
    overflow: hidden;
    text-overflow: ellipsis
  }
}

#partnerportal-cockpit .TextModule p {
  display: -webkit-box;
  font-size: 1.77rem;
  line-height: 1.4;
  max-height: calc(1.77rem*1.4*3 + 1px);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .TextModule p {
    display: -webkit-box;
    font-size: 1.6rem;
    line-height: 1.4;
    max-height: calc(1.6rem*1.4*2 + 1px);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
  }
}

#partnerportal-cockpit .RegistrationModule .tile-padding h3 {
  display: -webkit-box;
  font-size: 3.1rem;
  line-height: 1.4;
  max-height: calc(3.1rem*1.4*1 + 1px);
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

#partnerportal-cockpit .RegistrationModule .tile-list {
  margin-bottom: 0;
  margin-top: 0
}

#partnerportal-cockpit .RegistrationModule .tile-list li {
  display: -webkit-box;
  flex-direction: row;
  font-size: 1.77rem;
  line-height: 1.4;
  margin-bottom: 2rem;
  max-height: calc(1.77rem*1.4*1 + 1px);
  max-width: 100%;
  padding-bottom: 0;
  padding-left: 4.5rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

@media only print,
screen and (min-width:600px) {
  #partnerportal-cockpit .RegistrationModule .tile-list li:not(:last-child) {
    margin-bottom: 2rem
  }
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .RegistrationModule .tile-list li {
    display: -webkit-box;
    font-size: 1.6rem;
    line-height: 1.4;
    max-height: calc(1.6rem*1.4*1 + 1px);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
  }
}

#partnerportal-cockpit .RegistrationModule .tile-list li:before {
  font-size: 3.2rem;
  top: -1rem
}

#partnerportal-cockpit .RegistrationModule .button-group {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  padding-top: var(--space-small)
}

@media only print,
screen and (min-width:600px) {
  #partnerportal-cockpit .RegistrationModule .button-group {
    align-items: center;
    flex-direction: row
  }

  #partnerportal-cockpit .RegistrationModule .button-group .link--button {
    margin-bottom: 0;
    margin-right: 3rem
  }
}

#partnerportal-cockpit .RegistrationModule .button-group>.button-container {
  margin-bottom: 0
}

#partnerportal-cockpit .SearchModule form {
  margin-top: auto;
  padding-top: var(--space-small)
}

#partnerportal-cockpit .SearchModule form input.search-input {
  border: 1px solid #7b8185;
  border-radius: 5px;
  color: #005a8c;
  font-size: 1.5rem;
  padding: 1rem 10rem 1rem 1.5rem;
  width: 100%
}

#partnerportal-cockpit .SearchModule form button {
  background: none;
  border: 0;
  color: #005a8c;
  font-size: 2.4rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%)
}

#partnerportal-cockpit .SearchModule form button.reset {
  color: #005a8c;
  right: 4rem
}

#partnerportal-cockpit .tile-wrap.PersonalizationModule .icon {
  display: flex;
  height: 80%;
  justify-content: center
}

@media only print,
screen and (min-width:600px) {
  #partnerportal-cockpit .tile-wrap.PersonalizationModule .icon {
    height: inherit
  }
}

#partnerportal-cockpit .AdvantageCommunicationModule .tile-padding .hl-5 {
  margin-bottom: 1.5rem
}

#partnerportal-cockpit .AdvantageCommunicationModule .tile-list {
  flex-direction: column;
  margin-bottom: 0;
  margin-top: 0
}

#partnerportal-cockpit .AdvantageCommunicationModule .tile-list li {
  display: -webkit-box;
  font-size: 1.77rem;
  line-height: 1.4;
  margin-bottom: 1rem;
  max-height: calc(1.77rem*1.4*1 + 1px);
  max-width: 100%;
  padding-bottom: 0;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

@media only print,
screen and (min-width:600px) {
  #partnerportal-cockpit .AdvantageCommunicationModule .tile-list li:not(:last-child) {
    margin-bottom: 1rem
  }
}

@media only print,
screen and (min-width:840px) {
  #partnerportal-cockpit .AdvantageCommunicationModule .tile-list li {
    display: -webkit-box;
    font-size: 1.6rem;
    line-height: 1.4;
    max-height: calc(1.6rem*1.4*1 + 1px);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
  }
}

#partnerportal-cockpit .AdvantageCommunicationModule .button-container {
  margin-top: auto;
  padding-top: var(--space-small)
}

#partnerportal-cockpit .AdvantageCommunicationModule .button-container .link--button {
  margin-bottom: 0;
  width: auto
}

#partnerportal-cockpit .AdvantageCommunicationModule .button-container .link--button.icon--arrow-right:before {
  margin-right: .5rem
}

#partnerportal-cockpit .InfocenterModule .hl-5 {
  display: -webkit-box;
  font-size: 1.8rem;
  line-height: 1.3;
  max-height: calc(1.8rem*1.3*2 + 1px);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

#partnerportal-cockpit .InfocenterModule .time,
#partnerportal-cockpit .InfocenterModule .tx_2 {
  margin-bottom: 0
}

#partnerportal-cockpit .InfocenterModule .phoneNumber {
  bottom: 0;
  font-size: 2.6rem
}

#partnerportal-cockpit .FavouriteListModule .tile-linklist {
  list-style: none;
  margin: 0;
  padding-left: 0
}

#partnerportal-cockpit .FavouriteListModule .tile-linklist li {
  margin-bottom: 1rem
}

#partnerportal-cockpit .ContactModule .contact-info {
  margin-bottom: .5rem
}

#partnerportal-cockpit .ContactModule .contact-info.contact-name .inline-editable input {
  font-weight: 700
}

#partnerportal-cockpit .ContactModule .contact-info.contact-description:not(.is-empty) {
  display: -webkit-box;
  font-size: 1.5rem;
  line-height: 1.2;
  max-height: calc(1.5rem*1.2*2 + 1px);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: .8rem;
  overflow: hidden;
  text-overflow: ellipsis
}

#partnerportal-cockpit .ContactModule .contact-info.is-empty {
  display: none
}

#partnerportal-cockpit .ContactModule .contact-info .inline-editable {
  height: auto;
  margin: 0;
  padding: 0
}

#partnerportal-cockpit .ContactModule .is-editing .contact-info.contact-name input {
  font-size: 1.8rem
}

#partnerportal-cockpit .ContactModule .is-editing .contact-info.contact-description {
  height: auto
}

#partnerportal-cockpit .ContactModule .edit-hint {
  display: flex;
  flex-direction: column;
  justify-content: center
}

#partnerportal-cockpit .tile-wrap.AppStoreModule .icon {
  display: flex;
  height: 80%;
  justify-content: center
}

@media only print,
screen and (min-width:600px) {
  #partnerportal-cockpit .tile-wrap.AppStoreModule .icon {
    height: inherit
  }
}

#partnerportal-cockpit .FormsModule .tile-linklist {
  list-style: none;
  margin: 0;
  padding-left: 0
}

#partnerportal-cockpit .FormsModule .tile-linklist li {
  margin-bottom: 2.5rem
}

#partnerportal-cockpit .FormsModule .tile-linklist li a .link-labeling {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden
}

#partnerportal-cockpit .FormsModule .tile-linklist li a .link-notice {
  margin-left: 0
}

#partnerportal-cockpit .FormsModule .tile-linklist li .link-note {
  margin-top: -.5rem;
  padding-left: 2rem
}

.mwf-h {
  margin-left: -9999px;
  opacity: 0;
  position: absolute
}

.mwf-hidden {
  display: none
}

@media only print {
  .product-label {
    background-color: transparent;
    color: var(--color);
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .video {
    border: 1px solid var(--color-background-light)
  }

  .video .media-player .mi-player .mi-cover,
  .video .media-player .mi-player>div {
    aspect-ratio: 16/9;
    height: auto !important
  }

  .video .media-player .mi-player>div {
    align-items: center;
    display: flex;
    justify-content: center
  }

  .video .media-player .mi-player .mi-big-play-cover {
    left: auto !important;
    top: auto !important
  }

  .video .media-player .mi-player .mi-cover {
    width: 100%
  }

  picture img {
    break-inside: avoid;
    max-width: 100% !important;
    width: 100%
  }

  .smk-1,
  [class*=headline],
  [class*=hl-],
  [class*=light-speech-hl-] {
    break-after: avoid;
    break-inside: avoid-page
  }

  table {
    break-inside: avoid
  }

  ol.list,
  ul.list {
    break-inside: auto
  }

  .table-m,
  .table-s {
    max-width: unset !important
  }

  main :not(.image-wrapper, .programtile-link)>a.link[href^=http].external {
    display: inline;
    vertical-align: baseline;
    white-space: normal
  }

  main :not(.image-wrapper, .programtile-link)>a.link[href^=http].external:after {
    color: var(--kfw-color-grey-300);
    content: " <" attr(href) "> ";
    height: auto;
    position: static;
    white-space: normal;
    word-break: break-word
  }

  main :not(.image-wrapper, .programtile-link)>a.link[href^=http].external .icon {
    display: inline-flex;
    vertical-align: initial
  }

  main :not(.image-wrapper, .programtile-link)>a.link[href^=http].external .link-labeling {
    vertical-align: baseline
  }

  @page {
    margin: 2cm 1cm
  }

  :root {
    --gutter: 2rem;
    --max-container-width: 100%;
    font-size: 6pt !important
  }

  body {
    width: 100%
  }

  main {
    margin-top: 4rem !important
  }

  section {
    page-break-after: auto;
    page-break-before: auto
  }

  article {
    page-break-before: always
  }

  .lock-scroll,
  .lock-scroll-overlay {
    overflow-y: visible
  }

  .lock-scroll footer,
  .lock-scroll header,
  .lock-scroll main,
  .lock-scroll-overlay footer,
  .lock-scroll-overlay header,
  .lock-scroll-overlay main {
    display: none
  }

  .lock-scroll .overlays,
  .lock-scroll-overlay .overlays {
    --overlay-margin: 0px;
    background-color: transparent;
    height: auto;
    overflow: hidden;
    position: relative
  }

  .lock-scroll .overlays>.wrapper,
  .lock-scroll-overlay .overlays>.wrapper {
    break-inside: auto !important
  }

  .lock-scroll .overlays .container,
  .lock-scroll-overlay .overlays .container {
    margin: auto
  }

  .lock-scroll .overlays .overlay,
  .lock-scroll-overlay .overlays .overlay {
    --col: 12;
    overflow: hidden
  }

  .lock-scroll .overlays .overlay-content,
  .lock-scroll .overlays .overlay-content>body,
  .lock-scroll .overlays .overlay-inner,
  .lock-scroll-overlay .overlays .overlay-content,
  .lock-scroll-overlay .overlays .overlay-content>body,
  .lock-scroll-overlay .overlays .overlay-inner {
    border: 0 !important;
    break-inside: auto;
    padding: 0 !important
  }

  .lock-scroll .overlays .overlay .overlay-footer,
  .lock-scroll .overlays .overlay .overlay-header,
  .lock-scroll-overlay .overlays .overlay .overlay-footer,
  .lock-scroll-overlay .overlays .overlay .overlay-header,
  .stage,
  .three-step-stage-container,
  .topic-stage,
  .topic-stage.stage-type--high,
  .topic-stage.video {
    display: none
  }

  .page-s10 .search-page-filter {
    display: none !important
  }

  .page-s10 .search-page-result {
    width: 100% !important
  }

  .page-s3 {
    grid-template: "jumpmark" auto "login" auto "main" auto "banner" auto/100%
  }

  .page-s3 .marginal-column {
    display: none !important
  }

  .page-s3 .main-column {
    break-inside: inherit;
    margin-top: 0 !important
  }

  .page-s9 .marginal-column {
    display: none !important
  }

  .page-s9 .product-header-wrapper {
    padding: 0
  }

  .header-container {
    box-sizing: border-box;
    display: grid;
    margin-bottom: 2rem;
    page-break-after: avoid
  }

  .header-container.sticky {
    position: static
  }

  .header-container.sticky>.header {
    display: block
  }

  .header-container.print-no-breadcrumb .breadcrumb-container {
    display: none
  }

  .header-container #header {
    border-bottom-width: 2px;
    border-bottom: 1px solid var(--color-line-11);
    padding: 0 0 2rem
  }

  .header-container #header .header-functionality-container,
  .header-container #header .header-menu-button-container,
  .header-container #main-navigation {
    display: none
  }

  .header-container #header .header-logo-container {
    justify-content: left
  }

  .header-container .breadcrumb-container {
    order: 6
  }

  #foot footer {
    background-color: transparent;
    text-align: center
  }

  #foot footer .footer-banner,
  #foot footer .footer-info,
  #foot footer .footer-legally-linklist,
  #foot footer .footer-legally-top-button {
    display: none
  }

  #foot footer .footer-legally {
    padding: 1rem 0 0
  }

  #foot footer .footer-legally-copyright {
    width: 100%
  }

  .structure-content-grid {
    display: flex;
    flex-wrap: wrap
  }

  .structure-content-grid>* {
    width: calc((100% - var(--gap, 0px)*(var(--cols, 1) - 1))/var(--cols, 1)) !important
  }

  .structure.structure--z7 .teaser-sub {
    grid-column: 1/-1;
    grid-row: 1
  }

  .structure.structure--z7 .teaser-media-container {
    grid-column: 1/span 1
  }
}

@media only print and (width >=0px) {
  .structure.structure--z7 .teaser-media-container {
    margin-bottom: 0
  }
}

@media only print {
  .structure.structure--z7 .teaser-content {
    grid-column: 2/span 1
  }

  .page-s3 .main-column .link-list:not(.hintbox, .programtile)[class*=bg-] {
    border: 0
  }

  .image-gallery.image-gallery-compact .image-gallery-main,
  .image-gallery.image-gallery-extendable .image-gallery-thumbs {
    --print-col: 4;
    --print-gap: var(--gap)
  }

  .image-gallery.image-gallery-extended .image-gallery-thumbs {
    --print-col: 7;
    --print-gap: 16px
  }

  .page-s3 .image-gallery.image-gallery-extended .image-gallery-thumbs,
  .two-column-container .image-gallery.image-gallery-extended .image-gallery-thumbs {
    --print-col: 5;
    --print-gap: 12px
  }

  .image-gallery .image-gallery-main-wrapper .slider-pagination:not(.hidden) {
    display: none !important
  }

  .teaser {
    max-width: 100%
  }

  .teaser:where(:not([class*=bg-])) {
    margin: 0
  }

  .teaser-media-container {
    break-after: auto;
    break-before: auto;
    break-inside: avoid;
    display: block
  }

  .teaser--text {
    padding: 2rem 0 3rem !important
  }

  div.focus-teaser-box {
    --c-calc-overflow: var(--space-large)
  }

  .slider.swiper .swiper-wrapper {
    transform: none !important
  }

  .slider.swiper .swiper-slide {
    --print-width: calc(100% - var(--print-gap, 0px) * (var(--print-col, 1) - 1));
    display: flex;
    max-width: 100%;
    order: 2;
    width: calc(var(--print-width)/var(--print-col, 1)) !important
  }

  .slider.swiper .swiper-slide.swiper-slide-visible {
    order: 1
  }

  .structure-content-grid {
    display: flex
  }

  .structure-content-grid>:first-child:last-child,
  .structure-content-grid>:first-child:last-child~div {
    width: calc((100% - var(--gap, 0px)*(1 - 1))/1)
  }

  .structure-content-grid>:first-child:nth-last-child(2),
  .structure-content-grid>:first-child:nth-last-child(2)~div {
    width: calc((100% - var(--gap, 0px)*(2 - 1))/2)
  }

  .structure-content-grid>:first-child:nth-last-child(3),
  .structure-content-grid>:first-child:nth-last-child(3)~div {
    width: calc((100% - var(--gap, 0px)*(3 - 1))/3)
  }

  .structure-content-grid>:first-child:nth-last-child(4),
  .structure-content-grid>:first-child:nth-last-child(4)~div {
    width: calc((100% - var(--gap, 0px)*(4 - 1))/4)
  }

  .structure-content-grid>:first-child:nth-last-child(5),
  .structure-content-grid>:first-child:nth-last-child(5)~div {
    width: calc((100% - var(--gap, 0px)*(5 - 1))/5)
  }

  .login-container {
    display: none
  }

  .button,
  .jumpmark {
    --button-bg: transparent;
    --button-color: var(--color-fn);
    --button-bg-disabled: transparent;
    --button-color-disabled: var(--color-fn-inactive-on-light-bg)
  }

  .details-content {
    break-before: avoid
  }

  .details-title {
    break-after: avoid-page
  }

  .dynamic-house-wrapper .app-dynamic-house__content .link {
    display: inline-flex !important
  }

  .needs-slider-slide {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%
  }

  .needs-slider-slide>* {
    width: calc((100% - var(--space-small, 0px)*3)/4) !important
  }

  .stories-metric-inner {
    background-color: transparent;
    border: 1px solid var(--color-background-light);
    --color: var(--color-font-on-light-bg);
    --link-color: var(--color-fn);
    --link-color-hover: var(--color-fn-active);
    --link-decoration: none;
    --button-color: var(--color-font-on-dark-bg);
    --button-color-hover: var(--color-font-on-dark-bg);
    --button-bg: var(--color-fn);
    --button-bg-hover: var(--color-fn-active);
    --button-color-disabled: var(--color-font-on-dark-bg);
    --button-bg-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color: var(--color-fn);
    --button-border-color-hover: var(--color-fn);
    --button-border-color-disabled: var(--color-fn-inactive-on-light-bg);
    --button-border-color-focus: var(--color-fn-active);
    --headline-color: var(--color)
  }

  .product-entry-head .button {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .vorabcheck.vorabcheck .no-print {
    display: none
  }

  .vorabcheck.vorabcheck .print-only {
    display: block
  }

  .digicheck-page .digicheck-actions,
  .digicheck-page-result-rating {
    display: none
  }

  .digicheck-page .details-content {
    display: block
  }

  .digicheck-page .details>.details-title .icon--minus {
    display: inline-block
  }

  .digicheck-page .details>.details-title .icon--plus {
    display: none
  }
}

@media print and (color) {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
  }
}