/*
! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  /* 3 */
  tab-size: 4;
  /* 3 */
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    'Helvetica Neue',
    Arial,
    'Noto Sans',
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    'Noto Color Emoji';
  /* 4 */
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  /* 5 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}

::-webkit-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}

@font-face {
  font-family: 'KfW-Centro-Sans';
  font-style: normal;
  font-weight: 400;
  src: local('KfW-Centro-Sans');
  src:
  url(../fonts/KFWCentroSans-Reg.woff2) format('woff2'),
    url(../fonts/KFWCentroSans-400.woff2) format('woff2'),
    url(../fonts/KFWCentroSans-400.woff) format('woff');
}

@font-face {
  font-family: 'KfW-Centro-Sans';
  font-style: normal;
  font-weight: 500;
  src: local('KfW-Centro-Sans');
  src:
    url(../fonts/KFWCentroSans-500.woff2) format('woff2'),
    url(../fonts/KFWCentroSans-500.woff) format('woff');
}

@font-face {
  font-family: 'KfW-Centro-Sans';
  font-style: normal;
  font-weight: 700;
  src: local('KfW-Centro-Sans');
  src:
    url(../fonts/KFWCentroSans-700.woff2) format('woff2'),
    url(../fonts/KFWCentroSans-700.woff) format('woff');
}

@font-face {
  font-family: 'KfW-Icon-Font';
  font-style: normal;
  font-weight: normal;
  src: local('KfW-Icon-Font');
  src:
    url(../fonts/KFWIconFont.woff2) format('woff2'),
    url(../fonts/KFWIconFont.woff) format('woff');
}

.icon {
  font-family: 'KfW-Icon-Font';
  font-style: normal;
  -webkit-font-feature-settings: 'kern' off;
  font-feature-settings: 'kern' off;
  font-variant: none;
  font-weight: normal;
  speak: none;
  text-transform: none;
}

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

.icon--phone::before {
  content: '';
}

.icon--mobile::before {
  content: '';
}

.icon--mail::before {
  content: '';
}

.icon--fax::before {
  content: '';
}

.icon--warning::before {
  content: '';
}

.icon--reload::before {
  content: '';
}

.icon--info::before {
  content: '';
}

.icon--print::before {
  content: '';
}

.icon--minus::before {
  content: '';
}

.icon--plus::before {
  content: '';
}

.icon--checked::before {
  content: '';
}

.icon--home::before {
  content: '';
}

.icon--close::before {
  content: '';
}

.icon--menu::before {
  content: '';
}

.icon--menu-en::before {
  content: '';
}

.icon--arrow-right::before {
  content: '';
}

.icon--arrow-left::before {
  content: '';
}

.icon--double-left::before {
  content: '';
}

.icon--double-right::before {
  content: '';
}

.icon--arrows-left::before {
  content: '';
}

.icon--arrows-right::before {
  content: '';
}

.icon--arrow-up::before {
  content: '';
}

.icon--arrow-down::before {
  content: '';
}

.icon--search::before {
  content: '';
}

.icon--download::before {
  content: '';
}

.icon--lock::before {
  content: '';
}

.icon--unlock::before {
  content: '';
}

.icon--pause::before {
  content: '';
}

.icon--stop::before {
  content: '';
}

.icon--settings::before {
  content: '';
}

.icon--play::before {
  content: '';
}

.icon--sound::before {
  content: '';
}

.icon--repeat::before {
  content: '';
}

.icon--star::before {
  content: '';
}

.icon--star-outline::before {
  content: '';
}

.icon--image::before {
  content: '';
}

.icon--empty-box::before {
  content: '';
}

.icon--document::before {
  content: '';
}

.icon--document-pdf::before {
  content: '';
}

.icon--checkbox::before {
  content: '';
}

.icon--calendar::before {
  content: '';
}

.icon--folder::before {
  content: '';
}

.icon--page-end::before {
  content: '';
}

.icon--page-start::before {
  content: '';
}

.icon--rss::before {
  content: '';
}

.icon--share::before {
  content: '';
}

.icon--video-round::before {
  content: '';
}

.icon--archiv::before {
  content: '';
}

.icon--bullet::before {
  content: '';
}

.icon--bullet-outline::before {
  content: '';
}

.icon--chat::before {
  content: '';
}

.icon--danger::before {
  content: '';
}

.icon--delete::before {
  content: '';
}

.icon--external-Link::before {
  content: '';
}

.icon--calc::before {
  content: '';
}

.icon--upload::before {
  content: '';
}

.icon--construction::before {
  content: '';
}

.icon--ban::before {
  content: '';
}

.icon--facebook::before {
  content: '';
}

.icon--instagram::before {
  content: '';
}

.icon--linkedin::before {
  content: '';
}

.icon--twitter::before {
  content: '';
}

.icon--youtube::before {
  content: '';
}

.icon--xing::before {
  content: '';
}

.icon--zoom-out::before {
  content: '';
}

.icon--zoom-in::before {
  content: '';
}

.icon--fullscreen::before {
  content: '';
}

.icon--globe::before {
  content: '';
}

.icon--maximize::before {
  content: '';
}

.icon--chatbot::before {
  content: '';
}

.icon--chatbot-maximize::before {
  content: '';
}

.icon--leichtesprache::before {
  content: '';
}

.icon--gebaerdensprache::before {
  content: '';
}

.icon--news::before {
  content: '';
}

.icon--chatbot-new::before {
  content: '';
}

.icon--foerderprodukte::before {
  content: '';
}

.icon--danger-new::before {
  content: '';
}

.icon--timeout::before {
  content: '';
}

.icon--info-new-outline::before {
  content: '';
}

.icon--location::before {
  content: '';
}

.icon--logout::before {
  content: '';
}

.icon--agb::before {
  content: '';
}

.icon--presentation::before {
  content: '';
}

.icon--notification::before {
  content: '';
}

.icon--expert::before {
  content: '';
}

.icon--checked-background::before {
  content: '';
}

.icon--hinweisbox::before {
  content: '';
}

.icon--add::before {
  content: '';
}

.icon--history::before {
  content: '';
}

.icon--history-background::before {
  content: '';
}

.icon--id-background::before {
  content: '';
}

.icon--id::before {
  content: '';
}

.icon--info-cookiebanner-background::before {
  content: '';
}

.icon--info-cookiebanner::before {
  content: '';
}

.icon--menu-dots::before {
  content: '';
}

.icon--notes::before {
  content: '';
}

.icon--user::before {
  content: '';
}

.icon--save-later::before {
  content: '';
}

.icon--move::before {
  content: '';
}

.icon--back::before {
  content: '';
}

.icon--budget::before {
  content: '';
}

.icon--thumbs-down::before {
  content: '';
}

.icon--thumbs-up::before {
  content: '';
}

.icon--anmelden::before {
  content: '';
}

.icon--kreis-outline-bp::before {
  content: '';
}

.icon--kopieren::before {
  content: '';
}

.icon--link-kopieren::before {
  content: '';
}

.icon--wischen-pfeile::before {
  content: '';
}

.icon--wischen-hand::before {
  content: '';
}

.icon--hinweis-info::before {
  content: '';
}

.icon--hinweis-bestaetigung::before {
  content: '';
}

.icon--hinweis-zeit-frist::before {
  content: '';
}

.icon--kontakt::before {
  content: '';
}

.icon--hinweis-corona::before {
  content: '';
}

.icon--temporaere-verfuegbarkeit::before {
  content: '';
}

.icon--hinweis-podcast::before {
  content: '';
}

.icon--hinweis-achtung::before {
  content: '';
}

.icon--achtung::before {
  content: '';
}

.hl-1,
.hl-2,
.hl-3,
.hl-4,
.hl-5,
.hl-ms,
.light-speech-hl-1,
.tag--big,
.light-speech-hl-2 {
  margin-bottom: 2rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3;
}

.hl-1 {
  font-size: 3rem;
}

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

.hl-2 {
  font-size: 2.8rem;
  letter-spacing: -0.5px;
}

@media (min-width: 1280px) {
  .hl-2 {
    font-size: 3.2rem;
  }
}

.hl-3 {
  margin-bottom: 1rem;
  font-size: 2.4rem;
  letter-spacing: -0.5px;
}

@media (min-width: 1280px) {
  .hl-3 {
    font-size: 2.6rem;
    letter-spacing: 0;
  }
}

.hl-4 {
  margin-bottom: 1rem;
  font-size: 2rem;
}

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

.hl-5 {
  margin-bottom: 1rem;
  font-size: 1.8rem;
}

@media (min-width: 1280px) {
  .hl-5 {
    letter-spacing: 0.5px;
  }
}

.hl-sb,
.hl-tb,
.hl-hb {
  margin-bottom: 3rem;
  letter-spacing: 0;
  line-height: 1.3;
}

.hl-sb {
  font-size: 2rem;
}

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

.hl-tb {
  font-size: 2rem;
}

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

.hl-hb {
  font-size: 2rem;
}

@media (min-width: 840px) {
  .hl-hb {
    font-size: 2.4rem;
    letter-spacing: -0.5px;
  }
}

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

.hl-ms {
  font-size: 2rem;
  margin-bottom: 1rem;
}

@media (min-width: 960px) {
  .hl-ms {
    font-size: 1.8rem;
  }
}

.smk-1 {
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  line-height: 1.3;
  letter-spacing: 1px;
}

.tx-1,
.image .image-caption-link,
p,
ul.list,
ol.list {
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0;
  margin-bottom: 2rem;
}

.tx-1-medium {
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0.5px;
  margin-bottom: 2rem;
}

.tx-2,
.footer-info-links > ul.list,
.footer-info-links .details ul.list,
.footer-legally-copyright,
.footer-legally-linklist > .list,
.video .video-caption-text,
.image .image-caption-text {
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0;
  margin-bottom: 2rem;
}

.tx-4 {
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0;
  margin-bottom: 2rem;
}

.tx-8 {
  font-size: 1.8rem;
  line-height: 2.3;
  letter-spacing: 0;
  margin-bottom: 1.5rem;
}

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

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

.list {
  list-style-position: outside;
}

.list > .list-item {
  padding-bottom: 1rem;
  position: relative;
  line-height: 1.4em;
}

.list > .list-item::before {
  vertical-align: baseline;
  padding-right: 1rem;
  position: absolute;
}

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

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

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

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

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

.list--checks > .list-item::before {
  font-family: 'KfW-Icon-Font';
  color: #5e7200;
  vertical-align: bottom;
  content: '';
  padding-right: 0.8rem;
  margin-left: -2.4rem;
}

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

.list--big-checks > .list-item {
  padding-bottom: 0;
  line-height: 1.8em;
}

.list--big-checks > .list-item::before {
  font-family: 'KfW-Icon-Font';
  color: #5e7200;
  vertical-align: middle;
  font-size: 2.8rem;
  content: '';
  padding-right: 1.5rem;
  margin-left: -4.3rem;
}

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

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

.list--letters > .list-item::before,
.list--caps > .list-item::before {
  padding-right: 0.6rem;
  content: counter(item, lower-latin) '.';
  counter-increment: item;
  font-weight: bold;
  margin-left: -1.8rem;
}

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

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

.list--numbers > .list-item::before {
  padding-right: 0.6rem;
  font-weight: bold;
  counter-increment: item-counter;
  content: counter(item-counter) '.';
  margin-left: -1.8rem;
}

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

.list--bullets > .list-item::before {
  font-family: 'KfW-Icon-Font';
  content: '';
  vertical-align: middle;
  font-size: 0.5rem;
  margin-left: -1.4rem;
}

.list--bullets > .list-item > .list--bullets .list-item::before {
  content: '';
}

.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,
.light-speech-hl-2,
.tx-light-speech-tx-5 {
  line-height: 1.5;
  word-spacing: 0.16rem;
}

.light-speech-hl-1 {
  font-size: 3rem;
  margin-bottom: 2rem;
}

@media (min-width: 960px) {
  .light-speech-hl-1 {
    font-size: 3.6rem;
    margin-bottom: 3rem;
  }
}

.light-speech-hl-2 {
  font-size: 2.5rem;
  margin-bottom: 2rem;
}

@media (min-width: 960px) {
  .light-speech-hl-2 {
    font-size: 3rem;
    margin-bottom: 2.5rem;
  }
}

.tx-light-speech-tx-5,
.light-speech-list.list {
  font-size: 2rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 960px) {
  .tx-light-speech-tx-5,
  .light-speech-list.list {
    font-size: 2.4rem;
    margin-bottom: 3.6rem;
  }
}

.light-speech-list.list {
  margin-bottom: 2.5rem;
}

.light-speech-list.list--bullets > .list-item {
  padding-bottom: 0.6rem;
}

.light-speech-list.list--bullets > .list-item::before {
  padding-right: 0.6rem;
  font-size: 0.6rem;
}

.light-speech-list.list--bullets > .list-item > .list--bullets .list-item::before {
  font-size: 0.6rem;
}

@media (min-width: 960px) {
  .light-speech-list.list--bullets > .list-item {
    padding-bottom: 0.8rem;
  }

  .light-speech-list.list--bullets > .list-item::before {
    padding-right: 0.8rem;
    font-size: 0.7rem;
  }

  .light-speech-list.list--bullets > .list-item > .list--bullets {
    margin-bottom: 0;
  }

  .light-speech-list.list--bullets > .list-item > .list--bullets .list-item::before {
    font-size: 0.7rem;
  }

  .light-speech-list.list {
    margin-bottom: 3.6rem;
  }
}

:root {
  font-family: 'KfW-Centro-Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 62.5%;
  color: #2d3134;
}

:root * {
  -webkit-font-feature-settings: none;
  font-feature-settings: none;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
}

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

@media (min-width: 600px) {
  body::after {
    content: 's';
    display: none;
  }
}

@media (min-width: 840px) {
  body::after {
    content: 'm';
    display: none;
  }
}

@media (min-width: 960px) {
  body::after {
    content: 'l';
    display: none;
  }
}

@media (min-width: 1280px) {
  body::after {
    content: 'xl';
    display: none;
  }
}

.bg-petrol {
  background-color: #13556f;
  color: #fff;
}

.bg-lightgray,
.video video,
.video .media-player {
  background-color: #f6f5ed;
  color: #2d3134;
}

.bg-lightblue-digital20 {
  background-color: #ebf3f7;
  color: #2d3134;
}

.bg-white {
  background-color: #fff;
  color: #2d3134;
}

.bg-white90 {
  background-color: rgba(255, 255, 255, 0.9);
  color: #2d3134;
}

.page-s3,
.footer-banner,
.footer-info,
.footer-legally,
.fullwidth,
.contact-teaser,
.hintbox-wrapper,
.text-image,
.text-image[class*='bg-'] .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.fullwidth-fixed,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper {
  max-width: 1080px;
  max-width: var(--max-container-width);
  margin: 0 5.625vw;
  margin: 0 var(--mx);
  width: auto;
}

.page-s3 .page-s3,
.footer-banner .page-s3,
.footer-info .page-s3,
.footer-legally .page-s3,
.page-s3 .footer-banner,
.footer-banner .footer-banner,
.footer-info .footer-banner,
.footer-legally .footer-banner,
.page-s3 .footer-info,
.footer-banner .footer-info,
.footer-info .footer-info,
.footer-legally .footer-info,
.page-s3 .footer-legally,
.footer-banner .footer-legally,
.footer-info .footer-legally,
.footer-legally .footer-legally,
.fullwidth .page-s3,
.contact-teaser .page-s3,
.hintbox-wrapper .page-s3,
.text-image .page-s3,
.text-image[class*='bg-'] .text-image-wrapper .page-s3,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .page-s3,
.fullwidth .footer-banner,
.contact-teaser .footer-banner,
.hintbox-wrapper .footer-banner,
.text-image .footer-banner,
.text-image[class*='bg-'] .text-image-wrapper .footer-banner,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .footer-banner,
.fullwidth .footer-info,
.contact-teaser .footer-info,
.hintbox-wrapper .footer-info,
.text-image .footer-info,
.text-image[class*='bg-'] .text-image-wrapper .footer-info,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .footer-info,
.fullwidth .footer-legally,
.contact-teaser .footer-legally,
.hintbox-wrapper .footer-legally,
.text-image .footer-legally,
.text-image[class*='bg-'] .text-image-wrapper .footer-legally,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .footer-legally,
.page-s3 .fullwidth,
.footer-banner .fullwidth,
.footer-info .fullwidth,
.footer-legally .fullwidth,
.page-s3 .contact-teaser,
.footer-banner .contact-teaser,
.footer-info .contact-teaser,
.footer-legally .contact-teaser,
.page-s3 .hintbox-wrapper,
.footer-banner .hintbox-wrapper,
.footer-info .hintbox-wrapper,
.footer-legally .hintbox-wrapper,
.page-s3 .text-image,
.footer-banner .text-image,
.footer-info .text-image,
.footer-legally .text-image,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper,
.footer-banner .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .footer-banner .text-image-wrapper,
.footer-info .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .footer-info .text-image-wrapper,
.footer-legally .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .footer-legally .text-image-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper,
.footer-banner .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .footer-banner .scrollbar-navigation-wrapper,
.footer-info .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .footer-info .scrollbar-navigation-wrapper,
.footer-legally .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .footer-legally .scrollbar-navigation-wrapper,
.fullwidth .fullwidth,
.contact-teaser .fullwidth,
.hintbox-wrapper .fullwidth,
.text-image .fullwidth,
.text-image[class*='bg-'] .text-image-wrapper .fullwidth,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .fullwidth,
.fullwidth .contact-teaser,
.contact-teaser .contact-teaser,
.hintbox-wrapper .contact-teaser,
.text-image .contact-teaser,
.text-image[class*='bg-'] .text-image-wrapper .contact-teaser,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .contact-teaser,
.fullwidth .hintbox-wrapper,
.contact-teaser .hintbox-wrapper,
.hintbox-wrapper .hintbox-wrapper,
.text-image .hintbox-wrapper,
.text-image[class*='bg-'] .text-image-wrapper .hintbox-wrapper,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .hintbox-wrapper,
.fullwidth .text-image,
.contact-teaser .text-image,
.hintbox-wrapper .text-image,
.text-image .text-image,
.text-image[class*='bg-'] .text-image-wrapper .text-image,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .text-image,
.fullwidth .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .fullwidth .text-image-wrapper,
.contact-teaser .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .contact-teaser .text-image-wrapper,
.hintbox-wrapper .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .hintbox-wrapper .text-image-wrapper,
.text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .text-image-wrapper .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .text-image-wrapper,
.fullwidth .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .fullwidth .scrollbar-navigation-wrapper,
.contact-teaser .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .contact-teaser .scrollbar-navigation-wrapper,
.hintbox-wrapper .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .hintbox-wrapper .scrollbar-navigation-wrapper,
.text-image .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .text-image .scrollbar-navigation-wrapper,
.text-image[class*='bg-'] .text-image-wrapper .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .text-image[class*='bg-'] .text-image-wrapper .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .scrollbar-navigation-wrapper,
.fullwidth-fixed .page-s3,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper .page-s3,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper .page-s3,
.fullwidth-fixed .footer-banner,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper .footer-banner,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper .footer-banner,
.fullwidth-fixed .footer-info,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper .footer-info,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper .footer-info,
.fullwidth-fixed .footer-legally,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper .footer-legally,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper .footer-legally,
.fullwidth-fixed .fullwidth,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper .fullwidth,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper .fullwidth,
.fullwidth-fixed .contact-teaser,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper .contact-teaser,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper .contact-teaser,
.fullwidth-fixed .hintbox-wrapper,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper .hintbox-wrapper,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper .hintbox-wrapper,
.fullwidth-fixed .text-image,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper .text-image,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper .text-image,
.fullwidth-fixed .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .fullwidth-fixed .text-image-wrapper,
.scrollbar.sticky-nav.sticky-nav-show.intersected
  .scrollbar-navigation-wrapper
  .text-image[class*='bg-']
  .text-image-wrapper,
.text-image[class*='bg-']
  .scrollbar.sticky-nav.sticky-nav-show.intersected
  .scrollbar-navigation-wrapper
  .text-image-wrapper,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper .text-image-wrapper,
.fullwidth-fixed .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .fullwidth-fixed .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.sticky-nav-show.intersected
  .scrollbar-navigation-wrapper
  .scrollbar.sticky-nav.nav-in-view
  .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .scrollbar.sticky-nav.sticky-nav-show.intersected
  .scrollbar-navigation-wrapper
  .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav:not(.nav-in-view)
  .scrollbar-navigation-wrapper
  .scrollbar.sticky-nav.nav-in-view
  .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .scrollbar.sticky-nav:not(.nav-in-view)
  .scrollbar-navigation-wrapper
  .scrollbar-navigation-wrapper {
  margin-left: auto;
  margin-right: auto;
}

[class*='space-'].page-s3 + .overflow,
[class*='space-'].footer-banner + .overflow,
[class*='space-'].footer-info + .overflow,
[class*='space-'].footer-legally + .overflow,
[class*='space-'].page-s3 + .hintbox,
[class*='space-'].footer-banner + .hintbox,
[class*='space-'].footer-info + .hintbox,
[class*='space-'].footer-legally + .hintbox,
[class*='space-'].page-s3 + .text-image[class*='bg-'],
[class*='space-'].footer-banner + .text-image[class*='bg-'],
[class*='space-'].footer-info + .text-image[class*='bg-'],
[class*='space-'].footer-legally + .text-image[class*='bg-'],
[class*='space-'].fullwidth + .overflow,
[class*='space-'].contact-teaser + .overflow,
[class*='space-'].hintbox-wrapper + .overflow,
[class*='space-'].text-image + .overflow,
.text-image[class*='bg-'] [class*='space-'].text-image-wrapper + .overflow,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].scrollbar-navigation-wrapper + .overflow,
[class*='space-'].fullwidth + .hintbox,
[class*='space-'].contact-teaser + .hintbox,
[class*='space-'].hintbox-wrapper + .hintbox,
[class*='space-'].text-image + .hintbox,
.text-image[class*='bg-'] [class*='space-'].text-image-wrapper + .hintbox,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].scrollbar-navigation-wrapper + .hintbox,
[class*='space-'].fullwidth + .text-image[class*='bg-'],
[class*='space-'].contact-teaser + .text-image[class*='bg-'],
[class*='space-'].hintbox-wrapper + .text-image[class*='bg-'],
[class*='space-'].text-image + .text-image[class*='bg-'],
.text-image[class*='bg-'] [class*='space-'].text-image-wrapper + .text-image[class*='bg-'],
.scrollbar.sticky-nav.nav-in-view [class*='space-'].scrollbar-navigation-wrapper + .text-image[class*='bg-'],
[class*='space-'].page-s3 + .page-s3,
[class*='space-'].footer-banner + .page-s3,
[class*='space-'].footer-info + .page-s3,
[class*='space-'].footer-legally + .page-s3,
[class*='space-'].page-s3 + .footer-banner,
[class*='space-'].footer-banner + .footer-banner,
[class*='space-'].footer-info + .footer-banner,
[class*='space-'].footer-legally + .footer-banner,
[class*='space-'].page-s3 + .footer-info,
[class*='space-'].footer-banner + .footer-info,
[class*='space-'].footer-info + .footer-info,
[class*='space-'].footer-legally + .footer-info,
[class*='space-'].page-s3 + .footer-legally,
[class*='space-'].footer-banner + .footer-legally,
[class*='space-'].footer-info + .footer-legally,
[class*='space-'].footer-legally + .footer-legally,
[class*='space-'].fullwidth + .page-s3,
[class*='space-'].contact-teaser + .page-s3,
[class*='space-'].hintbox-wrapper + .page-s3,
[class*='space-'].text-image + .page-s3,
.text-image[class*='bg-'] [class*='space-'].text-image-wrapper + .page-s3,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].scrollbar-navigation-wrapper + .page-s3,
[class*='space-'].fullwidth + .footer-banner,
[class*='space-'].contact-teaser + .footer-banner,
[class*='space-'].hintbox-wrapper + .footer-banner,
[class*='space-'].text-image + .footer-banner,
.text-image[class*='bg-'] [class*='space-'].text-image-wrapper + .footer-banner,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].scrollbar-navigation-wrapper + .footer-banner,
[class*='space-'].fullwidth + .footer-info,
[class*='space-'].contact-teaser + .footer-info,
[class*='space-'].hintbox-wrapper + .footer-info,
[class*='space-'].text-image + .footer-info,
.text-image[class*='bg-'] [class*='space-'].text-image-wrapper + .footer-info,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].scrollbar-navigation-wrapper + .footer-info,
[class*='space-'].fullwidth + .footer-legally,
[class*='space-'].contact-teaser + .footer-legally,
[class*='space-'].hintbox-wrapper + .footer-legally,
[class*='space-'].text-image + .footer-legally,
.text-image[class*='bg-'] [class*='space-'].text-image-wrapper + .footer-legally,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].scrollbar-navigation-wrapper + .footer-legally,
[class*='space-'].page-s3 + .fullwidth,
[class*='space-'].footer-banner + .fullwidth,
[class*='space-'].footer-info + .fullwidth,
[class*='space-'].footer-legally + .fullwidth,
[class*='space-'].page-s3 + .contact-teaser,
[class*='space-'].footer-banner + .contact-teaser,
[class*='space-'].footer-info + .contact-teaser,
[class*='space-'].footer-legally + .contact-teaser,
[class*='space-'].page-s3 + .hintbox-wrapper,
[class*='space-'].footer-banner + .hintbox-wrapper,
[class*='space-'].footer-info + .hintbox-wrapper,
[class*='space-'].footer-legally + .hintbox-wrapper,
[class*='space-'].page-s3 + .text-image,
[class*='space-'].footer-banner + .text-image,
[class*='space-'].footer-info + .text-image,
[class*='space-'].footer-legally + .text-image,
.text-image[class*='bg-'] [class*='space-'].page-s3 + .text-image-wrapper,
.text-image[class*='bg-'] [class*='space-'].footer-banner + .text-image-wrapper,
.text-image[class*='bg-'] [class*='space-'].footer-info + .text-image-wrapper,
.text-image[class*='bg-'] [class*='space-'].footer-legally + .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].page-s3 + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].footer-banner + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].footer-info + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].footer-legally + .scrollbar-navigation-wrapper,
[class*='space-'].fullwidth + .fullwidth,
[class*='space-'].contact-teaser + .fullwidth,
[class*='space-'].hintbox-wrapper + .fullwidth,
[class*='space-'].text-image + .fullwidth,
.text-image[class*='bg-'] [class*='space-'].text-image-wrapper + .fullwidth,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].scrollbar-navigation-wrapper + .fullwidth,
[class*='space-'].fullwidth + .contact-teaser,
[class*='space-'].contact-teaser + .contact-teaser,
[class*='space-'].hintbox-wrapper + .contact-teaser,
[class*='space-'].text-image + .contact-teaser,
.text-image[class*='bg-'] [class*='space-'].text-image-wrapper + .contact-teaser,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].scrollbar-navigation-wrapper + .contact-teaser,
[class*='space-'].fullwidth + .hintbox-wrapper,
[class*='space-'].contact-teaser + .hintbox-wrapper,
[class*='space-'].hintbox-wrapper + .hintbox-wrapper,
[class*='space-'].text-image + .hintbox-wrapper,
.text-image[class*='bg-'] [class*='space-'].text-image-wrapper + .hintbox-wrapper,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].scrollbar-navigation-wrapper + .hintbox-wrapper,
[class*='space-'].fullwidth + .text-image,
[class*='space-'].contact-teaser + .text-image,
[class*='space-'].hintbox-wrapper + .text-image,
[class*='space-'].text-image + .text-image,
.text-image[class*='bg-'] [class*='space-'].text-image-wrapper + .text-image,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].scrollbar-navigation-wrapper + .text-image,
.text-image[class*='bg-'] [class*='space-'].fullwidth + .text-image-wrapper,
.text-image[class*='bg-'] [class*='space-'].contact-teaser + .text-image-wrapper,
.text-image[class*='bg-'] [class*='space-'].hintbox-wrapper + .text-image-wrapper,
.text-image[class*='bg-'] [class*='space-'].text-image + .text-image-wrapper,
.text-image[class*='bg-'] [class*='space-'].text-image-wrapper + .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .text-image[class*='bg-']
  [class*='space-'].scrollbar-navigation-wrapper
  + .text-image-wrapper,
.text-image[class*='bg-']
  .scrollbar.sticky-nav.nav-in-view
  [class*='space-'].scrollbar-navigation-wrapper
  + .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].fullwidth + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].contact-teaser + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].hintbox-wrapper + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].text-image + .scrollbar-navigation-wrapper,
.text-image[class*='bg-']
  .scrollbar.sticky-nav.nav-in-view
  [class*='space-'].text-image-wrapper
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .text-image[class*='bg-']
  [class*='space-'].text-image-wrapper
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].scrollbar-navigation-wrapper + .scrollbar-navigation-wrapper,
[class*='space-'].fullwidth-fixed + .overflow,
.scrollbar.sticky-nav.sticky-nav-show.intersected [class*='space-'].scrollbar-navigation-wrapper + .overflow,
.scrollbar.sticky-nav:not(.nav-in-view) [class*='space-'].scrollbar-navigation-wrapper + .overflow,
[class*='space-'].fullwidth-fixed + .hintbox,
.scrollbar.sticky-nav.sticky-nav-show.intersected [class*='space-'].scrollbar-navigation-wrapper + .hintbox,
.scrollbar.sticky-nav:not(.nav-in-view) [class*='space-'].scrollbar-navigation-wrapper + .hintbox,
[class*='space-'].fullwidth-fixed + .text-image[class*='bg-'],
.scrollbar.sticky-nav.sticky-nav-show.intersected
  [class*='space-'].scrollbar-navigation-wrapper
  + .text-image[class*='bg-'],
.scrollbar.sticky-nav:not(.nav-in-view) [class*='space-'].scrollbar-navigation-wrapper + .text-image[class*='bg-'],
[class*='space-'].fullwidth-fixed + .page-s3,
.scrollbar.sticky-nav.sticky-nav-show.intersected [class*='space-'].scrollbar-navigation-wrapper + .page-s3,
.scrollbar.sticky-nav:not(.nav-in-view) [class*='space-'].scrollbar-navigation-wrapper + .page-s3,
[class*='space-'].fullwidth-fixed + .footer-banner,
.scrollbar.sticky-nav.sticky-nav-show.intersected [class*='space-'].scrollbar-navigation-wrapper + .footer-banner,
.scrollbar.sticky-nav:not(.nav-in-view) [class*='space-'].scrollbar-navigation-wrapper + .footer-banner,
[class*='space-'].fullwidth-fixed + .footer-info,
.scrollbar.sticky-nav.sticky-nav-show.intersected [class*='space-'].scrollbar-navigation-wrapper + .footer-info,
.scrollbar.sticky-nav:not(.nav-in-view) [class*='space-'].scrollbar-navigation-wrapper + .footer-info,
[class*='space-'].fullwidth-fixed + .footer-legally,
.scrollbar.sticky-nav.sticky-nav-show.intersected [class*='space-'].scrollbar-navigation-wrapper + .footer-legally,
.scrollbar.sticky-nav:not(.nav-in-view) [class*='space-'].scrollbar-navigation-wrapper + .footer-legally,
[class*='space-'].fullwidth-fixed + .fullwidth,
.scrollbar.sticky-nav.sticky-nav-show.intersected [class*='space-'].scrollbar-navigation-wrapper + .fullwidth,
.scrollbar.sticky-nav:not(.nav-in-view) [class*='space-'].scrollbar-navigation-wrapper + .fullwidth,
[class*='space-'].fullwidth-fixed + .contact-teaser,
.scrollbar.sticky-nav.sticky-nav-show.intersected [class*='space-'].scrollbar-navigation-wrapper + .contact-teaser,
.scrollbar.sticky-nav:not(.nav-in-view) [class*='space-'].scrollbar-navigation-wrapper + .contact-teaser,
[class*='space-'].fullwidth-fixed + .hintbox-wrapper,
.scrollbar.sticky-nav.sticky-nav-show.intersected [class*='space-'].scrollbar-navigation-wrapper + .hintbox-wrapper,
.scrollbar.sticky-nav:not(.nav-in-view) [class*='space-'].scrollbar-navigation-wrapper + .hintbox-wrapper,
[class*='space-'].fullwidth-fixed + .text-image,
.scrollbar.sticky-nav.sticky-nav-show.intersected [class*='space-'].scrollbar-navigation-wrapper + .text-image,
.scrollbar.sticky-nav:not(.nav-in-view) [class*='space-'].scrollbar-navigation-wrapper + .text-image,
.text-image[class*='bg-'] [class*='space-'].fullwidth-fixed + .text-image-wrapper,
.scrollbar.sticky-nav.sticky-nav-show.intersected
  .text-image[class*='bg-']
  [class*='space-'].scrollbar-navigation-wrapper
  + .text-image-wrapper,
.text-image[class*='bg-']
  .scrollbar.sticky-nav.sticky-nav-show.intersected
  [class*='space-'].scrollbar-navigation-wrapper
  + .text-image-wrapper,
.scrollbar.sticky-nav:not(.nav-in-view)
  .text-image[class*='bg-']
  [class*='space-'].scrollbar-navigation-wrapper
  + .text-image-wrapper,
.text-image[class*='bg-']
  .scrollbar.sticky-nav:not(.nav-in-view)
  [class*='space-'].scrollbar-navigation-wrapper
  + .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].fullwidth-fixed + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.sticky-nav-show.intersected
  .scrollbar.sticky-nav.nav-in-view
  [class*='space-'].scrollbar-navigation-wrapper
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .scrollbar.sticky-nav.sticky-nav-show.intersected
  [class*='space-'].scrollbar-navigation-wrapper
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav:not(.nav-in-view)
  .scrollbar.sticky-nav.nav-in-view
  [class*='space-'].scrollbar-navigation-wrapper
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .scrollbar.sticky-nav:not(.nav-in-view)
  [class*='space-'].scrollbar-navigation-wrapper
  + .scrollbar-navigation-wrapper {
  margin-top: 0;
}

.page-s3 + .overflow,
.footer-banner + .overflow,
.footer-info + .overflow,
.footer-legally + .overflow,
.page-s3 + .hintbox,
.footer-banner + .hintbox,
.footer-info + .hintbox,
.footer-legally + .hintbox,
.page-s3 + .text-image[class*='bg-'],
.footer-banner + .text-image[class*='bg-'],
.footer-info + .text-image[class*='bg-'],
.footer-legally + .text-image[class*='bg-'],
.fullwidth + .overflow,
.contact-teaser + .overflow,
.hintbox-wrapper + .overflow,
.text-image + .overflow,
.text-image[class*='bg-'] .text-image-wrapper + .overflow,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .overflow,
.fullwidth + .hintbox,
.contact-teaser + .hintbox,
.hintbox-wrapper + .hintbox,
.text-image + .hintbox,
.text-image[class*='bg-'] .text-image-wrapper + .hintbox,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .hintbox,
.fullwidth + .text-image[class*='bg-'],
.contact-teaser + .text-image[class*='bg-'],
.hintbox-wrapper + .text-image[class*='bg-'],
.text-image + .text-image[class*='bg-'],
.text-image[class*='bg-'] .text-image-wrapper + .text-image[class*='bg-'],
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .text-image[class*='bg-'],
.fullwidth-fixed + .overflow,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper + .overflow,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper + .overflow,
.fullwidth-fixed + .hintbox,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper + .hintbox,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper + .hintbox,
.fullwidth-fixed + .text-image[class*='bg-'],
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper + .text-image[class*='bg-'],
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper + .text-image[class*='bg-'] {
  margin-top: 4rem;
  margin-top: var(--component-gap-small);
}

.page-s3 + .page-s3,
.footer-banner + .page-s3,
.footer-info + .page-s3,
.footer-legally + .page-s3,
.page-s3 + .footer-banner,
.footer-banner + .footer-banner,
.footer-info + .footer-banner,
.footer-legally + .footer-banner,
.page-s3 + .footer-info,
.footer-banner + .footer-info,
.footer-info + .footer-info,
.footer-legally + .footer-info,
.page-s3 + .footer-legally,
.footer-banner + .footer-legally,
.footer-info + .footer-legally,
.footer-legally + .footer-legally,
.fullwidth + .page-s3,
.contact-teaser + .page-s3,
.hintbox-wrapper + .page-s3,
.text-image + .page-s3,
.text-image[class*='bg-'] .text-image-wrapper + .page-s3,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .page-s3,
.fullwidth + .footer-banner,
.contact-teaser + .footer-banner,
.hintbox-wrapper + .footer-banner,
.text-image + .footer-banner,
.text-image[class*='bg-'] .text-image-wrapper + .footer-banner,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .footer-banner,
.fullwidth + .footer-info,
.contact-teaser + .footer-info,
.hintbox-wrapper + .footer-info,
.text-image + .footer-info,
.text-image[class*='bg-'] .text-image-wrapper + .footer-info,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .footer-info,
.fullwidth + .footer-legally,
.contact-teaser + .footer-legally,
.hintbox-wrapper + .footer-legally,
.text-image + .footer-legally,
.text-image[class*='bg-'] .text-image-wrapper + .footer-legally,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .footer-legally,
.page-s3 + .fullwidth,
.footer-banner + .fullwidth,
.footer-info + .fullwidth,
.footer-legally + .fullwidth,
.page-s3 + .contact-teaser,
.footer-banner + .contact-teaser,
.footer-info + .contact-teaser,
.footer-legally + .contact-teaser,
.page-s3 + .hintbox-wrapper,
.footer-banner + .hintbox-wrapper,
.footer-info + .hintbox-wrapper,
.footer-legally + .hintbox-wrapper,
.page-s3 + .text-image,
.footer-banner + .text-image,
.footer-info + .text-image,
.footer-legally + .text-image,
.text-image[class*='bg-'] .page-s3 + .text-image-wrapper,
.text-image[class*='bg-'] .footer-banner + .text-image-wrapper,
.text-image[class*='bg-'] .footer-info + .text-image-wrapper,
.text-image[class*='bg-'] .footer-legally + .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .footer-banner + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .footer-info + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .footer-legally + .scrollbar-navigation-wrapper,
.fullwidth + .fullwidth,
.contact-teaser + .fullwidth,
.hintbox-wrapper + .fullwidth,
.text-image + .fullwidth,
.text-image[class*='bg-'] .text-image-wrapper + .fullwidth,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .fullwidth,
.fullwidth + .contact-teaser,
.contact-teaser + .contact-teaser,
.hintbox-wrapper + .contact-teaser,
.text-image + .contact-teaser,
.text-image[class*='bg-'] .text-image-wrapper + .contact-teaser,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .contact-teaser,
.fullwidth + .hintbox-wrapper,
.contact-teaser + .hintbox-wrapper,
.hintbox-wrapper + .hintbox-wrapper,
.text-image + .hintbox-wrapper,
.text-image[class*='bg-'] .text-image-wrapper + .hintbox-wrapper,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .hintbox-wrapper,
.fullwidth + .text-image,
.contact-teaser + .text-image,
.hintbox-wrapper + .text-image,
.text-image + .text-image,
.text-image[class*='bg-'] .text-image-wrapper + .text-image,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .text-image,
.text-image[class*='bg-'] .fullwidth + .text-image-wrapper,
.text-image[class*='bg-'] .contact-teaser + .text-image-wrapper,
.text-image[class*='bg-'] .hintbox-wrapper + .text-image-wrapper,
.text-image[class*='bg-'] .text-image + .text-image-wrapper,
.text-image[class*='bg-'] .text-image-wrapper + .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view .text-image[class*='bg-'] .scrollbar-navigation-wrapper + .text-image-wrapper,
.text-image[class*='bg-'] .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view .fullwidth + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .contact-teaser + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .hintbox-wrapper + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .text-image + .scrollbar-navigation-wrapper,
.text-image[class*='bg-'] .scrollbar.sticky-nav.nav-in-view .text-image-wrapper + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .text-image[class*='bg-'] .text-image-wrapper + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .scrollbar-navigation-wrapper,
.fullwidth-fixed + .page-s3,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper + .page-s3,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper + .page-s3,
.fullwidth-fixed + .footer-banner,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper + .footer-banner,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper + .footer-banner,
.fullwidth-fixed + .footer-info,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper + .footer-info,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper + .footer-info,
.fullwidth-fixed + .footer-legally,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper + .footer-legally,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper + .footer-legally,
.fullwidth-fixed + .fullwidth,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper + .fullwidth,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper + .fullwidth,
.fullwidth-fixed + .contact-teaser,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper + .contact-teaser,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper + .contact-teaser,
.fullwidth-fixed + .hintbox-wrapper,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper + .hintbox-wrapper,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper + .hintbox-wrapper,
.fullwidth-fixed + .text-image,
.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation-wrapper + .text-image,
.scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper + .text-image,
.text-image[class*='bg-'] .fullwidth-fixed + .text-image-wrapper,
.scrollbar.sticky-nav.sticky-nav-show.intersected
  .text-image[class*='bg-']
  .scrollbar-navigation-wrapper
  + .text-image-wrapper,
.text-image[class*='bg-']
  .scrollbar.sticky-nav.sticky-nav-show.intersected
  .scrollbar-navigation-wrapper
  + .text-image-wrapper,
.scrollbar.sticky-nav:not(.nav-in-view) .text-image[class*='bg-'] .scrollbar-navigation-wrapper + .text-image-wrapper,
.text-image[class*='bg-'] .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper + .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view .fullwidth-fixed + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.sticky-nav-show.intersected
  .scrollbar.sticky-nav.nav-in-view
  .scrollbar-navigation-wrapper
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .scrollbar.sticky-nav.sticky-nav-show.intersected
  .scrollbar-navigation-wrapper
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav:not(.nav-in-view)
  .scrollbar.sticky-nav.nav-in-view
  .scrollbar-navigation-wrapper
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .scrollbar.sticky-nav:not(.nav-in-view)
  .scrollbar-navigation-wrapper
  + .scrollbar-navigation-wrapper {
  margin-top: 6rem;
  margin-top: var(--component-gap-big);
}

.overflow,
.hintbox,
.text-image[class*='bg-'] {
  margin: 0 calc(5.625vw - 5.625vw);
  margin: 0 calc(var(--mx) - var(--overflow-px));
  padding: 20px 0 30px;
  width: auto;
}

@media (min-width: 840px) {
  .overflow,
  .hintbox,
  .text-image[class*='bg-'] {
    padding: 40px 0 50px;
  }
}

[class*='space-'].overflow + .overflow,
[class*='space-'].hintbox + .overflow,
[class*='space-'].text-image[class*='bg-'] + .overflow,
[class*='space-'].overflow + .hintbox,
[class*='space-'].hintbox + .hintbox,
[class*='space-'].text-image[class*='bg-'] + .hintbox,
[class*='space-'].overflow + .page-s3,
[class*='space-'].hintbox + .page-s3,
[class*='space-'].text-image[class*='bg-'] + .page-s3,
[class*='space-'].overflow + .footer-banner,
[class*='space-'].hintbox + .footer-banner,
[class*='space-'].text-image[class*='bg-'] + .footer-banner,
[class*='space-'].overflow + .footer-info,
[class*='space-'].hintbox + .footer-info,
[class*='space-'].text-image[class*='bg-'] + .footer-info,
[class*='space-'].overflow + .footer-legally,
[class*='space-'].hintbox + .footer-legally,
[class*='space-'].text-image[class*='bg-'] + .footer-legally,
[class*='space-'].overflow + .fullwidth,
[class*='space-'].hintbox + .fullwidth,
[class*='space-'].text-image[class*='bg-'] + .fullwidth,
[class*='space-'].overflow + .contact-teaser,
[class*='space-'].hintbox + .contact-teaser,
[class*='space-'].text-image[class*='bg-'] + .contact-teaser,
[class*='space-'].overflow + .hintbox-wrapper,
[class*='space-'].hintbox + .hintbox-wrapper,
[class*='space-'].text-image[class*='bg-'] + .hintbox-wrapper,
[class*='space-'].overflow + .text-image,
[class*='space-'].hintbox + .text-image,
[class*='space-'].text-image[class*='bg-'] + .text-image,
.text-image[class*='bg-'] [class*='space-'].overflow + .text-image-wrapper,
.text-image[class*='bg-'] [class*='space-'].hintbox + .text-image-wrapper,
.text-image[class*='bg-'] [class*='space-'].text-image[class*='bg-'] + .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].overflow + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].hintbox + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view [class*='space-'].text-image[class*='bg-'] + .scrollbar-navigation-wrapper {
  margin-top: 0;
}

.overflow .page-s3,
.hintbox .page-s3,
.text-image[class*='bg-'] .page-s3,
.overflow .footer-banner,
.hintbox .footer-banner,
.text-image[class*='bg-'] .footer-banner,
.overflow .footer-info,
.hintbox .footer-info,
.text-image[class*='bg-'] .footer-info,
.overflow .footer-legally,
.hintbox .footer-legally,
.text-image[class*='bg-'] .footer-legally,
.overflow .fullwidth,
.hintbox .fullwidth,
.text-image[class*='bg-'] .fullwidth,
.overflow .contact-teaser,
.hintbox .contact-teaser,
.text-image[class*='bg-'] .contact-teaser,
.overflow .hintbox-wrapper,
.hintbox .hintbox-wrapper,
.text-image[class*='bg-'] .hintbox-wrapper,
.overflow .text-image,
.hintbox .text-image,
.text-image[class*='bg-'] .text-image,
.text-image[class*='bg-'] .text-image-wrapper,
.overflow .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .overflow .scrollbar-navigation-wrapper,
.hintbox .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .hintbox .scrollbar-navigation-wrapper,
.text-image[class*='bg-'] .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .text-image[class*='bg-'] .scrollbar-navigation-wrapper {
  margin: 0 5.625vw;
  margin: 0 var(--overflow-px);
}

.page-s3 .overflow,
.footer-banner .overflow,
.footer-info .overflow,
.footer-legally .overflow,
.page-s3 .hintbox,
.footer-banner .hintbox,
.footer-info .hintbox,
.footer-legally .hintbox,
.page-s3 .text-image[class*='bg-'],
.footer-banner .text-image[class*='bg-'],
.footer-info .text-image[class*='bg-'],
.footer-legally .text-image[class*='bg-'],
.fullwidth .overflow,
.contact-teaser .overflow,
.hintbox-wrapper .overflow,
.text-image .overflow,
.text-image[class*='bg-'] .text-image-wrapper .overflow,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .overflow,
.fullwidth .hintbox,
.contact-teaser .hintbox,
.hintbox-wrapper .hintbox,
.text-image .hintbox,
.text-image[class*='bg-'] .text-image-wrapper .hintbox,
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .hintbox,
.fullwidth .text-image[class*='bg-'],
.contact-teaser .text-image[class*='bg-'],
.hintbox-wrapper .text-image[class*='bg-'],
.text-image .text-image[class*='bg-'],
.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .text-image[class*='bg-'] {
  margin-left: calc(-1 * 5.625vw);
  margin-left: calc(-1 * var(--overflow-px));
  margin-right: calc(-1 * 5.625vw);
  margin-right: calc(-1 * var(--overflow-px));
}

.bg-petrol.overflow + .bg-petrol.overflow,
.bg-petrol.hintbox + .bg-petrol.overflow,
.bg-petrol.text-image[class*='bg-'] + .bg-petrol.overflow,
.bg-petrol.overflow + .bg-petrol.hintbox,
.bg-petrol.hintbox + .bg-petrol.hintbox,
.bg-petrol.text-image[class*='bg-'] + .bg-petrol.hintbox,
.bg-petrol.overflow + .bg-petrol.text-image[class*='bg-'],
.bg-petrol.hintbox + .bg-petrol.text-image[class*='bg-'],
.bg-petrol.text-image[class*='bg-'] + .bg-petrol.text-image[class*='bg-'],
.bg-lightgray.overflow + .bg-lightgray.overflow,
.bg-lightgray.hintbox + .bg-lightgray.overflow,
.bg-lightgray.text-image[class*='bg-'] + .bg-lightgray.overflow,
.bg-lightgray.overflow + .bg-lightgray.hintbox,
.bg-lightgray.hintbox + .bg-lightgray.hintbox,
.bg-lightgray.text-image[class*='bg-'] + .bg-lightgray.hintbox,
.bg-lightgray.overflow + .bg-lightgray.text-image[class*='bg-'],
.bg-lightgray.hintbox + .bg-lightgray.text-image[class*='bg-'],
.bg-lightgray.text-image[class*='bg-'] + .bg-lightgray.text-image[class*='bg-'],
.bg-lightblue-digital20.overflow + .bg-lightblue-digital20.overflow,
.bg-lightblue-digital20.hintbox + .bg-lightblue-digital20.overflow,
.bg-lightblue-digital20.text-image[class*='bg-'] + .bg-lightblue-digital20.overflow,
.bg-lightblue-digital20.overflow + .bg-lightblue-digital20.hintbox,
.bg-lightblue-digital20.hintbox + .bg-lightblue-digital20.hintbox,
.bg-lightblue-digital20.text-image[class*='bg-'] + .bg-lightblue-digital20.hintbox,
.bg-lightblue-digital20.overflow + .bg-lightblue-digital20.text-image[class*='bg-'],
.bg-lightblue-digital20.hintbox + .bg-lightblue-digital20.text-image[class*='bg-'],
.bg-lightblue-digital20.text-image[class*='bg-'] + .bg-lightblue-digital20.text-image[class*='bg-'] {
  margin-top: -30px;
}

@media (min-width: 840px) {
  .bg-petrol.overflow + .bg-petrol.overflow,
  .bg-petrol.hintbox + .bg-petrol.overflow,
  .bg-petrol.text-image[class*='bg-'] + .bg-petrol.overflow,
  .bg-petrol.overflow + .bg-petrol.hintbox,
  .bg-petrol.hintbox + .bg-petrol.hintbox,
  .bg-petrol.text-image[class*='bg-'] + .bg-petrol.hintbox,
  .bg-petrol.overflow + .bg-petrol.text-image[class*='bg-'],
  .bg-petrol.hintbox + .bg-petrol.text-image[class*='bg-'],
  .bg-petrol.text-image[class*='bg-'] + .bg-petrol.text-image[class*='bg-'],
  .bg-lightgray.overflow + .bg-lightgray.overflow,
  .bg-lightgray.hintbox + .bg-lightgray.overflow,
  .bg-lightgray.text-image[class*='bg-'] + .bg-lightgray.overflow,
  .bg-lightgray.overflow + .bg-lightgray.hintbox,
  .bg-lightgray.hintbox + .bg-lightgray.hintbox,
  .bg-lightgray.text-image[class*='bg-'] + .bg-lightgray.hintbox,
  .bg-lightgray.overflow + .bg-lightgray.text-image[class*='bg-'],
  .bg-lightgray.hintbox + .bg-lightgray.text-image[class*='bg-'],
  .bg-lightgray.text-image[class*='bg-'] + .bg-lightgray.text-image[class*='bg-'],
  .bg-lightblue-digital20.overflow + .bg-lightblue-digital20.overflow,
  .bg-lightblue-digital20.hintbox + .bg-lightblue-digital20.overflow,
  .bg-lightblue-digital20.text-image[class*='bg-'] + .bg-lightblue-digital20.overflow,
  .bg-lightblue-digital20.overflow + .bg-lightblue-digital20.hintbox,
  .bg-lightblue-digital20.hintbox + .bg-lightblue-digital20.hintbox,
  .bg-lightblue-digital20.text-image[class*='bg-'] + .bg-lightblue-digital20.hintbox,
  .bg-lightblue-digital20.overflow + .bg-lightblue-digital20.text-image[class*='bg-'],
  .bg-lightblue-digital20.hintbox + .bg-lightblue-digital20.text-image[class*='bg-'],
  .bg-lightblue-digital20.text-image[class*='bg-'] + .bg-lightblue-digital20.text-image[class*='bg-'] {
    margin-top: -50px;
  }
}

.overflow + .page-s3,
.hintbox + .page-s3,
.text-image[class*='bg-'] + .page-s3,
.overflow + .footer-banner,
.hintbox + .footer-banner,
.text-image[class*='bg-'] + .footer-banner,
.overflow + .footer-info,
.hintbox + .footer-info,
.text-image[class*='bg-'] + .footer-info,
.overflow + .footer-legally,
.hintbox + .footer-legally,
.text-image[class*='bg-'] + .footer-legally,
.overflow + .fullwidth,
.hintbox + .fullwidth,
.text-image[class*='bg-'] + .fullwidth,
.overflow + .contact-teaser,
.hintbox + .contact-teaser,
.text-image[class*='bg-'] + .contact-teaser,
.overflow + .hintbox-wrapper,
.hintbox + .hintbox-wrapper,
.text-image[class*='bg-'] + .hintbox-wrapper,
.overflow + .text-image,
.hintbox + .text-image,
.text-image[class*='bg-'] + .text-image,
.text-image[class*='bg-'] .overflow + .text-image-wrapper,
.text-image[class*='bg-'] .hintbox + .text-image-wrapper,
.text-image[class*='bg-'] .text-image[class*='bg-'] + .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view .overflow + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .hintbox + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .text-image[class*='bg-'] + .scrollbar-navigation-wrapper {
  margin-top: 4rem;
  margin-top: var(--component-gap-small);
}

.page-s3 .page-s3,
.page-s3 .footer-banner,
.page-s3 .footer-info,
.page-s3 .footer-legally,
.page-s3 .fullwidth,
.page-s3 .contact-teaser,
.page-s3 .hintbox-wrapper,
.page-s3 .text-image,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper,
.page-s3 .overflow,
.page-s3 .hintbox {
  max-width: 1080px;
  max-width: var(--max-container-width);
}

.page-s3 .page-s3:not([class*='space-']) + .page-s3,
.page-s3 .footer-banner:not([class*='space-']) + .page-s3,
.page-s3 .footer-info:not([class*='space-']) + .page-s3,
.page-s3 .footer-legally:not([class*='space-']) + .page-s3,
.page-s3 .page-s3:not([class*='space-']) + .footer-banner,
.page-s3 .footer-banner:not([class*='space-']) + .footer-banner,
.page-s3 .footer-info:not([class*='space-']) + .footer-banner,
.page-s3 .footer-legally:not([class*='space-']) + .footer-banner,
.page-s3 .page-s3:not([class*='space-']) + .footer-info,
.page-s3 .footer-banner:not([class*='space-']) + .footer-info,
.page-s3 .footer-info:not([class*='space-']) + .footer-info,
.page-s3 .footer-legally:not([class*='space-']) + .footer-info,
.page-s3 .page-s3:not([class*='space-']) + .footer-legally,
.page-s3 .footer-banner:not([class*='space-']) + .footer-legally,
.page-s3 .footer-info:not([class*='space-']) + .footer-legally,
.page-s3 .footer-legally:not([class*='space-']) + .footer-legally,
.page-s3 .fullwidth:not([class*='space-']) + .page-s3,
.page-s3 .contact-teaser:not([class*='space-']) + .page-s3,
.page-s3 .hintbox-wrapper:not([class*='space-']) + .page-s3,
.page-s3 .text-image:not([class*='space-']) + .page-s3,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper:not([class*='space-']) + .page-s3,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper:not([class*='space-']) + .page-s3,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper:not([class*='space-']) + .page-s3,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper:not([class*='space-']) + .page-s3,
.page-s3 .fullwidth:not([class*='space-']) + .footer-banner,
.page-s3 .contact-teaser:not([class*='space-']) + .footer-banner,
.page-s3 .hintbox-wrapper:not([class*='space-']) + .footer-banner,
.page-s3 .text-image:not([class*='space-']) + .footer-banner,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper:not([class*='space-']) + .footer-banner,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper:not([class*='space-']) + .footer-banner,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper:not([class*='space-']) + .footer-banner,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper:not([class*='space-']) + .footer-banner,
.page-s3 .fullwidth:not([class*='space-']) + .footer-info,
.page-s3 .contact-teaser:not([class*='space-']) + .footer-info,
.page-s3 .hintbox-wrapper:not([class*='space-']) + .footer-info,
.page-s3 .text-image:not([class*='space-']) + .footer-info,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper:not([class*='space-']) + .footer-info,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper:not([class*='space-']) + .footer-info,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper:not([class*='space-']) + .footer-info,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper:not([class*='space-']) + .footer-info,
.page-s3 .fullwidth:not([class*='space-']) + .footer-legally,
.page-s3 .contact-teaser:not([class*='space-']) + .footer-legally,
.page-s3 .hintbox-wrapper:not([class*='space-']) + .footer-legally,
.page-s3 .text-image:not([class*='space-']) + .footer-legally,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper:not([class*='space-']) + .footer-legally,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper:not([class*='space-']) + .footer-legally,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper:not([class*='space-']) + .footer-legally,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper:not([class*='space-']) + .footer-legally,
.page-s3 .page-s3:not([class*='space-']) + .fullwidth,
.page-s3 .footer-banner:not([class*='space-']) + .fullwidth,
.page-s3 .footer-info:not([class*='space-']) + .fullwidth,
.page-s3 .footer-legally:not([class*='space-']) + .fullwidth,
.page-s3 .page-s3:not([class*='space-']) + .contact-teaser,
.page-s3 .footer-banner:not([class*='space-']) + .contact-teaser,
.page-s3 .footer-info:not([class*='space-']) + .contact-teaser,
.page-s3 .footer-legally:not([class*='space-']) + .contact-teaser,
.page-s3 .page-s3:not([class*='space-']) + .hintbox-wrapper,
.page-s3 .footer-banner:not([class*='space-']) + .hintbox-wrapper,
.page-s3 .footer-info:not([class*='space-']) + .hintbox-wrapper,
.page-s3 .footer-legally:not([class*='space-']) + .hintbox-wrapper,
.page-s3 .page-s3:not([class*='space-']) + .text-image,
.page-s3 .footer-banner:not([class*='space-']) + .text-image,
.page-s3 .footer-info:not([class*='space-']) + .text-image,
.page-s3 .footer-legally:not([class*='space-']) + .text-image,
.page-s3 .text-image[class*='bg-'] .page-s3:not([class*='space-']) + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .page-s3:not([class*='space-']) + .text-image-wrapper,
.page-s3 .text-image[class*='bg-'] .footer-banner:not([class*='space-']) + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .footer-banner:not([class*='space-']) + .text-image-wrapper,
.page-s3 .text-image[class*='bg-'] .footer-info:not([class*='space-']) + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .footer-info:not([class*='space-']) + .text-image-wrapper,
.page-s3 .text-image[class*='bg-'] .footer-legally:not([class*='space-']) + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .footer-legally:not([class*='space-']) + .text-image-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .page-s3:not([class*='space-']) + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .page-s3:not([class*='space-']) + .scrollbar-navigation-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .footer-banner:not([class*='space-']) + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .footer-banner:not([class*='space-']) + .scrollbar-navigation-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .footer-info:not([class*='space-']) + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .footer-info:not([class*='space-']) + .scrollbar-navigation-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .footer-legally:not([class*='space-']) + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .footer-legally:not([class*='space-']) + .scrollbar-navigation-wrapper,
.page-s3 .fullwidth:not([class*='space-']) + .fullwidth,
.page-s3 .contact-teaser:not([class*='space-']) + .fullwidth,
.page-s3 .hintbox-wrapper:not([class*='space-']) + .fullwidth,
.page-s3 .text-image:not([class*='space-']) + .fullwidth,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper:not([class*='space-']) + .fullwidth,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper:not([class*='space-']) + .fullwidth,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper:not([class*='space-']) + .fullwidth,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper:not([class*='space-']) + .fullwidth,
.page-s3 .fullwidth:not([class*='space-']) + .contact-teaser,
.page-s3 .contact-teaser:not([class*='space-']) + .contact-teaser,
.page-s3 .hintbox-wrapper:not([class*='space-']) + .contact-teaser,
.page-s3 .text-image:not([class*='space-']) + .contact-teaser,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper:not([class*='space-']) + .contact-teaser,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper:not([class*='space-']) + .contact-teaser,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper:not([class*='space-']) + .contact-teaser,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper:not([class*='space-']) + .contact-teaser,
.page-s3 .fullwidth:not([class*='space-']) + .hintbox-wrapper,
.page-s3 .contact-teaser:not([class*='space-']) + .hintbox-wrapper,
.page-s3 .hintbox-wrapper:not([class*='space-']) + .hintbox-wrapper,
.page-s3 .text-image:not([class*='space-']) + .hintbox-wrapper,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper:not([class*='space-']) + .hintbox-wrapper,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper:not([class*='space-']) + .hintbox-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper:not([class*='space-']) + .hintbox-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper:not([class*='space-']) + .hintbox-wrapper,
.page-s3 .fullwidth:not([class*='space-']) + .text-image,
.page-s3 .contact-teaser:not([class*='space-']) + .text-image,
.page-s3 .hintbox-wrapper:not([class*='space-']) + .text-image,
.page-s3 .text-image:not([class*='space-']) + .text-image,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper:not([class*='space-']) + .text-image,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper:not([class*='space-']) + .text-image,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper:not([class*='space-']) + .text-image,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper:not([class*='space-']) + .text-image,
.page-s3 .text-image[class*='bg-'] .fullwidth:not([class*='space-']) + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .fullwidth:not([class*='space-']) + .text-image-wrapper,
.page-s3 .text-image[class*='bg-'] .contact-teaser:not([class*='space-']) + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .contact-teaser:not([class*='space-']) + .text-image-wrapper,
.page-s3 .text-image[class*='bg-'] .hintbox-wrapper:not([class*='space-']) + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .hintbox-wrapper:not([class*='space-']) + .text-image-wrapper,
.page-s3 .text-image[class*='bg-'] .text-image:not([class*='space-']) + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .text-image:not([class*='space-']) + .text-image-wrapper,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper:not([class*='space-']) + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper:not([class*='space-']) + .text-image-wrapper,
.page-s3
  .scrollbar.sticky-nav.nav-in-view
  .text-image[class*='bg-']
  .scrollbar-navigation-wrapper:not([class*='space-'])
  + .text-image-wrapper,
.text-image[class*='bg-']
  .page-s3
  .scrollbar.sticky-nav.nav-in-view
  .scrollbar-navigation-wrapper:not([class*='space-'])
  + .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .page-s3
  .text-image[class*='bg-']
  .scrollbar-navigation-wrapper:not([class*='space-'])
  + .text-image-wrapper,
.text-image[class*='bg-']
  .scrollbar.sticky-nav.nav-in-view
  .page-s3
  .scrollbar-navigation-wrapper:not([class*='space-'])
  + .text-image-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .fullwidth:not([class*='space-']) + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .fullwidth:not([class*='space-']) + .scrollbar-navigation-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .contact-teaser:not([class*='space-']) + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .contact-teaser:not([class*='space-']) + .scrollbar-navigation-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .hintbox-wrapper:not([class*='space-']) + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .hintbox-wrapper:not([class*='space-']) + .scrollbar-navigation-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .text-image:not([class*='space-']) + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .text-image:not([class*='space-']) + .scrollbar-navigation-wrapper,
.page-s3
  .text-image[class*='bg-']
  .scrollbar.sticky-nav.nav-in-view
  .text-image-wrapper:not([class*='space-'])
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .page-s3
  .text-image[class*='bg-']
  .text-image-wrapper:not([class*='space-'])
  + .scrollbar-navigation-wrapper,
.text-image[class*='bg-']
  .page-s3
  .scrollbar.sticky-nav.nav-in-view
  .text-image-wrapper:not([class*='space-'])
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .text-image[class*='bg-']
  .page-s3
  .text-image-wrapper:not([class*='space-'])
  + .scrollbar-navigation-wrapper,
.page-s3
  .scrollbar.sticky-nav.nav-in-view
  .scrollbar-navigation-wrapper:not([class*='space-'])
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .page-s3
  .scrollbar-navigation-wrapper:not([class*='space-'])
  + .scrollbar-navigation-wrapper,
.page-s3 .page-s3:not([class*='space-']) + .overflow,
.page-s3 .footer-banner:not([class*='space-']) + .overflow,
.page-s3 .footer-info:not([class*='space-']) + .overflow,
.page-s3 .footer-legally:not([class*='space-']) + .overflow,
.page-s3 .page-s3:not([class*='space-']) + .hintbox,
.page-s3 .footer-banner:not([class*='space-']) + .hintbox,
.page-s3 .footer-info:not([class*='space-']) + .hintbox,
.page-s3 .footer-legally:not([class*='space-']) + .hintbox,
.page-s3 .page-s3:not([class*='space-']) + .text-image[class*='bg-'],
.page-s3 .footer-banner:not([class*='space-']) + .text-image[class*='bg-'],
.page-s3 .footer-info:not([class*='space-']) + .text-image[class*='bg-'],
.page-s3 .footer-legally:not([class*='space-']) + .text-image[class*='bg-'],
.page-s3 .fullwidth:not([class*='space-']) + .overflow,
.page-s3 .contact-teaser:not([class*='space-']) + .overflow,
.page-s3 .hintbox-wrapper:not([class*='space-']) + .overflow,
.page-s3 .text-image:not([class*='space-']) + .overflow,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper:not([class*='space-']) + .overflow,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper:not([class*='space-']) + .overflow,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper:not([class*='space-']) + .overflow,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper:not([class*='space-']) + .overflow,
.page-s3 .fullwidth:not([class*='space-']) + .hintbox,
.page-s3 .contact-teaser:not([class*='space-']) + .hintbox,
.page-s3 .hintbox-wrapper:not([class*='space-']) + .hintbox,
.page-s3 .text-image:not([class*='space-']) + .hintbox,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper:not([class*='space-']) + .hintbox,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper:not([class*='space-']) + .hintbox,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper:not([class*='space-']) + .hintbox,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper:not([class*='space-']) + .hintbox,
.page-s3 .fullwidth:not([class*='space-']) + .text-image[class*='bg-'],
.page-s3 .contact-teaser:not([class*='space-']) + .text-image[class*='bg-'],
.page-s3 .hintbox-wrapper:not([class*='space-']) + .text-image[class*='bg-'],
.page-s3 .text-image:not([class*='space-']) + .text-image[class*='bg-'],
.page-s3 .text-image[class*='bg-'] .text-image-wrapper:not([class*='space-']) + .text-image[class*='bg-'],
.text-image[class*='bg-'] .page-s3 .text-image-wrapper:not([class*='space-']) + .text-image[class*='bg-'],
.page-s3
  .scrollbar.sticky-nav.nav-in-view
  .scrollbar-navigation-wrapper:not([class*='space-'])
  + .text-image[class*='bg-'],
.scrollbar.sticky-nav.nav-in-view
  .page-s3
  .scrollbar-navigation-wrapper:not([class*='space-'])
  + .text-image[class*='bg-'],
.page-s3 .overflow:not([class*='space-']) + .page-s3,
.page-s3 .hintbox:not([class*='space-']) + .page-s3,
.page-s3 .text-image[class*='bg-']:not([class*='space-']) + .page-s3,
.page-s3 .overflow:not([class*='space-']) + .footer-banner,
.page-s3 .hintbox:not([class*='space-']) + .footer-banner,
.page-s3 .text-image[class*='bg-']:not([class*='space-']) + .footer-banner,
.page-s3 .overflow:not([class*='space-']) + .footer-info,
.page-s3 .hintbox:not([class*='space-']) + .footer-info,
.page-s3 .text-image[class*='bg-']:not([class*='space-']) + .footer-info,
.page-s3 .overflow:not([class*='space-']) + .footer-legally,
.page-s3 .hintbox:not([class*='space-']) + .footer-legally,
.page-s3 .text-image[class*='bg-']:not([class*='space-']) + .footer-legally,
.page-s3 .overflow:not([class*='space-']) + .fullwidth,
.page-s3 .hintbox:not([class*='space-']) + .fullwidth,
.page-s3 .text-image[class*='bg-']:not([class*='space-']) + .fullwidth,
.page-s3 .overflow:not([class*='space-']) + .contact-teaser,
.page-s3 .hintbox:not([class*='space-']) + .contact-teaser,
.page-s3 .text-image[class*='bg-']:not([class*='space-']) + .contact-teaser,
.page-s3 .overflow:not([class*='space-']) + .hintbox-wrapper,
.page-s3 .hintbox:not([class*='space-']) + .hintbox-wrapper,
.page-s3 .text-image[class*='bg-']:not([class*='space-']) + .hintbox-wrapper,
.page-s3 .overflow:not([class*='space-']) + .text-image,
.page-s3 .hintbox:not([class*='space-']) + .text-image,
.page-s3 .text-image[class*='bg-']:not([class*='space-']) + .text-image,
.page-s3 .text-image[class*='bg-'] .overflow:not([class*='space-']) + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .overflow:not([class*='space-']) + .text-image-wrapper,
.page-s3 .text-image[class*='bg-'] .hintbox:not([class*='space-']) + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .hintbox:not([class*='space-']) + .text-image-wrapper,
.page-s3 .text-image[class*='bg-'] .text-image[class*='bg-']:not([class*='space-']) + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .text-image[class*='bg-']:not([class*='space-']) + .text-image-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .overflow:not([class*='space-']) + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .overflow:not([class*='space-']) + .scrollbar-navigation-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .hintbox:not([class*='space-']) + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .hintbox:not([class*='space-']) + .scrollbar-navigation-wrapper,
.page-s3
  .scrollbar.sticky-nav.nav-in-view
  .text-image[class*='bg-']:not([class*='space-'])
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .page-s3
  .text-image[class*='bg-']:not([class*='space-'])
  + .scrollbar-navigation-wrapper,
.page-s3 .overflow:not([class*='space-']) + .overflow,
.page-s3 .hintbox:not([class*='space-']) + .overflow,
.page-s3 .text-image[class*='bg-']:not([class*='space-']) + .overflow,
.page-s3 .overflow:not([class*='space-']) + .hintbox,
.page-s3 .hintbox:not([class*='space-']) + .hintbox,
.page-s3 .text-image[class*='bg-']:not([class*='space-']) + .hintbox,
.page-s3 .overflow:not([class*='space-']) + .text-image[class*='bg-'],
.page-s3 .hintbox:not([class*='space-']) + .text-image[class*='bg-'],
.page-s3 .text-image[class*='bg-']:not([class*='space-']) + .text-image[class*='bg-'] {
  margin-top: 6rem;
  margin-top: var(--component-gap-big);
}

.page-s3 [class*='bg-'].page-s3,
.page-s3 [class*='bg-'].footer-banner,
.page-s3 [class*='bg-'].footer-info,
.page-s3 [class*='bg-'].footer-legally,
.page-s3 [class*='bg-'].fullwidth,
.page-s3 [class*='bg-'].contact-teaser,
.page-s3 [class*='bg-'].hintbox-wrapper,
.page-s3 [class*='bg-'].text-image,
.page-s3 .text-image[class*='bg-'] [class*='bg-'].text-image-wrapper,
.text-image[class*='bg-'] .page-s3 [class*='bg-'].text-image-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view [class*='bg-'].scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 [class*='bg-'].scrollbar-navigation-wrapper,
.page-s3 [class*='bg-'].overflow,
.page-s3 [class*='bg-'].hintbox {
  padding-left: 5.625vw;
  padding-left: var(--overflow-px);
  padding-right: 5.625vw;
  padding-right: var(--overflow-px);
}

@media (min-width: 960px) {
  .page-s3 [class*='bg-'].page-s3,
  .page-s3 [class*='bg-'].footer-banner,
  .page-s3 [class*='bg-'].footer-info,
  .page-s3 [class*='bg-'].footer-legally,
  .page-s3 [class*='bg-'].fullwidth,
  .page-s3 [class*='bg-'].contact-teaser,
  .page-s3 [class*='bg-'].hintbox-wrapper,
  .page-s3 [class*='bg-'].text-image,
  .page-s3 .text-image[class*='bg-'] [class*='bg-'].text-image-wrapper,
  .text-image[class*='bg-'] .page-s3 [class*='bg-'].text-image-wrapper,
  .page-s3 .scrollbar.sticky-nav.nav-in-view [class*='bg-'].scrollbar-navigation-wrapper,
  .scrollbar.sticky-nav.nav-in-view .page-s3 [class*='bg-'].scrollbar-navigation-wrapper,
  .page-s3 [class*='bg-'].overflow,
  .page-s3 [class*='bg-'].hintbox {
    margin-left: 0;
    margin-right: 0;
  }
}

.page-s3 .page-s3 .page-s3,
.page-s3 .footer-banner .page-s3,
.page-s3 .footer-info .page-s3,
.page-s3 .footer-legally .page-s3,
.page-s3 .page-s3 .footer-banner,
.page-s3 .footer-banner .footer-banner,
.page-s3 .footer-info .footer-banner,
.page-s3 .footer-legally .footer-banner,
.page-s3 .page-s3 .footer-info,
.page-s3 .footer-banner .footer-info,
.page-s3 .footer-info .footer-info,
.page-s3 .footer-legally .footer-info,
.page-s3 .page-s3 .footer-legally,
.page-s3 .footer-banner .footer-legally,
.page-s3 .footer-info .footer-legally,
.page-s3 .footer-legally .footer-legally,
.page-s3 .fullwidth .page-s3,
.page-s3 .contact-teaser .page-s3,
.page-s3 .hintbox-wrapper .page-s3,
.page-s3 .text-image .page-s3,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper .page-s3,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper .page-s3,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .page-s3,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper .page-s3,
.page-s3 .fullwidth .footer-banner,
.page-s3 .contact-teaser .footer-banner,
.page-s3 .hintbox-wrapper .footer-banner,
.page-s3 .text-image .footer-banner,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper .footer-banner,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper .footer-banner,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .footer-banner,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper .footer-banner,
.page-s3 .fullwidth .footer-info,
.page-s3 .contact-teaser .footer-info,
.page-s3 .hintbox-wrapper .footer-info,
.page-s3 .text-image .footer-info,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper .footer-info,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper .footer-info,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .footer-info,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper .footer-info,
.page-s3 .fullwidth .footer-legally,
.page-s3 .contact-teaser .footer-legally,
.page-s3 .hintbox-wrapper .footer-legally,
.page-s3 .text-image .footer-legally,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper .footer-legally,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper .footer-legally,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .footer-legally,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper .footer-legally,
.page-s3 .page-s3 .fullwidth,
.page-s3 .footer-banner .fullwidth,
.page-s3 .footer-info .fullwidth,
.page-s3 .footer-legally .fullwidth,
.page-s3 .page-s3 .contact-teaser,
.page-s3 .footer-banner .contact-teaser,
.page-s3 .footer-info .contact-teaser,
.page-s3 .footer-legally .contact-teaser,
.page-s3 .page-s3 .hintbox-wrapper,
.page-s3 .footer-banner .hintbox-wrapper,
.page-s3 .footer-info .hintbox-wrapper,
.page-s3 .footer-legally .hintbox-wrapper,
.page-s3 .page-s3 .text-image,
.page-s3 .footer-banner .text-image,
.page-s3 .footer-info .text-image,
.page-s3 .footer-legally .text-image,
.page-s3 .page-s3 .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .page-s3 .text-image-wrapper,
.page-s3 .footer-banner .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .footer-banner .text-image-wrapper,
.page-s3 .footer-info .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .footer-info .text-image-wrapper,
.page-s3 .footer-legally .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .footer-legally .text-image-wrapper,
.page-s3 .page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .page-s3 .scrollbar-navigation-wrapper,
.page-s3 .footer-banner .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .footer-banner .scrollbar-navigation-wrapper,
.page-s3 .footer-info .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .footer-info .scrollbar-navigation-wrapper,
.page-s3 .footer-legally .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .footer-legally .scrollbar-navigation-wrapper,
.page-s3 .fullwidth .fullwidth,
.page-s3 .contact-teaser .fullwidth,
.page-s3 .hintbox-wrapper .fullwidth,
.page-s3 .text-image .fullwidth,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper .fullwidth,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper .fullwidth,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .fullwidth,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper .fullwidth,
.page-s3 .fullwidth .contact-teaser,
.page-s3 .contact-teaser .contact-teaser,
.page-s3 .hintbox-wrapper .contact-teaser,
.page-s3 .text-image .contact-teaser,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper .contact-teaser,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper .contact-teaser,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .contact-teaser,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper .contact-teaser,
.page-s3 .fullwidth .hintbox-wrapper,
.page-s3 .contact-teaser .hintbox-wrapper,
.page-s3 .hintbox-wrapper .hintbox-wrapper,
.page-s3 .text-image .hintbox-wrapper,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper .hintbox-wrapper,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper .hintbox-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .hintbox-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper .hintbox-wrapper,
.page-s3 .fullwidth .text-image,
.page-s3 .contact-teaser .text-image,
.page-s3 .hintbox-wrapper .text-image,
.page-s3 .text-image .text-image,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper .text-image,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper .text-image,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .text-image,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper .text-image,
.page-s3 .fullwidth .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .fullwidth .text-image-wrapper,
.page-s3 .contact-teaser .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .contact-teaser .text-image-wrapper,
.page-s3 .hintbox-wrapper .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .hintbox-wrapper .text-image-wrapper,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper .text-image-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper .text-image-wrapper,
.page-s3 .fullwidth .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .fullwidth .scrollbar-navigation-wrapper,
.page-s3 .contact-teaser .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .contact-teaser .scrollbar-navigation-wrapper,
.page-s3 .hintbox-wrapper .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .hintbox-wrapper .scrollbar-navigation-wrapper,
.page-s3 .text-image .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .text-image .scrollbar-navigation-wrapper,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .text-image[class*='bg-'] .text-image-wrapper .scrollbar-navigation-wrapper,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .text-image[class*='bg-'] .page-s3 .text-image-wrapper .scrollbar-navigation-wrapper,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper .scrollbar-navigation-wrapper,
.page-s3 .page-s3 .overflow,
.page-s3 .footer-banner .overflow,
.page-s3 .footer-info .overflow,
.page-s3 .footer-legally .overflow,
.page-s3 .page-s3 .hintbox,
.page-s3 .footer-banner .hintbox,
.page-s3 .footer-info .hintbox,
.page-s3 .footer-legally .hintbox,
.page-s3 .page-s3 .text-image[class*='bg-'],
.page-s3 .footer-banner .text-image[class*='bg-'],
.page-s3 .footer-info .text-image[class*='bg-'],
.page-s3 .footer-legally .text-image[class*='bg-'],
.page-s3 .fullwidth .overflow,
.page-s3 .contact-teaser .overflow,
.page-s3 .hintbox-wrapper .overflow,
.page-s3 .text-image .overflow,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper .overflow,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper .overflow,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .overflow,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper .overflow,
.page-s3 .fullwidth .hintbox,
.page-s3 .contact-teaser .hintbox,
.page-s3 .hintbox-wrapper .hintbox,
.page-s3 .text-image .hintbox,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper .hintbox,
.text-image[class*='bg-'] .page-s3 .text-image-wrapper .hintbox,
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .hintbox,
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper .hintbox,
.page-s3 .fullwidth .text-image[class*='bg-'],
.page-s3 .contact-teaser .text-image[class*='bg-'],
.page-s3 .hintbox-wrapper .text-image[class*='bg-'],
.page-s3 .text-image .text-image[class*='bg-'],
.page-s3 .text-image[class*='bg-'] .text-image-wrapper .text-image[class*='bg-'],
.text-image[class*='bg-'] .page-s3 .text-image-wrapper .text-image[class*='bg-'],
.page-s3 .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper .text-image[class*='bg-'],
.scrollbar.sticky-nav.nav-in-view .page-s3 .scrollbar-navigation-wrapper .text-image[class*='bg-'],
.page-s3 .overflow .page-s3,
.page-s3 .hintbox .page-s3,
.page-s3 .text-image[class*='bg-'] .page-s3,
.page-s3 .overflow .footer-banner,
.page-s3 .hintbox .footer-banner,
.page-s3 .text-image[class*='bg-'] .footer-banner,
.page-s3 .overflow .footer-info,
.page-s3 .hintbox .footer-info,
.page-s3 .text-image[class*='bg-'] .footer-info,
.page-s3 .overflow .footer-legally,
.page-s3 .hintbox .footer-legally,
.page-s3 .text-image[class*='bg-'] .footer-legally,
.page-s3 .overflow .fullwidth,
.page-s3 .hintbox .fullwidth,
.page-s3 .text-image[class*='bg-'] .fullwidth,
.page-s3 .overflow .contact-teaser,
.page-s3 .hintbox .contact-teaser,
.page-s3 .text-image[class*='bg-'] .contact-teaser,
.page-s3 .overflow .hintbox-wrapper,
.page-s3 .hintbox .hintbox-wrapper,
.page-s3 .text-image[class*='bg-'] .hintbox-wrapper,
.page-s3 .overflow .text-image,
.page-s3 .hintbox .text-image,
.page-s3 .text-image[class*='bg-'] .text-image,
.page-s3 .overflow .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .overflow .text-image-wrapper,
.page-s3 .hintbox .text-image[class*='bg-'] .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .hintbox .text-image-wrapper,
.page-s3 .text-image[class*='bg-'] .text-image-wrapper,
.page-s3 .overflow .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .overflow .scrollbar-navigation-wrapper,
.page-s3 .hintbox .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .hintbox .scrollbar-navigation-wrapper,
.page-s3 .text-image[class*='bg-'] .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .text-image[class*='bg-'] .scrollbar-navigation-wrapper,
.page-s3 .overflow .overflow,
.page-s3 .hintbox .overflow,
.page-s3 .text-image[class*='bg-'] .overflow,
.page-s3 .overflow .hintbox,
.page-s3 .hintbox .hintbox,
.page-s3 .text-image[class*='bg-'] .hintbox,
.page-s3 .overflow .text-image[class*='bg-'],
.page-s3 .hintbox .text-image[class*='bg-'],
.page-s3 .text-image[class*='bg-'] .text-image[class*='bg-'] {
  margin-left: 0;
  margin-right: 0;
}

.page-s3 .marginal-column .page-s3 + .page-s3,
.page-s3 .marginal-column .footer-banner + .page-s3,
.page-s3 .marginal-column .footer-info + .page-s3,
.page-s3 .marginal-column .footer-legally + .page-s3,
.page-s3 .marginal-column .page-s3 + .footer-banner,
.page-s3 .marginal-column .footer-banner + .footer-banner,
.page-s3 .marginal-column .footer-info + .footer-banner,
.page-s3 .marginal-column .footer-legally + .footer-banner,
.page-s3 .marginal-column .page-s3 + .footer-info,
.page-s3 .marginal-column .footer-banner + .footer-info,
.page-s3 .marginal-column .footer-info + .footer-info,
.page-s3 .marginal-column .footer-legally + .footer-info,
.page-s3 .marginal-column .page-s3 + .footer-legally,
.page-s3 .marginal-column .footer-banner + .footer-legally,
.page-s3 .marginal-column .footer-info + .footer-legally,
.page-s3 .marginal-column .footer-legally + .footer-legally,
.page-s3 .marginal-column .fullwidth + .page-s3,
.page-s3 .marginal-column .contact-teaser + .page-s3,
.page-s3 .marginal-column .hintbox-wrapper + .page-s3,
.page-s3 .marginal-column .text-image + .page-s3,
.page-s3 .marginal-column .text-image[class*='bg-'] .text-image-wrapper + .page-s3,
.text-image[class*='bg-'] .page-s3 .marginal-column .text-image-wrapper + .page-s3,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .page-s3,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .scrollbar-navigation-wrapper + .page-s3,
.page-s3 .marginal-column .fullwidth + .footer-banner,
.page-s3 .marginal-column .contact-teaser + .footer-banner,
.page-s3 .marginal-column .hintbox-wrapper + .footer-banner,
.page-s3 .marginal-column .text-image + .footer-banner,
.page-s3 .marginal-column .text-image[class*='bg-'] .text-image-wrapper + .footer-banner,
.text-image[class*='bg-'] .page-s3 .marginal-column .text-image-wrapper + .footer-banner,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .footer-banner,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .scrollbar-navigation-wrapper + .footer-banner,
.page-s3 .marginal-column .fullwidth + .footer-info,
.page-s3 .marginal-column .contact-teaser + .footer-info,
.page-s3 .marginal-column .hintbox-wrapper + .footer-info,
.page-s3 .marginal-column .text-image + .footer-info,
.page-s3 .marginal-column .text-image[class*='bg-'] .text-image-wrapper + .footer-info,
.text-image[class*='bg-'] .page-s3 .marginal-column .text-image-wrapper + .footer-info,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .footer-info,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .scrollbar-navigation-wrapper + .footer-info,
.page-s3 .marginal-column .fullwidth + .footer-legally,
.page-s3 .marginal-column .contact-teaser + .footer-legally,
.page-s3 .marginal-column .hintbox-wrapper + .footer-legally,
.page-s3 .marginal-column .text-image + .footer-legally,
.page-s3 .marginal-column .text-image[class*='bg-'] .text-image-wrapper + .footer-legally,
.text-image[class*='bg-'] .page-s3 .marginal-column .text-image-wrapper + .footer-legally,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .footer-legally,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .scrollbar-navigation-wrapper + .footer-legally,
.page-s3 .marginal-column .page-s3 + .fullwidth,
.page-s3 .marginal-column .footer-banner + .fullwidth,
.page-s3 .marginal-column .footer-info + .fullwidth,
.page-s3 .marginal-column .footer-legally + .fullwidth,
.page-s3 .marginal-column .page-s3 + .contact-teaser,
.page-s3 .marginal-column .footer-banner + .contact-teaser,
.page-s3 .marginal-column .footer-info + .contact-teaser,
.page-s3 .marginal-column .footer-legally + .contact-teaser,
.page-s3 .marginal-column .page-s3 + .hintbox-wrapper,
.page-s3 .marginal-column .footer-banner + .hintbox-wrapper,
.page-s3 .marginal-column .footer-info + .hintbox-wrapper,
.page-s3 .marginal-column .footer-legally + .hintbox-wrapper,
.page-s3 .marginal-column .page-s3 + .text-image,
.page-s3 .marginal-column .footer-banner + .text-image,
.page-s3 .marginal-column .footer-info + .text-image,
.page-s3 .marginal-column .footer-legally + .text-image,
.page-s3 .marginal-column .text-image[class*='bg-'] .page-s3 + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .marginal-column .page-s3 + .text-image-wrapper,
.page-s3 .marginal-column .text-image[class*='bg-'] .footer-banner + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .marginal-column .footer-banner + .text-image-wrapper,
.page-s3 .marginal-column .text-image[class*='bg-'] .footer-info + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .marginal-column .footer-info + .text-image-wrapper,
.page-s3 .marginal-column .text-image[class*='bg-'] .footer-legally + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .marginal-column .footer-legally + .text-image-wrapper,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .page-s3 + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .page-s3 + .scrollbar-navigation-wrapper,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .footer-banner + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .footer-banner + .scrollbar-navigation-wrapper,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .footer-info + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .footer-info + .scrollbar-navigation-wrapper,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .footer-legally + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .footer-legally + .scrollbar-navigation-wrapper,
.page-s3 .marginal-column .fullwidth + .fullwidth,
.page-s3 .marginal-column .contact-teaser + .fullwidth,
.page-s3 .marginal-column .hintbox-wrapper + .fullwidth,
.page-s3 .marginal-column .text-image + .fullwidth,
.page-s3 .marginal-column .text-image[class*='bg-'] .text-image-wrapper + .fullwidth,
.text-image[class*='bg-'] .page-s3 .marginal-column .text-image-wrapper + .fullwidth,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .fullwidth,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .scrollbar-navigation-wrapper + .fullwidth,
.page-s3 .marginal-column .fullwidth + .contact-teaser,
.page-s3 .marginal-column .contact-teaser + .contact-teaser,
.page-s3 .marginal-column .hintbox-wrapper + .contact-teaser,
.page-s3 .marginal-column .text-image + .contact-teaser,
.page-s3 .marginal-column .text-image[class*='bg-'] .text-image-wrapper + .contact-teaser,
.text-image[class*='bg-'] .page-s3 .marginal-column .text-image-wrapper + .contact-teaser,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .contact-teaser,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .scrollbar-navigation-wrapper + .contact-teaser,
.page-s3 .marginal-column .fullwidth + .hintbox-wrapper,
.page-s3 .marginal-column .contact-teaser + .hintbox-wrapper,
.page-s3 .marginal-column .hintbox-wrapper + .hintbox-wrapper,
.page-s3 .marginal-column .text-image + .hintbox-wrapper,
.page-s3 .marginal-column .text-image[class*='bg-'] .text-image-wrapper + .hintbox-wrapper,
.text-image[class*='bg-'] .page-s3 .marginal-column .text-image-wrapper + .hintbox-wrapper,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .hintbox-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .scrollbar-navigation-wrapper + .hintbox-wrapper,
.page-s3 .marginal-column .fullwidth + .text-image,
.page-s3 .marginal-column .contact-teaser + .text-image,
.page-s3 .marginal-column .hintbox-wrapper + .text-image,
.page-s3 .marginal-column .text-image + .text-image,
.page-s3 .marginal-column .text-image[class*='bg-'] .text-image-wrapper + .text-image,
.text-image[class*='bg-'] .page-s3 .marginal-column .text-image-wrapper + .text-image,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .text-image,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .scrollbar-navigation-wrapper + .text-image,
.page-s3 .marginal-column .text-image[class*='bg-'] .fullwidth + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .marginal-column .fullwidth + .text-image-wrapper,
.page-s3 .marginal-column .text-image[class*='bg-'] .contact-teaser + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .marginal-column .contact-teaser + .text-image-wrapper,
.page-s3 .marginal-column .text-image[class*='bg-'] .hintbox-wrapper + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .marginal-column .hintbox-wrapper + .text-image-wrapper,
.page-s3 .marginal-column .text-image[class*='bg-'] .text-image + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .marginal-column .text-image + .text-image-wrapper,
.page-s3 .marginal-column .text-image[class*='bg-'] .text-image-wrapper + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .marginal-column .text-image-wrapper + .text-image-wrapper,
.page-s3
  .marginal-column
  .scrollbar.sticky-nav.nav-in-view
  .text-image[class*='bg-']
  .scrollbar-navigation-wrapper
  + .text-image-wrapper,
.text-image[class*='bg-']
  .page-s3
  .marginal-column
  .scrollbar.sticky-nav.nav-in-view
  .scrollbar-navigation-wrapper
  + .text-image-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .page-s3
  .marginal-column
  .text-image[class*='bg-']
  .scrollbar-navigation-wrapper
  + .text-image-wrapper,
.text-image[class*='bg-']
  .scrollbar.sticky-nav.nav-in-view
  .page-s3
  .marginal-column
  .scrollbar-navigation-wrapper
  + .text-image-wrapper,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .fullwidth + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .fullwidth + .scrollbar-navigation-wrapper,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .contact-teaser + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .contact-teaser + .scrollbar-navigation-wrapper,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .hintbox-wrapper + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .hintbox-wrapper + .scrollbar-navigation-wrapper,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .text-image + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .text-image + .scrollbar-navigation-wrapper,
.page-s3
  .marginal-column
  .text-image[class*='bg-']
  .scrollbar.sticky-nav.nav-in-view
  .text-image-wrapper
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .page-s3
  .marginal-column
  .text-image[class*='bg-']
  .text-image-wrapper
  + .scrollbar-navigation-wrapper,
.text-image[class*='bg-']
  .page-s3
  .marginal-column
  .scrollbar.sticky-nav.nav-in-view
  .text-image-wrapper
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .text-image[class*='bg-']
  .page-s3
  .marginal-column
  .text-image-wrapper
  + .scrollbar-navigation-wrapper,
.page-s3
  .marginal-column
  .scrollbar.sticky-nav.nav-in-view
  .scrollbar-navigation-wrapper
  + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view
  .page-s3
  .marginal-column
  .scrollbar-navigation-wrapper
  + .scrollbar-navigation-wrapper,
.page-s3 .marginal-column .page-s3 + .overflow,
.page-s3 .marginal-column .footer-banner + .overflow,
.page-s3 .marginal-column .footer-info + .overflow,
.page-s3 .marginal-column .footer-legally + .overflow,
.page-s3 .marginal-column .page-s3 + .hintbox,
.page-s3 .marginal-column .footer-banner + .hintbox,
.page-s3 .marginal-column .footer-info + .hintbox,
.page-s3 .marginal-column .footer-legally + .hintbox,
.page-s3 .marginal-column .page-s3 + .text-image[class*='bg-'],
.page-s3 .marginal-column .footer-banner + .text-image[class*='bg-'],
.page-s3 .marginal-column .footer-info + .text-image[class*='bg-'],
.page-s3 .marginal-column .footer-legally + .text-image[class*='bg-'],
.page-s3 .marginal-column .fullwidth + .overflow,
.page-s3 .marginal-column .contact-teaser + .overflow,
.page-s3 .marginal-column .hintbox-wrapper + .overflow,
.page-s3 .marginal-column .text-image + .overflow,
.page-s3 .marginal-column .text-image[class*='bg-'] .text-image-wrapper + .overflow,
.text-image[class*='bg-'] .page-s3 .marginal-column .text-image-wrapper + .overflow,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .overflow,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .scrollbar-navigation-wrapper + .overflow,
.page-s3 .marginal-column .fullwidth + .hintbox,
.page-s3 .marginal-column .contact-teaser + .hintbox,
.page-s3 .marginal-column .hintbox-wrapper + .hintbox,
.page-s3 .marginal-column .text-image + .hintbox,
.page-s3 .marginal-column .text-image[class*='bg-'] .text-image-wrapper + .hintbox,
.text-image[class*='bg-'] .page-s3 .marginal-column .text-image-wrapper + .hintbox,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .hintbox,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .scrollbar-navigation-wrapper + .hintbox,
.page-s3 .marginal-column .fullwidth + .text-image[class*='bg-'],
.page-s3 .marginal-column .contact-teaser + .text-image[class*='bg-'],
.page-s3 .marginal-column .hintbox-wrapper + .text-image[class*='bg-'],
.page-s3 .marginal-column .text-image + .text-image[class*='bg-'],
.page-s3 .marginal-column .text-image[class*='bg-'] .text-image-wrapper + .text-image[class*='bg-'],
.text-image[class*='bg-'] .page-s3 .marginal-column .text-image-wrapper + .text-image[class*='bg-'],
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper + .text-image[class*='bg-'],
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .scrollbar-navigation-wrapper + .text-image[class*='bg-'],
.page-s3 .marginal-column .overflow + .page-s3,
.page-s3 .marginal-column .hintbox + .page-s3,
.page-s3 .marginal-column .text-image[class*='bg-'] + .page-s3,
.page-s3 .marginal-column .overflow + .footer-banner,
.page-s3 .marginal-column .hintbox + .footer-banner,
.page-s3 .marginal-column .text-image[class*='bg-'] + .footer-banner,
.page-s3 .marginal-column .overflow + .footer-info,
.page-s3 .marginal-column .hintbox + .footer-info,
.page-s3 .marginal-column .text-image[class*='bg-'] + .footer-info,
.page-s3 .marginal-column .overflow + .footer-legally,
.page-s3 .marginal-column .hintbox + .footer-legally,
.page-s3 .marginal-column .text-image[class*='bg-'] + .footer-legally,
.page-s3 .marginal-column .overflow + .fullwidth,
.page-s3 .marginal-column .hintbox + .fullwidth,
.page-s3 .marginal-column .text-image[class*='bg-'] + .fullwidth,
.page-s3 .marginal-column .overflow + .contact-teaser,
.page-s3 .marginal-column .hintbox + .contact-teaser,
.page-s3 .marginal-column .text-image[class*='bg-'] + .contact-teaser,
.page-s3 .marginal-column .overflow + .hintbox-wrapper,
.page-s3 .marginal-column .hintbox + .hintbox-wrapper,
.page-s3 .marginal-column .text-image[class*='bg-'] + .hintbox-wrapper,
.page-s3 .marginal-column .overflow + .text-image,
.page-s3 .marginal-column .hintbox + .text-image,
.page-s3 .marginal-column .text-image[class*='bg-'] + .text-image,
.page-s3 .marginal-column .text-image[class*='bg-'] .overflow + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .marginal-column .overflow + .text-image-wrapper,
.page-s3 .marginal-column .text-image[class*='bg-'] .hintbox + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .marginal-column .hintbox + .text-image-wrapper,
.page-s3 .marginal-column .text-image[class*='bg-'] .text-image[class*='bg-'] + .text-image-wrapper,
.text-image[class*='bg-'] .page-s3 .marginal-column .text-image[class*='bg-'] + .text-image-wrapper,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .overflow + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .overflow + .scrollbar-navigation-wrapper,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .hintbox + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .hintbox + .scrollbar-navigation-wrapper,
.page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view .text-image[class*='bg-'] + .scrollbar-navigation-wrapper,
.scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column .text-image[class*='bg-'] + .scrollbar-navigation-wrapper,
.page-s3 .marginal-column .overflow + .overflow,
.page-s3 .marginal-column .hintbox + .overflow,
.page-s3 .marginal-column .text-image[class*='bg-'] + .overflow,
.page-s3 .marginal-column .overflow + .hintbox,
.page-s3 .marginal-column .hintbox + .hintbox,
.page-s3 .marginal-column .text-image[class*='bg-'] + .hintbox,
.page-s3 .marginal-column .overflow + .text-image[class*='bg-'],
.page-s3 .marginal-column .hintbox + .text-image[class*='bg-'],
.page-s3 .marginal-column .text-image[class*='bg-'] + .text-image[class*='bg-'] {
  margin-top: 4rem;
  margin-top: var(--component-gap-small);
}

@media (max-width: calc(960px - 1px)) {
  .page-s3 .marginal-column [class*='bg-'].page-s3,
  .page-s3 .marginal-column [class*='bg-'].footer-banner,
  .page-s3 .marginal-column [class*='bg-'].footer-info,
  .page-s3 .marginal-column [class*='bg-'].footer-legally,
  .page-s3 .marginal-column [class*='bg-'].fullwidth,
  .page-s3 .marginal-column [class*='bg-'].contact-teaser,
  .page-s3 .marginal-column [class*='bg-'].hintbox-wrapper,
  .page-s3 .marginal-column [class*='bg-'].text-image,
  .page-s3 .marginal-column .text-image[class*='bg-'] [class*='bg-'].text-image-wrapper,
  .text-image[class*='bg-'] .page-s3 .marginal-column [class*='bg-'].text-image-wrapper,
  .page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view [class*='bg-'].scrollbar-navigation-wrapper,
  .scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column [class*='bg-'].scrollbar-navigation-wrapper,
  .page-s3 .marginal-column [class*='bg-'].overflow,
  .page-s3 .marginal-column [class*='bg-'].hintbox {
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #2d3134;
  }
}

@media (min-width: 840px) {
  .page-s3 .marginal-column [class*='bg-'].page-s3,
  .page-s3 .marginal-column [class*='bg-'].footer-banner,
  .page-s3 .marginal-column [class*='bg-'].footer-info,
  .page-s3 .marginal-column [class*='bg-'].footer-legally,
  .page-s3 .marginal-column [class*='bg-'].fullwidth,
  .page-s3 .marginal-column [class*='bg-'].contact-teaser,
  .page-s3 .marginal-column [class*='bg-'].hintbox-wrapper,
  .page-s3 .marginal-column [class*='bg-'].text-image,
  .page-s3 .marginal-column .text-image[class*='bg-'] [class*='bg-'].text-image-wrapper,
  .text-image[class*='bg-'] .page-s3 .marginal-column [class*='bg-'].text-image-wrapper,
  .page-s3 .marginal-column .scrollbar.sticky-nav.nav-in-view [class*='bg-'].scrollbar-navigation-wrapper,
  .scrollbar.sticky-nav.nav-in-view .page-s3 .marginal-column [class*='bg-'].scrollbar-navigation-wrapper,
  .page-s3 .marginal-column [class*='bg-'].overflow,
  .page-s3 .marginal-column [class*='bg-'].hintbox {
    margin-left: 0;
    margin-right: 0;
    padding: 15px 15px 25px;
  }

  .page-s3 .marginal-column [class*='bg-'].contact-teaser,
  .page-s3
    .marginal-column
    .scrollbar.sticky-nav.nav-in-view
    [class*='bg-'].contact-teaser.scrollbar-navigation-wrapper,
  .scrollbar.sticky-nav.nav-in-view
    .page-s3
    .marginal-column
    [class*='bg-'].contact-teaser.scrollbar-navigation-wrapper {
    padding: 0;
  }
}

.space-big,
.page-s3 {
  margin-bottom: 5rem;
}

@media (min-width: 840px) {
  .space-big,
  .page-s3 {
    margin-bottom: 6rem;
  }
}

.space-large {
  margin-bottom: 3.5rem;
}

@media (min-width: 840px) {
  .space-large {
    margin-bottom: 4rem;
  }
}

.space-medium {
  margin-bottom: 3rem;
}

.space-small {
  margin-bottom: 2rem;
}

.space-x-small {
  margin-bottom: 1rem;
}

.rounded-full-2 {
  border-radius: 2px;
}

.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-4 {
  border-radius: 4px;
}

.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-20 {
  border-radius: 20px;
}

.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;
}

.ln-6 {
  border-bottom: 2px solid #00446e;
}

.ln-7 {
  border-bottom: 2px solid #5a6166;
}

.ln-8 {
  border-bottom: 1px solid #9ca0a3;
}

.ln-9 {
  border-bottom: 1px dotted #00446e;
}

.ln-10 {
  border-bottom: 1px solid #5a6166;
}

.ln-11 {
  border-bottom: 1px solid #879900;
}

:root {
  --max-container-width: 1080px;
  --max-width: calc(var(--max-container-width) + var(--gutter) * 2);
  --columns: 4;
  --gap: 12px;
  --gutter: 5.625vw;
  --mx: var(--gutter);
  --overflow-px: var(--mx);
  --component-gap-small: 4rem;
  --component-gap-big: 6rem;
  --scrollbar-width: calc(100vw - 100%);
  --viewport: 'XS';
}

@media (min-width: 600px) {
  :root {
    --columns: 12;
    --gap: 18px;
    --gutter: 6.667vw;
    --overflow-px: 20px;
    --viewport: 'S';
  }
}

@media (min-width: 840px) {
  :root {
    --gap: 22px;
    --gutter: 7.619vw;
    --overflow-px: 40px;
    --viewport: 'M';
  }
}

@media (min-width: 960px) {
  :root {
    --gap: 26px;
    --gutter: 7.5vw;
    --viewport: 'L';
  }
}

@media (min-width: 1280px) {
  :root {
    --gap: 36px;
    --gutter: 0;
    --max-width: var(--max-container-width);
    --mx: calc(((100vw - var(--scrollbar-width, 0)) - var(--max-container-width)) / 2);
    --viewport: 'XL';
  }
}

.tag {
  align-self: flex-start;
  padding: 0.3rem 1rem;
  background-color: #5a6166;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
}

a .tag,
button .tag {
  background-color: #005a8c;
}

a:hover .tag,
a:focus-visible .tag,
a:active .tag,
a.active .tag,
button:hover .tag,
button:focus-visible .tag button:active .tag,
button.active .tag {
  text-decoration: underline;
  background-color: #00446e;
}

.tag--big {
  padding: 0.2rem 1rem;
  font-weight: 500;
}

mark {
  padding: 0.3rem;
}

mark,
mark a.link.type-text .link-labeling {
  color: #fff;
  background-color: #13556f;
}

mark a.link.type-text:hover .link-labeling {
  color: #fff;
}

mark::selection {
  color: #13556f;
  background-color: #fff;
}

.bg-petrol mark,
.bg-petrol mark a.link.type-text .link-labeling {
  color: #13556f;
  background-color: #fff;
}

.bg-petrol mark a.link.type-text:hover .link-labeling {
  color: #13556f;
}

.bg-petrol mark::selection {
  color: #fff;
  background-color: #13556f;
}

.slider-bullets {
  display: inline-flex;
  padding: 0.2rem 1.2rem;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.9);
  max-height: 2.8rem;
  margin: 0.6rem 0;
}

@media (min-width: 840px) {
  .slider-bullets {
    max-height: none;
    max-height: initial;
    padding: 0.5rem 1.4rem;
    margin: 0;
  }
}

.slider-bullets.no-background {
  background-color: rgba(0, 0, 0, 0);
}

.slider-bullets-play,
.slider-bullets-bullet {
  margin-top: -0.6rem;
}

@media (min-width: 840px) {
  .slider-bullets-play,
  .slider-bullets-bullet {
    margin-top: 0;
  }
}

.slider-bullets-play .button-container.button--tertiary,
.slider-bullets-bullet .button-container.button--tertiary {
  --size: 3.6rem;
  margin: 0;
  width: var(--size);
  height: var(--size);
}

.slider-bullets-play .button-container.button--tertiary button.button--tertiary-positive,
.slider-bullets-bullet .button-container.button--tertiary button.button--tertiary-positive {
  max-height: 100%;
  height: 100%;
  padding: calc(var(--size) / 3);
}

.slider-bullets-play .button-container.button--tertiary button.button--tertiary-positive .icon,
.slider-bullets-bullet .button-container.button--tertiary button.button--tertiary-positive .icon {
  width: calc(var(--size) / 3 * 2);
  min-width: calc(var(--size) / 3 * 2);
  height: calc(var(--size) / 3 * 2);
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(0, 0, 0, 0);
}

.slider-bullets-play .button-container.button--tertiary button.button--tertiary-positive:hover,
.slider-bullets-bullet .button-container.button--tertiary button.button--tertiary-positive:hover {
  border-color: rgba(0, 0, 0, 0);
}

.slider-bullets-play .button-container.button--tertiary button.button--tertiary-positive:hover .icon,
.slider-bullets-bullet .button-container.button--tertiary button.button--tertiary-positive:hover .icon {
  border-radius: 4px;
  border: 2px solid #00446e;
}

.slider-bullets-play .button-container.button--tertiary button.button--tertiary-positive:focus-visible,
.slider-bullets-bullet .button-container.button--tertiary button.button--tertiary-positive:focus-visible {
  outline-color: rgba(0, 0, 0, 0);
}

.slider-bullets-play .button-container.button--tertiary button.button--tertiary-positive:focus-visible .icon,
.slider-bullets-bullet .button-container.button--tertiary button.button--tertiary-positive:focus-visible .icon {
  border-radius: 4px;
  outline: 2px dashed #00446e;
  outline-offset: 0;
}

.slider-bullets-bullet button.button--tertiary-positive .icon {
  font-size: 1.6rem;
}

.slider-bullets-bullet:not(.active) button.button--tertiary-positive .icon {
  font-size: 0.8rem;
}

.link {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  max-width: 100%;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  color: #005a8c;
}

.link::before {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 0.65rem;
  top: -5px;
}

.link::after {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 0.65rem;
  bottom: -7px;
  right: 0;
}

.link.tx-1,
.link.tx-2,
.link p {
  margin-bottom: 0;
}

.link-container .icon::before {
  display: inline;
}

.link-labeling {
  vertical-align: middle;
  white-space: nowrap;
  word-break: break-word;
}

.link .icon {
  position: relative;
  top: 0.2rem;
  vertical-align: middle;
  line-height: normal;
  line-height: initial;
}

.link .icon + .link-container {
  margin-left: 0.5rem;
}

.link .icon-second {
  top: auto;
  margin-left: 0.5rem;
  vertical-align: middle;
}

.link.type-headline {
  pointer-events: auto;
}

.link.type-download .link-container {
  white-space: normal;
  display: inline;
}

.link.type-download .icon {
  display: inline-flex;
}

.link.type-download .link-labeling {
  margin-right: 0.5rem;
}

.link.type-download .link-notice {
  color: #5a6166;
  text-decoration: none;
  display: inline;
  vertical-align: middle;
}

.link.type-download .link-notice.tx-1 {
  margin-bottom: 0;
}

.link.type-download:focus-visible {
  outline: none;
}

.link.type-download:focus-visible > span .link-labeling {
  border-radius: 4px;
  outline: 2px dashed #00446e;
  outline-offset: 2px;
  position: relative;
}

.link.type-download:focus-visible > span.icon + span.link-container .link-labeling {
  padding-left: 2.2rem;
  margin-left: -2.2rem;
}

.link.type-text {
  display: inline;
}

.link.type-text .link-labeling {
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
  vertical-align: baseline;
}

.link:hover.type-text .link-labeling {
  text-decoration: none;
}

.link:hover .link-labeling {
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
}

.link:hover .icon,
.link:hover .link-labeling {
  color: #00446e;
}

.link:focus-visible,
.dropdown-list-item:focus-visible {
  color: #00446e;
  border-radius: 4px;
  outline: 2px dashed #00446e;
  outline-offset: 2px;
}

.link:focus-visible.type-text .link-labeling {
  text-decoration: none;
}

.link:focus-visible .link-labeling {
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
}

.bg-petrol .link {
  color: #fff;
}

.bg-petrol .link.type-headline .link-labeling,
.bg-petrol .link.type-text .link-labeling {
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
}

.bg-petrol .link .link-notice {
  color: #fff;
}

.bg-petrol .link:hover .icon,
.bg-petrol .link:hover .link-labeling {
  color: #fff;
}

.bg-petrol .link:hover.type-headline .link-labeling,
.bg-petrol .link:hover.type-text .link-labeling {
  text-decoration: none;
}

.bg-petrol .link:focus-visible {
  border-radius: 4px;
  outline: 2px dashed #fff;
  outline-offset: 2px;
}

.bg-petrol .link:focus-visible .link-labeling {
  color: #fff;
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
}

.bg-petrol .link:focus-visible.type-headline .link-labeling,
.bg-petrol .link:focus-visible.type-text .link-labeling {
  text-decoration: none;
}

.bg-petrol .link:focus-visible.type-download {
  outline: none;
}

.bg-petrol .link:focus-visible.type-download > span .link-labeling {
  border-radius: 4px;
  outline: 2px dashed #fff;
  outline-offset: 2px;
}

.list.list-link .bg-petrol .link {
  margin: 0.65rem 0;
}

.list-link > .list-item {
  padding-bottom: 0;
}

.tooltip {
  display: inline;
  white-space: nowrap;
}

.tooltip.inline {
  position: relative;
}

.tooltip.inline::before {
  content: '';
  display: inline-block;
  width: 0.2rem;
  height: 0;
}

.tooltip.hover > .tooltip-icon,
.tooltip > .tooltip-icon:hover,
.tooltip > .tooltip-icon:focus-visible {
  cursor: pointer;
  color: #00446e;
}

.bg-petrol .tooltip.hover > .tooltip-icon,
.bg-petrol .tooltip > .tooltip-icon:hover,
.bg-petrol .tooltip > .tooltip-icon:focus-visible {
  color: #fff;
}

.bg-petrol .tooltip.hover > .tooltip-icon .icon::before,
.bg-petrol .tooltip > .tooltip-icon:hover .icon::before,
.bg-petrol .tooltip > .tooltip-icon:focus-visible .icon::before {
  content: '';
}

.tooltip-label {
  display: inline;
  white-space: pre-wrap;
  vertical-align: baseline;
  padding-right: calc(1em + 0.4rem);
}

.inline > .tooltip-label {
  border-bottom: 1px dotted #00446e;
}

.bg-petrol .inline > .tooltip-label {
  border-bottom-color: #fff;
}

.tooltip-icon {
  padding-left: 0.2rem;
  margin-bottom: -0.1rem;
  margin-left: calc((1em + 0.2rem) * -1);
  font-size: calc(1em + 0.2rem);
  color: #005a8c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.tooltip-icon:focus-visible {
  outline: none;
}

.tooltip-icon:focus-visible .icon {
  border-radius: 4px;
  outline: 2px dashed #00446e;
  outline-offset: 2px;
}

.bg-petrol .tooltip-icon:focus-visible .icon {
  border-radius: 4px;
  outline: 2px dashed #fff;
  outline-offset: 2px;
}

.tooltip-icon .icon {
  -webkit-transform: translateY(0.2rem);
  transform: translateY(0.2rem);
}

.bg-petrol .tooltip-icon {
  color: #fff;
}

.tooltip a.link {
  margin-top: -0.2rem;
}

.tooltip a.link .link-labeling {
  text-underline-offset: 0.7rem;
}

.tooltip-overlay {
  display: none;
  background-color: #f6f5ed;
  border-radius: 5px;
  border: 1px solid #bdc0c2;
  color: #5a6166;
  z-index: 1000;
  max-width: 43rem;
  min-width: 250px;
  width: calc(100% - 40px);
}

.tooltip-overlay[data-show] {
  display: block;
}

.tooltip-overlay-wrapper {
  display: block;
  padding: 1rem;
}

.tooltip-overlay-header,
.tooltip-overlay-content,
.tooltip-overlay-footer {
  display: block;
  white-space: normal;
}

.tooltip-overlay-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.tooltip-overlay-header .hl-5 {
  margin: 0;
  flex: 1 1;
}

.tooltip-overlay-close {
  display: none;
  color: #005a8c;
  font-size: 2.4rem;
}

.tooltip-overlay-close:hover {
  color: #00446e;
}

.tooltip-overlay-content {
  margin-top: 1rem;
}

.tooltip-overlay-footer {
  margin-top: 2rem;
  display: none;
}

.tooltip-overlay-footer .link {
  display: inline-flex;
}

.tooltip-overlay a.link .link-labeling {
  text-underline-offset: auto;
}

.tooltip-overlay.touch .tooltip-overlay-close {
  display: flex;
}

.tooltip-overlay.touch .tooltip-overlay-footer {
  display: block;
}

.tooltip-overlay-arrow {
  --size: 18px;
  visibility: hidden;
}

.tooltip-overlay-arrow,
.tooltip-overlay-arrow::before {
  position: absolute;
  width: var(--size);
  height: var(--size);
  background: inherit;
  border: 1px solid #bdc0c2;
  z-index: -1;
}

.tooltip-overlay-arrow::before {
  visibility: visible;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tooltip-overlay[data-popper-placement^='top'] > .tooltip-overlay-arrow {
  bottom: calc(-0.5 * var(--size) + 1px);
}

.tooltip-overlay[data-popper-placement^='top'] > .tooltip-overlay-arrow,
.tooltip-overlay[data-popper-placement^='top'] > .tooltip-overlay-arrow::before {
  border-top-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
}

.tooltip-overlay[data-popper-placement^='bottom'] > .tooltip-overlay-arrow {
  top: calc(-0.5 * var(--size) - 1px);
}

.tooltip-overlay[data-popper-placement^='bottom'] > .tooltip-overlay-arrow,
.tooltip-overlay[data-popper-placement^='bottom'] > .tooltip-overlay-arrow::before {
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
}

.tooltip-overlay[data-popper-placement^='left'] > .tooltip-overlay-arrow {
  right: calc(-0.5 * var(--size) + 1px);
}

.tooltip-overlay[data-popper-placement^='left'] > .tooltip-overlay-arrow,
.tooltip-overlay[data-popper-placement^='left'] > .tooltip-overlay-arrow::before {
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
}

.tooltip-overlay[data-popper-placement^='right'] > .tooltip-overlay-arrow {
  left: calc(-0.5 * var(--size) - 1px);
}

.tooltip-overlay[data-popper-placement^='right'] > .tooltip-overlay-arrow,
.tooltip-overlay[data-popper-placement^='right'] > .tooltip-overlay-arrow::before {
  border-top-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
}

.button-container {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.button {
  position: relative;
  display: flex;
  max-width: 100%;
  justify-content: center;
  vertical-align: middle;
  padding: 1.2rem 2.5rem;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 4px;
}

.button .btn-labeling {
  word-wrap: break-word;
  white-space: normal;
  text-align: left;
  vertical-align: middle;
}

.button .btn-labeling.tx-1 {
  margin-bottom: 0;
}

.button .icon {
  display: flex;
  align-items: flex-start;
  font-size: 1.6rem;
  line-height: 1.4;
}

.button.icon-position-left {
  padding: 1.2rem 2.5rem 1.2rem 2rem;
}

.button.icon-position-left .btn-labeling {
  padding-left: 0.8rem;
}

.button.icon-position-right {
  padding: 1.2rem 2rem 1.2rem 2.5rem;
}

.button.icon-position-right .icon {
  order: 2;
}

.button.icon-position-right .btn-labeling {
  padding-right: 0.8rem;
}

.button[disabled] {
  color: #fff;
  background: #bdc0c2;
  cursor: not-allowed;
  pointer-events: none;
}

.button--primary:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-color: var(--color-Blau600);
  outline-offset: 2px;
  border-radius: 4px;
}

.button--secondary:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-color: var(--color-Blau600);
  outline-offset: 2px;
  border-radius: 4px;
}

.button--primary-positive {
  background: #005a8c;
  color: #fff;
  border: 1px solid #005a8c;
}

.button--primary-positive:hover {
  background: #00446e;
}

.button--primary-positive:hover .btn-labeling {
  text-decoration: underline;
}

.button--primary-positive:focus-visible {
  /* border-radius: 4px;
  outline: 2px dashed #00446e;
  outline-offset: 2px;
  background: #00446e; */
  outline-style: dashed;
  outline-width: 2px;
  outline-color: var(--color-Blau600);
  outline-offset: 2px;
}

.button--primary-positive:focus-visible .btn-labeling {
  text-decoration: underline;
}

.button--primary-negative {
  background: #fff;
  color: #005a8c;
  border: 1px solid #fff;
}

.button--primary-negative.download-notice + .download-notice-text.tx-1 {
  color: #fff;
}

.button--primary-negative:hover {
  background: #fff;
  color: #00446e;
}

.button--primary-negative:hover .btn-labeling {
  text-decoration: underline;
}

.button--primary-negative:focus-visible {
  border-radius: 4px;
  outline: 2px dashed #fff;
  outline-offset: 2px;
}

.button--primary-negative:focus-visible .btn-labeling {
  text-decoration: underline;
}

.button--primary-negative[disabled] {
  color: #fff;
  background: #7b8185;
  cursor: not-allowed;
  pointer-events: none;
}

.button--secondary-positive {
  background: rgba(0, 0, 0, 0);
  color: #005a8c;
  border: 1px solid #005a8c;
}

.button--secondary-positive:hover {
  background: #00446e;
  color: #fff;
}

.button--secondary-positive:hover .btn-labeling {
  text-decoration: underline;
}

.button--secondary-positive:focus-visible {
  border-radius: 4px;
  outline: 2px dashed #00446e;
  outline-offset: 2px;
  background: #00446e;
  color: #fff;
}

.button--secondary-positive:focus-visible .btn-labeling {
  text-decoration: underline;
}

.button--secondary-positive[disabled] {
  color: #bdc0c2;
  border: 1px solid #bdc0c2;
  background: none;
  cursor: not-allowed;
  pointer-events: none;
}

.button--secondary-negative {
  background: none;
  color: #fff;
  border: 1px solid #fff;
}

.button--secondary-negative:hover {
  background: #fff;
  color: #00446e;
}

.button--secondary-negative:hover .btn-labeling {
  text-decoration: underline;
}

.button--secondary-negative:focus-visible {
  background: #fff;
  color: #00446e;
  border-radius: 4px;
  outline: 2px dashed #fff;
  outline-offset: 2px;
}

.button--secondary-negative:focus-visible .btn-labeling {
  text-decoration: underline;
}

.button--secondary-negative[disabled] {
  color: #7b8185;
  border: 1px solid #7b8185;
  cursor: not-allowed;
  pointer-events: none;
}

.button--tertiary-positive {
  padding: 0;
  color: #005a8c;
  border: 2px solid rgba(0, 0, 0, 0);
  align-items: center;
  width: 3.6rem;
  height: 3.6rem;
}

.button--tertiary-positive .icon {
  font-size: 2.4rem;
  line-height: inherit;
}

.button--tertiary-positive:hover {
  color: #00446e;
  border: 2px solid #00446e;
  border-radius: 4px;
}

.button--tertiary-positive:active {
  color: #00446e;
  border: 1px solid #00446e;
  border-radius: 4px;
}

.button--tertiary-positive:focus-visible {
  border-radius: 4px;
  outline: 2px dashed #00446e;
  outline-offset: initial;
}

.button--tertiary-positive[disabled] {
  color: #bdc0c2;
  background: none;
  cursor: not-allowed;
  pointer-events: none;
}

.button--tertiary-negative {
  padding: 0;
  align-items: center;
  color: #fff;
  border: 2px solid rgba(0, 0, 0, 0);
  width: 3.6rem;
  height: 3.6rem;
}

.button--tertiary-negative .icon {
  font-size: 2.4rem;
  line-height: inherit;
}

.button--tertiary-negative:hover {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 4px;
}

.button--tertiary-negative:active {
  border: 1px solid #fff;
}

.button--tertiary-negative:focus-visible {
  border-radius: 4px;
  outline: 2px dashed #fff;
  outline-offset: initial;
}

.button--tertiary-negative[disabled] {
  color: #7b8185;
  background: none;
  cursor: not-allowed;
  pointer-events: none;
}

.button.small {
  padding: 0.8rem 1.6rem;
}

.button.small.icon-position-left {
  padding: 0.8rem 1.6rem 0.8rem 1.2rem;
}

.button.small.icon-position-left .btn-labeling {
  padding-left: 0.6rem;
}

.button.small.icon-position-right {
  padding: 0.8rem 1.2rem 0.8rem 1.6rem;
}

.button.small.icon-position-right .btn-labeling {
  padding-right: 0.6rem;
}

.button.download-notice {
  margin-right: 1rem;
}

.button.download-notice + .download-notice-text.tx-1 {
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 1rem;
  vertical-align: middle;
}

.keyboard-btn {
  display: inline-flex;
  text-align: center;
  max-width: 100%;
  cursor: pointer;
  border-radius: 0 0 4px 4px;
  position: relative;
  padding: 10px;
}

.keyboard-btn .tx-2 {
  margin-bottom: 0;
}

.keyboard-btn--primary {
  background: #005a8c;
  color: #fff;
}

.keyboard-btn--primary:hover {
  background: #00446e;
}

.keyboard-btn--primary:hover .tx-2 {
  text-decoration: underline;
}

.keyboard-btn--primary:focus-visible {
  background: #00446e;
  outline: none;
}

.keyboard-btn--primary:focus-visible::after {
  border-radius: 0 0 4px 4px;
  border: 2px dashed #00446e;
  content: '';
  position: absolute;
  left: -5px;
  top: 0;
  width: calc(100% + 10px);
  height: calc(90% + 8px);
}

.keyboard-btn--primary:focus-visible .tx-2 {
  text-decoration: underline;
}

.jumpmark {
  display: inline-flex;
  text-align: center;
  align-items: center;
  max-width: 100%;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
  padding: 1.2rem 2.5rem 1.2rem 3rem;
}

.jumpmark .icon {
  display: flex;
  align-items: flex-start;
  font-size: 2.3rem;
  line-height: 1.3;
  padding-left: 1rem;
}

.jumpmark .hl-4 {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  line-height: normal;
  line-height: initial;
  vertical-align: middle;
  justify-content: center;
}

.jumpmark--primary-positive {
  background: #005a8c;
  color: #fff;
}

.jumpmark--primary-positive:hover {
  background: #00446e;
}

.jumpmark--primary-positive:hover .hl-4 {
  text-decoration: underline;
}

.jumpmark--primary-positive:focus-visible {
  border-radius: 4px;
  outline: 2px dashed #00446e;
  outline-offset: 2px;
  background: #00446e;
}

.jumpmark--primary-positive:focus-visible .hl-4 {
  text-decoration: underline;
}

.nav-icon-btn {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.nav-icon-btn:first-child {
  margin-top: 3rem;
}

.nav-icon-btn + .nav-icon-btn {
  margin-left: 2rem;
}

.nav-icon-btn .icon {
  font-size: 2.4rem;
}

.nav-icon-btn:disabled {
  cursor: not-allowed;
}

.nav-icon-btn--primary-positive {
  color: #fff;
  background: #005a8c;
  border: 2px solid rgba(0, 0, 0, 0);
}

.nav-icon-btn--primary-positive:not(:disabled):hover {
  color: #00446e;
  background: #fff;
  border: 2px solid #00446e;
}

.nav-icon-btn--primary-positive:not(:disabled):active {
  border: 1px solid #00446e;
}

.nav-icon-btn--primary-positive:not(:disabled):focus-visible {
  color: #00446e;
  background: #fff;
  border-radius: 4px;
  outline: 2px dashed #00446e;
  outline-offset: initial;
}

.nav-icon-btn--primary-positive:disabled {
  color: #fff;
  background: #bdc0c2;
}

.bg-petrol .nav-icon-btn--primary-positive,
.nav-icon-btn--primary-negative {
  color: #005a8c;
  background: #fff;
  border: 2px solid rgba(0, 0, 0, 0);
}

.bg-petrol .nav-icon-btn--primary-positive:not(:disabled):hover,
.nav-icon-btn--primary-negative:not(:disabled):hover {
  color: #fff;
  background: #00446e;
  border: 2px solid #fff;
}

.bg-petrol .nav-icon-btn--primary-positive:not(:disabled):active,
.nav-icon-btn--primary-negative:not(:disabled):active {
  border: 1px solid #fff;
}

.bg-petrol .nav-icon-btn--primary-positive:not(:disabled):focus-visible,
.nav-icon-btn--primary-negative:not(:disabled):focus-visible {
  color: #fff;
  background: #00446e;
  border-radius: 4px;
  outline: 2px dashed #fff;
  outline-offset: initial;
}

.bg-petrol .nav-icon-btn--primary-positive:disabled,
.nav-icon-btn--primary-negative:disabled {
  color: #bdc0c2;
}

.nav-icon-btn--secondary-positive {
  color: #005a8c;
  border: 1px solid #005a8c;
  border-radius: 4px;
}

.nav-icon-btn--secondary-positive:not(:disabled):hover {
  color: #00446e;
  background: #fff;
  border: 2px solid #00446e;
}

.nav-icon-btn--secondary-positive:not(:disabled):active {
  background: #00446e;
}

.nav-icon-btn--secondary-positive:not(:disabled):active .icon {
  color: #fff;
}

.nav-icon-btn--secondary-positive:not(:disabled):focus-visible {
  color: #00446e;
  border: 2px solid #00446e;
  border-radius: 4px;
  outline: 2px dashed #00446e;
  outline-offset: 2px;
}

.nav-icon-btn--secondary-positive:disabled {
  color: #bdc0c2;
  border: 1px solid #bdc0c2;
}

.nav-icon-btn--tertiary-positive {
  color: #005a8c;
  background: rgba(0, 0, 0, 0);
  border: 2px solid rgba(0, 0, 0, 0);
}

.nav-icon-btn--tertiary-positive:not(:disabled):hover {
  background: #fff;
  border: 2px solid #00446e;
  color: #00446e;
  background: rgba(0, 0, 0, 0);
}

.nav-icon-btn--tertiary-positive:not(:disabled):active {
  border: 1px solid #00446e;
  color: #00446e;
  background: rgba(0, 0, 0, 0);
}

.nav-icon-btn--tertiary-positive:not(:disabled):focus-visible {
  border-radius: 4px;
  outline: 2px dashed #00446e;
  outline-offset: initial;
  color: #00446e;
}

.nav-icon-btn--tertiary-positive:disabled {
  color: #bdc0c2;
}

.bg-petrol .nav-icon-btn--tertiary-positive,
.nav-icon-btn--tertiary-negative {
  color: #fff;
  background: rgba(0, 0, 0, 0);
  border: 2px solid rgba(0, 0, 0, 0);
}

.bg-petrol .nav-icon-btn--tertiary-positive:not(:disabled):hover,
.nav-icon-btn--tertiary-negative:not(:disabled):hover {
  color: #fff;
  border: 2px solid #fff;
}

.bg-petrol .nav-icon-btn--tertiary-positive:not(:disabled):active,
.nav-icon-btn--tertiary-negative:not(:disabled):active {
  border: 1px solid #fff;
}

.bg-petrol .nav-icon-btn--tertiary-positive:not(:disabled):focus-visible,
.nav-icon-btn--tertiary-negative:not(:disabled):focus-visible {
  border-radius: 4px;
  outline: 2px dashed #fff;
  outline-offset: initial;
  color: #fff;
}

.bg-petrol .nav-icon-btn--tertiary-positive:disabled,
.nav-icon-btn--tertiary-negative:disabled {
  color: #bdc0c2;
}

.details {
  position: relative;
  display: block;
  border-top: 1px solid #9ca0a3;
}

.details:last-child {
  border-bottom: 1px solid #9ca0a3;
}

.details .details-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding: 1.4rem 0;
  text-align: left;
  color: #005a8c;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
}

@media (min-width: 600px) {
  .details .details-title {
    padding: 2.4rem 0;
  }
}

.details .details-title .details-title-label {
  display: flex;
}

.details .details-title .icons {
  padding-right: 2rem;
}

.details .details-title .icons .icon {
  display: none;
}

.details .details-title .icons .icon::before {
  font-size: 2.4rem;
}

@media (min-width: 1280px) {
  .details .details-title .icons .icon::before {
    font-size: 3.2rem;
  }
}

.details .details-title .icons .icon--plus {
  display: inline-block;
}

.details .details-title .tag {
  margin: 3px 0 0 2rem;
}

.details .details-title:hover .details-title-label h2,
.details .details-title:hover .tag {
  text-decoration: underline;
}

.details .details-title:focus {
  outline: none;
}

.details .details-title:focus-visible .details-title-label {
  border-radius: 4px;
  outline: 2px dashed #00446e;
  outline-offset: 2px;
}

.details .details-title:focus-visible .details-title-label h2,
.details .details-title:focus-visible .details-title-label h3 {
  text-decoration: underline;
}

.details .details-content {
  position: relative;
  display: none;
  max-height: 40000px;
  padding-left: 0;
  padding-bottom: 3rem;
  overflow: hidden;
  transition: max-height 5s ease-in-out;
  transition-delay: 0s;
}

.details .details-content > *:not([class*='details']) {
  margin-bottom: 0;
}

@media (min-width: 840px) {
  .details .details-content {
    padding-left: 4.4rem;
    padding-bottom: 4rem;
  }
}

@media (min-width: 1280px) {
  .details .details-content {
    padding-left: 5.2rem;
  }
}

.details .details-content .details--acc2:nth-child(2n),
.details .details-content .details--acc3:nth-child(2n),
.details .details-content .details--acc4:nth-child(2n) {
  margin-top: 3rem;
}

.details .details-content .details--acc4:nth-child(2n) {
  margin-top: 2rem;
}

.details.active > .details-title {
  padding-bottom: 1.5rem;
  color: #00446e;
}

.details.active > .details-title .icon--plus {
  display: none;
}

.details.active > .details-title .icon--minus {
  display: inline-block;
}

@media (min-width: 600px) {
  .details.active > .details-title {
    padding-bottom: 2.5rem;
  }
}

.details.active > .details-content {
  display: block;
}

.details--acc1 {
  padding-left: 20px;
  padding-right: 20px;
  border-top: 1px solid #9ca0a3;
}

@media (min-width: 600px) {
  .details--acc1 {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.details--acc1.active {
  border-top-width: 2px;
  border-bottom: 2px solid #9ca0a3;
}

.details--acc1.active > .details-title {
  padding-top: 1.3rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 600px) {
  .details--acc1.active > .details-title {
    padding-top: 2.3rem;
    padding-bottom: 2.5rem;
  }
}

.details--acc1 + .details--acc1 {
  top: -1px;
}

.details--acc1 + .details--acc1.active {
  border-bottom-width: 1px;
}

.details--acc1:last-child.active {
  border-bottom-width: 2px;
}

.details--acc2 {
  border-top: 0;
  border-bottom: 1px solid #9ca0a3;
}

.details--acc2:last-child {
  margin-bottom: 2rem;
}

.details--acc2 .details-title {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}

.details--acc2 .details-title .icons {
  padding-right: 1rem;
}

.details--acc2 .details-title .icons .icon::before {
  font-size: 2.2rem;
}

.details--acc2 .details-title .tag {
  margin-top: 2px;
}

.details--acc2 .details-content {
  padding-left: 3.2rem;
  padding-bottom: 3rem;
}

.details--acc2.active > .details-title {
  padding-bottom: 1.5rem;
}

.details--acc3,
.details--acc4 {
  border-top: 0;
  border-bottom: 1px solid #9ca0a3;
}

.details--acc3:last-child,
.details--acc4:last-child {
  margin-bottom: 2rem;
}

.details--acc3 .details-title,
.details--acc4 .details-title {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}

.details--acc3 .details-title .icons,
.details--acc4 .details-title .icons {
  padding-right: 1rem;
}

.details--acc3 .details-title .icons .icon::before,
.details--acc4 .details-title .icons .icon::before {
  font-size: 1.8rem;
}

.details--acc3 .details-title .tag,
.details--acc4 .details-title .tag {
  margin-top: -3px;
}

.details--acc3 .details-content,
.details--acc4 .details-content {
  padding-left: 2.6rem;
  padding-bottom: 3rem;
}

.details--acc3 .details-content h1.tx-1,
.details--acc4 .details-content h1.tx-1,
.details--acc3 .details-content h2.tx-1,
.details--acc4 .details-content h2.tx-1,
.details--acc3 .details-content h3.tx-1,
.details--acc4 .details-content h3.tx-1,
.details--acc3 .details-content h4.tx-1,
.details--acc4 .details-content h4.tx-1,
.details--acc3 .details-content h5.tx-1,
.details--acc4 .details-content h5.tx-1 {
  margin-bottom: 1rem;
}

.details--acc3.active > .details-title,
.active.details--acc4 > .details-title {
  padding-bottom: 1.5rem;
}

.details--acc4 {
  margin-bottom: 2rem;
  border-top: none;
  border-bottom: none;
}

.details--acc4:last-child {
  border-bottom: none;
}

.details--acc4 .details-title {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.details--acc4 .details-title .icons {
  padding-right: 0.5rem;
}

.details--acc4 .details-title .icons .icon::before {
  font-size: inherit;
}

.bg-petrol .details--acc4 .details-title {
  color: #fff;
}

.bg-petrol .details--acc4 .details-title:focus-visible .details-title-label {
  border-radius: 4px;
  outline: 2px dashed #fff;
  outline-offset: 2px;
}

.details--acc4 .details-content {
  padding-left: 0;
  padding-bottom: 1rem;
}

@media (min-width: 600px) {
  .details--acc4 .details-content {
    padding-left: 2.1rem;
  }
}

.bg-petrol .pagination {
  color: #fff;
}

.pagination {
  display: inline-flex;
  gap: 0.4rem;
  color: #005a8c;
}

.pagination-navigation .nav-icon-btn {
  margin: 0;
}

.pagination-navigation .nav-icon-btn:first-child {
  margin: 0;
}

.pagination-index {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.pagination-index-divider {
  display: block;
  width: 1rem;
  text-align: center;
}

.pagination-index-current,
.pagination-index-amount {
  min-width: 2rem;
}

.pagination-index-current {
  text-align: right;
}

.pagination.pagination-search {
  gap: 1rem;
}

.pagination-pages {
  display: flex;
  gap: 1.2rem;
  align-items: center;
}

.pagination-pages-item.button {
  width: 2.4rem;
  height: 2.4rem;
  margin-bottom: 0;
  padding: 0;
  align-items: center;
}

.pagination-pages-item.button.active {
  pointer-events: none;
}

.scrollbar {
  position: relative;
}

.scrollbar,
.scrollbar.sticky-nav table thead.sticky-head {
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
}

.scrollbar::-webkit-scrollbar,
.scrollbar.sticky-nav table thead.sticky-head::-webkit-scrollbar {
  display: none;
}

.scrollbar:not(.scrollable) {
  overflow-x: hidden;
}

.scrollbar.scrollable {
  --navigation-height: calc(3.6rem + 20px);
}

.scrollbar.sticky-nav .scrollbar-navigation {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  bottom: calc(var(--navigation-height) * -1.5);
  transition: bottom 0.2s ease-in-out;
}

.scrollbar.sticky-nav.sticky-nav-show.intersected .scrollbar-navigation {
  bottom: 0;
  transition: bottom 0.5s ease-in-out;
}

.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation {
  transition: none;
  position: -webkit-sticky;
  position: sticky;
  box-shadow: none;
}

.scrollbar.sticky-nav.nav-in-view .scrollbar-navigation-wrapper {
  padding: 0;
}

.scrollbar table thead.sticky-head {
  transition: top 150ms ease-in-out;
  position: fixed;
  z-index: 1;
  top: 0;
  background-color: #fff;
}

.scrollbar table thead.sticky-head.hidden {
  top: -120vh;
}

.scrollbar-navigation {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 10px 0;
}

.scrollbar-navigation-wrapper-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 2px;
}

.scrollbar-navigation .nav-icon-btn.nav-icon-btn--primary-positive {
  margin: 0;
}

.scrollbar-navigation-container {
  position: relative;
  height: calc(2rem + 2px);
  flex: 1 1;
  border-radius: 2px;
  background-color: #fff;
  overflow: hidden;
}

.scrollbar-navigation-bar {
  width: calc(100vw - 100%);
  width: var(--scrollbar-width, 50%);
  left: 0;
  height: 100%;
  background-color: #005a8c;
  border-radius: 2px;
  min-width: 5px;
  position: absolute;
  cursor: move;
  -webkit-user-select: none;
  user-select: none;
  margin: -1px;
  transition: margin 1s ease-in-out;
}

.scrollbar-navigation-bar:hover {
  background-color: #00446e;
}

.scrollbar-navigation-bar-wrapper {
  border: 1px solid #519dc2;
  height: 100%;
  width: 100%;
}

.scrollbar:not(.scrollable) .scrollbar-navigation {
  display: none;
}

.scrollbar::before,
.scrollbar-content::before {
  content: '';
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: auto;
  right: auto;
  bottom: 0;
  pointer-events: none;
  opacity: 0;
  background-color: rgba(90, 97, 102, 0.1);
  transition:
    margin 1s ease-in-out,
    opacity 0.5s ease-in-out;
  z-index: 2;
}

.scrollbar::before {
  font-family: 'KfW-Icon-Font';
  content: '';
  font-size: 45px;
  width: 100%;
  color: #005a8c;
  background-color: rgba(0, 0, 0, 0);
  top: 0;
  top: var(--icon-top, 0);
  bottom: calc(0px + 0px);
  bottom: calc(var(--navigation-height, 0px) + var(--icon-bottom, 0px));
  transition:
    bottom 0.1s linear,
    top 0.1s linear;
}

.scrollbar-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
  transition: margin 1s ease-in-out;
  position: relative;
}

.scrollbar-content::before {
  top: 0;
}

.scrollbar.animated::before,
.scrollbar.animated .scrollbar-content,
.scrollbar.animated .scrollbar-content::before,
.scrollbar.animated .scrollbar-content table thead.sticky-head > tr,
.scrollbar.animated .scrollbar-navigation-bar {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.scrollbar.animated::before {
  -webkit-animation-name: animate-icon;
  animation-name: animate-icon;
}

.scrollbar.animated .scrollbar-content::before {
  width: 120%;
  -webkit-animation-name: animate-backdrop;
  animation-name: animate-backdrop;
}

.scrollbar.animated .scrollbar-content table thead.sticky-head > tr {
  --direction: -1;
  -webkit-animation-name: animate-thead;
  animation-name: animate-thead;
}

.scrollbar.animated .scrollbar-content {
  --direction: -1;
  -webkit-animation-name: animate-scroll;
  animation-name: animate-scroll;
}

.scrollbar.animated .scrollbar-navigation-bar {
  -webkit-animation-name: animate-scroll;
  animation-name: animate-scroll;
}

@-webkit-keyframes animate-icon {
  0% {
    opacity: 0;
    margin-left: 0;
  }

  20% {
    opacity: 1;
    margin-left: 0;
  }

  50% {
    opacity: 1;
    margin-left: -6%;
  }

  80% {
    opacity: 1;
    margin-left: 0;
  }

  100% {
    opacity: 0;
    margin-left: 0;
  }
}

@keyframes animate-icon {
  0% {
    opacity: 0;
    margin-left: 0;
  }

  20% {
    opacity: 1;
    margin-left: 0;
  }

  50% {
    opacity: 1;
    margin-left: -6%;
  }

  80% {
    opacity: 1;
    margin-left: 0;
  }

  100% {
    opacity: 0;
    margin-left: 0;
  }
}

@-webkit-keyframes animate-backdrop {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes animate-backdrop {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes animate-scroll {
  0% {
    margin-left: 0;
  }

  20% {
    margin-left: 0;
  }

  50% {
    margin-left: calc(1 * 100% * 0.06);
    margin-left: calc(var(--direction, 1) * 100% * 0.06);
  }

  80% {
    margin-left: 0;
  }

  100% {
    margin-left: 0;
  }
}

@keyframes animate-scroll {
  0% {
    margin-left: 0;
  }

  20% {
    margin-left: 0;
  }

  50% {
    margin-left: calc(1 * 100% * 0.06);
    margin-left: calc(var(--direction, 1) * 100% * 0.06);
  }

  80% {
    margin-left: 0;
  }

  100% {
    margin-left: 0;
  }
}

@-webkit-keyframes animate-thead {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(calc(1 * 100% * 0.06));
    transform: translateX(calc(1 * 100% * 0.06));
    -webkit-transform: translateX(calc(var(--direction, 1) * 100% * 0.06));
    transform: translateX(calc(var(--direction, 1) * 100% * 0.06));
  }

  80% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes animate-thead {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(calc(1 * 100% * 0.06));
    transform: translateX(calc(1 * 100% * 0.06));
    -webkit-transform: translateX(calc(var(--direction, 1) * 100% * 0.06));
    transform: translateX(calc(var(--direction, 1) * 100% * 0.06));
  }

  80% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.tab-navigation-dropdown {
  display: block;
}

@media (min-width: 840px) {
  .tab-navigation-dropdown {
    display: none;
  }
}

.tab-navigation-header {
  display: none;
}

@media (min-width: 840px) {
  .tab-navigation-header {
    display: flex;
    gap: 3rem;
  }
}

.tab-navigation-header li {
  margin-bottom: 0;
}

.tab-navigation-header li button {
  position: relative;
  display: block;
  padding: 0;
  border-bottom: 0.3rem solid rgba(0, 0, 0, 0);
  color: #005a8c;
  cursor: pointer;
}

.tab-navigation-header li button > span {
  padding: 0 0.4rem;
}

.tab-navigation-header li button.active,
.tab-navigation-header li button:active {
  font-weight: 500;
  color: #00446e;
  border-bottom-color: #00446e;
}

.tab-navigation-header li button:hover > span {
  text-decoration: underline;
}

.tab-navigation-header li button:focus-visible {
  outline: none;
}

.tab-navigation-header li button:focus-visible > span {
  border-radius: 4px;
  outline: 2px dashed #00446e;
  outline-offset: initial;
  text-decoration: underline;
}

.bg-petrol .tab-navigation-header li button:focus-visible {
  outline-color: #fff;
}

.bg-petrol .tab-navigation-header li button:focus-visible > span {
  outline-color: #fff;
}

.bg-petrol .tab-navigation-header li button.active,
.bg-petrol .tab-navigation-header li button:active {
  color: #fff;
  border-bottom-color: #fff;
}

.bg-petrol .tab-navigation-header li button {
  color: #fff;
}

.tab-navigation-content-item {
  display: none;
}

.tab-navigation-content-item.active {
  display: block;
}

.stage-entry {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  gap: 1rem;
}

.stage-entry-item-btn {
  display: flex;
  flex-direction: row;
  width: 3.6rem;
  height: 3.6rem;
  border: 1px solid #005a8c;
  border-radius: 4px;
  background: #fff;
  color: #005a8c;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  padding: 0.9rem;
  cursor: pointer;
}

.stage-entry-item-btn:hover {
  border: 2px solid #00446e;
}

.stage-entry-item-btn:hover span {
  color: #00446e;
}

.stage-entry-item-btn:focus-visible {
  outline: none;
  border: 2px dashed #00446e;
  border-radius: 4px;
}

.stage-entry-item-btn:focus-visible span {
  color: #00446e;
}

.stage-entry-item-btn.btn-negative:not(.inactive) {
  border: 1px solid #fff;
  background: #005a8c;
}

.stage-entry-item-btn.btn-negative:not(.inactive) span {
  color: #fff;
}

.stage-entry-item-btn.btn-negative:not(.inactive):hover {
  border: 2px solid #fff;
}

.stage-entry-item-btn.btn-negative:not(.inactive):hover span {
  color: #fff;
}

.stage-entry-item-btn.btn-negative:not(.inactive):focus-visible {
  outline: none;
  border: 2px dashed #fff;
}

.stage-entry-item-btn.active {
  background: #00446e;
  border: 1px solid #00446e;
  color: #fff;
}

.stage-entry-item-btn.active:hover span {
  color: #fff;
}

.stage-entry-item-btn.active:focus-visible span {
  color: #fff;
}

.stage-entry-item-btn.active.btn-negative {
  border: 1px solid #00446e;
  background: #fff;
}

.stage-entry-item-btn.active.btn-negative span {
  color: #00446e;
}

.stage-entry-item-btn.active.btn-negative:hover {
  border: 1px solid #00446e;
}

.stage-entry-item-btn.active.btn-negative:hover span {
  color: #00446e;
}

.stage-entry-item-btn.active.btn-negative:not(.active):focus-visible {
  border-radius: 4px;
  outline: 2px dashed #fff;
  outline-offset: 2px;
}

.stage-entry-item-btn.inactive {
  background: #f6f5ed;
  border: 1px solid #bdc0c2;
}

.stage-entry-item-btn.inactive span {
  color: #5a6166;
}

.step-navigation {
  position: relative;
  display: inline-flex;
  flex-direction: row;
}

.step-navigation .button-container {
  margin: 0;
}

.step-navigation .button-container:first-child {
  margin: 0 2rem 0 0;
}

.step-navigation .button-container:last-child {
  margin-left: 2rem;
}

@media (min-width: 840px) {
  .step-navigation .button-container {
    display: none;
  }
}

.step-navigation-btn {
  display: none;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  font-size: 2.6rem;
  border: 2px solid rgba(0, 0, 0, 0);
}

.step-navigation-btn-divider {
  color: #2d3134;
  margin: 0;
  width: 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 840px) {
  .step-navigation-btn-divider {
    display: none;
  }
}

.step-navigation-btn .counter {
  width: 4.2rem;
  height: 4.2rem;
  border: 1px solid #005a8c;
  border-radius: 4.2rem;
  background: #fff;
  color: #005a8c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}

.step-navigation-btn:last-of-type {
  margin-right: 0;
  margin-left: 1rem;
  display: inline-flex;
}

@media (min-width: 840px) {
  .step-navigation-btn {
    display: inline-flex;
    margin-right: 3rem;
  }

  .step-navigation-btn:last-of-type {
    margin-left: 0;
  }
}

.step-navigation-btn.active {
  display: inline-flex;
}

.step-navigation-btn.active:hover {
  color: #fff;
}

.step-navigation-btn.active:focus-visible {
  outline: none;
  color: #fff;
}

.step-navigation-btn.active .counter {
  background: #00446e;
  border: none;
  color: #fff;
}

.step-navigation-btn:not(.active, .btn-with-text) :hover {
  border: 2px solid #00446e;
  color: #00446e;
}

.step-navigation-btn:not(.active, .btn-with-text):focus-visible {
  outline: none;
  border: 2px dashed #00446e;
  color: #00446e;
  border-radius: 4.2rem;
}

.step-navigation-btn:not(.active, .btn-with-text):focus-visible .counter {
  border: none;
}

.step-navigation-btn.btn-with-text .text {
  color: #005a8c;
  margin-left: 1.5rem;
  font-size: 1.8rem;
  display: none;
}

@media (min-width: 840px) {
  .step-navigation-btn.btn-with-text .text {
    display: inline;
  }
}

.step-navigation-btn.btn-with-text:hover:not(.active) .counter {
  border: 2px solid #00446e;
  color: #00446e;
}

.step-navigation-btn.btn-with-text:hover:not(.active) .text {
  text-decoration: underline;
  color: #00446e;
}

.step-navigation-btn.btn-with-text:not(.active):focus-visible {
  outline: none;
  border: 2px dashed #00446e;
  color: #00446e;
  border-radius: 0.4rem;
}

.step-navigation-btn.btn-with-text:not(.active):focus-visible .counter {
  border: 2px solid #00446e;
  color: #00446e;
}

.step-navigation-btn.btn-with-text:not(.active):focus-visible .text {
  text-decoration: underline;
  color: #00446e;
}

.step-navigation-btn.btn-with-text.active .counter {
  color: #fff;
}

.step-navigation-btn.btn-with-text.active .text {
  text-decoration: underline;
  color: #00446e;
}

.step-navigation-btn.btn-with-text.inactive {
  pointer-events: none;
  cursor: default;
}

.step-navigation-btn.btn-with-text.inactive .counter {
  border: 2px solid #bdc0c2;
  color: #5a6166;
}

.step-navigation-btn.btn-with-text.inactive .text {
  color: #2d3134;
}

.image-wrapper {
  position: relative;
}

.image picture {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.image picture img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}

.image .image-caption-text {
  margin-top: 1rem;
  margin-bottom: 0;
}

.image .image-caption-link {
  margin-top: 2rem;
}

.image .image-caption-button {
  margin-top: 3rem;
}

.image .image-caption-button .button-container {
  margin: 0;
}

.image-overlay {
  display: none;
}

.image-overlay-trigger {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1;
}

.video video,
.video .media-player {
  aspect-ratio: 16/9;
}

.video .video-caption-text {
  margin-top: 1rem;
  margin-bottom: 0;
}

.table table {
  border-top: 1px solid #5a6166;
  border-collapse: collapse;
  border-spacing: 0;
  overflow: visible;
  min-width: 100%;
}

.table table thead tr th,
.table table tbody tr th {
  position: relative;
  text-align: left;
  font-weight: 500;
}

.table table thead {
  border-bottom: 1px solid #9ca0a3;
}

.table table thead tr th {
  background: #fff;
  background-clip: padding-box;
}

.table table tbody tr {
  background: #fff;
}

.table table tbody tr:not(:last-of-type) {
  border-bottom: 1px solid #9ca0a3;
}

.table table tr th,
.table table tr td {
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0;
  margin-bottom: 2rem;
  padding: 10px 12px;
  vertical-align: baseline;
}

.table table tr.highlighted,
.table table td.highlighted,
.table table th.highlighted {
  background-color: #f3f1e7;
}

.table.highlighted-rows-odd tr:nth-child(odd):not(.highlighted) {
  background-color: #f3f1e7;
}

.table.highlighted-rows-even tr:nth-child(even):not(.highlighted) {
  background-color: #f3f1e7;
}

.table-l {
  max-width: 100%;
}

.table-m,
.table-m .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper-inner {
  max-width: 100%;
}

@media (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 (min-width: 600px) {
  .table-s,
  .table-s .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper-inner {
    max-width: 75%;
  }
}

@media (min-width: 840px) {
  .table-s,
  .table-s .scrollbar.sticky-nav:not(.nav-in-view) .scrollbar-navigation-wrapper-inner {
    max-width: 50%;
  }
}

.s-x .table-m,
.s-y .table-m {
  max-width: 100%;
}

@media (min-width: 840px) {
  .s-x .table-m,
  .s-y .table-m {
    max-width: 75%;
  }
}

@media (min-width: 960px) {
  .s-x .table-m,
  .s-y .table-m {
    max-width: 100%;
  }
}

@media (min-width: 1280px) {
  .s-x .table-m,
  .s-y .table-m {
    max-width: 75%;
  }
}

.text-image-media {
  --ratio: 16/9;
  aspect-ratio: var(--ratio);
}

.text-image:not(.ratio-medium, .ratio-small) .text-image-media-container {
  --col-width: (100% - var(--gap) * (var(--columns) - 1)) / var(--columns);
  width: calc(var(--col-width) * var(--col) + 12px * (var(--col) - 1));
  width: calc(var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1));
}

@media (min-width: 840px) {
  .text-image:not(.ratio-medium, .ratio-small) .text-image-media-container {
    --col: 8;
  }
}

.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-content {
  display: flex;
  flex-direction: column;
}

.text-image-content .text-image-media-container {
  margin-top: 2rem;
}

.text-image-content .text-image-text {
  order: -1;
}

.text-image-content .text-image-text .button-container {
  margin-top: 1rem;
}

.text-image-content .text-image-text .button-container + .button-container {
  margin-top: 0;
}

.text-image-content .text-image-text .list-link.list {
  margin-top: 2rem;
}

.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;
}

.text-image-content .text-image-text p + p,
.text-image-content .text-image-text br + p {
  margin-top: 2rem;
}

.text-image-content .text-image-text p + h2,
.text-image-content .text-image-text p + h3,
.text-image-content .text-image-text p + h4,
.text-image-content .text-image-text p + h5,
.text-image-content .text-image-text br + h2,
.text-image-content .text-image-text br + h3,
.text-image-content .text-image-text br + h4,
.text-image-content .text-image-text br + h5 {
  margin-top: 4rem;
}

@media (min-width: 840px) {
  .text-image.text-image-inline:not(.ratio-medium, .ratio-small) .text-image-content {
    display: block;
  }

  .text-image.text-image-inline:not(.ratio-medium, .ratio-small) .text-image-media-container {
    --col: 6;
    float: right;
    margin-left: 12px;
    margin-left: var(--gap);
    margin-top: 0;
    margin-bottom: 2rem;
  }

  .text-image.text-image-inline:not(.ratio-medium, .ratio-small).is-small .text-image-media-container {
    --col: 4;
  }
}

.details .text-image[class*='bg-'] {
  margin: 0;
  padding: 2rem 5.625vw 3rem;
  padding: 2rem var(--overflow-px) 3rem;
}

.hintbox {
  position: relative;
}

.hintbox.compact,
.details .hintbox {
  margin: 0;
  padding: 10px;
}

.hintbox.compact .hintbox-wrapper,
.details .hintbox .hintbox-wrapper {
  margin: 0;
}

.hintbox-wrapper {
  display: block;
}

@media (min-width: 840px) {
  .hintbox-wrapper {
    display: inline-flex;
    gap: 2rem;
  }
}

.hintbox .hl-2 {
  margin-bottom: 1rem;
  margin-top: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.hintbox .hl-3 {
  margin-bottom: 1rem;
  margin-top: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.hintbox .hl-4 {
  margin-bottom: 1rem;
  margin-top: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.hintbox .hl-5 {
  margin-bottom: 1rem;
  margin-top: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.hintbox-icon {
  margin-right: 1.4rem;
  float: left;
}

@media (min-width: 840px) {
  .hintbox-icon {
    margin-right: 0;
    float: none;
  }
}

.hintbox-icon img {
  max-width: 2.8rem;
  max-height: 2.8rem;
  width: 2.8rem;
}

@media (min-width: 840px) {
  .hintbox-icon img {
    width: 4rem;
    max-width: 4rem;
    max-height: 4rem;
  }
}

.bg-petrol .hintbox-icon img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.hintbox p::first-line {
  line-height: 1.8;
}

@media (min-width: 840px) {
  .hintbox p::first-line {
    line-height: 1.4;
  }
}

.footer {
  background-color: #f6f5ed;
}

.footer-banner {
  display: block;
  padding: 3rem 0 2rem;
}

@media (min-width: 600px) {
  .footer-banner {
    display: flex;
  }
}

.footer-banner .footer-rating {
  margin-bottom: 3.5rem;
  --col-width: (100% - var(--gap) * (var(--columns) - 1)) / var(--columns);
  width: calc(var(--col-width) * var(--col) + 12px * (var(--col) - 1));
  width: calc(var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1));
}

@media (min-width: 600px) {
  .footer-banner .footer-rating {
    --col: 6;
    margin-bottom: 0;
  }
}

.footer-banner .footer-functions {
  --col-width: (100% - var(--gap) * (var(--columns) - 1)) / var(--columns);
  width: calc(var(--col-width) * var(--col) + 12px * (var(--col) - 1));
  width: calc(var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1));
}

@media (min-width: 600px) {
  .footer-banner .footer-functions {
    margin-left: 12px;
    margin-left: var(--gap);
    --col: 6;
  }
}

.footer-banner .footer-functions > .list {
  display: inline-flex;
  margin-bottom: 0;
}

@media (min-width: 600px) {
  .footer-banner .footer-functions > .list {
    float: right;
  }
}

.footer-banner .footer-functions > .list .list-item {
  margin-right: 3.5rem;
}

@media (min-width: 600px) {
  .footer-banner .footer-functions > .list .list-item {
    margin-right: 0;
    margin-left: 3.5rem;
  }
}

@media (min-width: 840px) {
  .footer-banner .footer-functions > .list .list-item {
    margin-left: 4rem;
  }
}

.footer-info {
  display: block;
  padding: 3.5rem 0;
}

@media (min-width: 600px) {
  .footer-info {
    padding-top: 3rem;
  }
}

@media (min-width: 840px) {
  .footer-info {
    display: flex;
    gap: 12px;
    gap: var(--gap);
    padding: 3rem 0 2.4rem;
  }
}

.footer-info-links {
  --col-width: (100% - var(--gap) * (var(--columns) - 1)) / var(--columns);
  width: calc(var(--col-width) * var(--col) + 12px * (var(--col) - 1));
  width: calc(var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1));
}

@media (min-width: 840px) {
  .footer-info-links {
    --col: 3;
  }
}

.footer-info-links > ul.list,
.footer-info-links .details ul.list {
  margin-bottom: 0;
}

.footer-info-links > ul.list > .list-item,
.footer-info-links .details ul.list > .list-item {
  padding-bottom: 1.6rem;
}

.footer-info-links .details {
  margin-bottom: 0;
}

.footer-info-links .details > .details-title .details-title-label h2,
.footer-info-links .details .tag {
  font-weight: normal;
}

@media (min-width: 840px) {
  .footer-info-links .details {
    border-bottom: none;
    padding-left: 0;
    margin-bottom: 0;
  }

  .footer-info-links .details > .details-title {
    cursor: default;
    color: inherit;
    padding: 0;
    padding: initial;
    margin-bottom: 1rem;
  }

  .footer-info-links .details > .details-title:hover .details-title-label h2,
  .footer-info-links .details > .details-title:hover .tag {
    text-decoration: none;
  }

  .footer-info-links .details > .details-title > .details-title-label .icons {
    display: none;
  }

  .footer-info-links .details > .details-content {
    padding: 0;
    padding: initial;
    display: block;
  }
}

.footer-info-links .details > .details-content {
  overflow: visible;
}

.footer-info > .social-media-links {
  margin-top: 3.5rem;
}

@media (min-width: 840px) {
  .footer-info > .social-media-links {
    margin-top: 0;
  }
}

.footer-legally {
  display: block;
  padding: 0 0 3.5rem;
  margin-top: 0 !important;
  align-items: baseline;
}

@media (min-width: 840px) {
  .footer-legally {
    padding-bottom: 4rem;
  }
}

@media (min-width: 960px) {
  .footer-legally {
    display: flex;
    gap: 12px;
    gap: var(--gap);
  }
}

.footer-legally-copyright {
  margin-bottom: 3.5rem;
  --col-width: (100% - var(--gap) * (var(--columns) - 1)) / var(--columns);
  width: calc(var(--col-width) * var(--col) + 12px * (var(--col) - 1));
  width: calc(var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1));
}

@media (min-width: 840px) {
  .footer-legally-copyright {
    margin-bottom: 4rem;
  }
}

@media (min-width: 960px) {
  .footer-legally-copyright {
    margin-bottom: 0;
    --col: 3;
    flex-shrink: 0;
  }
}

.footer-legally-linklist {
  margin-bottom: 3.5rem;
  flex-grow: 0;
  --col-width: (100% - var(--gap) * (var(--columns) - 1)) / var(--columns);
  width: calc(var(--col-width) * var(--col) + 12px * (var(--col) - 1));
  width: calc(var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1));
}

@media (min-width: 840px) {
  .footer-legally-linklist {
    margin-bottom: 4rem;
  }
}

@media (min-width: 960px) {
  .footer-legally-linklist {
    margin-bottom: 0;
    flex-grow: 1;
  }
}

@media (min-width: 1280px) {
  .footer-legally-linklist {
    flex-grow: 0;
  }
}

.footer-legally-linklist > .list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  gap: 1.6rem 3.5rem;
}

.footer-legally-linklist > .list > .list-item {
  padding-bottom: 0;
}

@media (min-width: 840px) {
  .footer-legally-linklist > .list {
    -webkit-column-gap: 4rem;
    column-gap: 4rem;
  }
}

.footer-legally-top-button {
  --col-width: (100% - var(--gap) * (var(--columns) - 1)) / var(--columns);
  width: calc(var(--col-width) * var(--col) + 12px * (var(--col) - 1));
  width: calc(var(--col-width) * var(--col) + var(--gap) * (var(--col) - 1));
}

@media (min-width: 960px) {
  .footer-legally-top-button {
    flex-shrink: 0;
  }
}

@media (min-width: 1280px) {
  .footer-legally-top-button {
    --col: 3;
  }
}

.footer-legally-top-button > .button-container {
  margin: 0;
}

.contact-teaser {
  position: relative;
}

.contact-teaser.bg-lightblue-digital20,
.contact-teaser.bg-lightgray {
  background-color: rgba(0, 0, 0, 0);
}

@media (min-width: 960px) {
  .contact-teaser.bg-lightblue-digital20 {
    background-color: #ebf3f7;
  }

  .contact-teaser.bg-lightgray {
    background-color: #f6f5ed;
  }
}

.contact-teaser .hidden {
  visibility: hidden;
}

.contact-teaser address {
  font-style: normal;
}

@media (min-width: 960px) {
  .contact-teaser.bg-lightblue-digital20 .smk-1,
  .contact-teaser.bg-lightgray .smk-1 {
    padding-top: 1.5rem;
  }

  .contact-teaser .smk-1 {
    padding: 0 1.5rem;
  }
}

.contact-teaser-img {
  margin-bottom: 1.5rem;
}

.contact-teaser-content {
  margin-bottom: 0;
}

@media (min-width: 960px) {
  .contact-teaser-content {
    padding: 0 1.5rem;
  }

  .bg-lightblue-digital20 .contact-teaser-content,
  .bg-lightgray .contact-teaser-content {
    padding-bottom: 2.5rem;
  }
}

.contact-teaser-content .contact-teaser-link:last-child .space-small,
.contact-teaser-content .additional-info:last-child .space-small {
  margin-bottom: 0;
}

.contact-teaser-content .space-small {
  margin-bottom: 2rem;
}

.contact-teaser-salutation,
.contact-teaser-job p {
  margin-bottom: 0;
}

.contact-teaser-link {
  margin-bottom: 1.3rem;
  word-break: break-all;
}

.contact-teaser-link:last-child {
  margin-bottom: 0;
}

.contact-teaser-link .hl-4 {
  margin-bottom: 0;
}

.contact-teaser-link .additional-info p {
  margin-bottom: 0;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
}

.contact-teaser-address p {
  margin-bottom: 0;
}

.contact-teaser .list {
  margin-bottom: 0;
}

.contact-teaser .list-item {
  margin-bottom: 1.3rem;
}

.contact-teaser .list-item:last-child {
  margin-bottom: 0;
}

@media (min-width: 960px) {
  .contact-teaser.bg-lightblue-digital20 > .contact-teaser-content,
  .contact-teaser.bg-lightgray > .contact-teaser-content {
    padding-top: 1.5rem;
  }
}

.page-s3-page-intro .button-container {
  margin-bottom: 0;
  margin-top: 3rem;
}

@media (min-width: 320px) and (max-width: calc(960px - 1px)) {
  .page-s3 > div + div,
  .page-s3 > div + section {
    margin-top: 6rem;
    margin-top: var(--component-gap-big);
  }
}

@media (min-width: 840px) and (max-width: calc(960px - 1px)) {
  .page-s3 .marginal-column {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4rem 12px;
    grid-gap: 4rem 12px;
    grid-gap: 4rem var(--gap);
    gap: 4rem var(--gap);
  }

  .page-s3 .marginal-column > * {
    --component-gap-small: 0;
  }
}

@media (min-width: 960px) {
  .page-s3 {
    display: grid;
    gap: 0 12px;
    grid-gap: 0 12px;
    grid-gap: 0 var(--gap);
    gap: 0 var(--gap);
    grid-template:
      'main main main marginal' auto 'banner banner banner banner' auto/minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
      minmax(0, 1fr);
  }

  .page-s3 .main-column {
    grid-area: main;
  }

  .page-s3 .banner {
    grid-area: banner;
    margin-top: 6rem;
    margin-top: var(--component-gap-big);
  }

  .page-s3 .marginal-column {
    grid-area: marginal;
  }
}

.stage-entry {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  gap: 1rem;
}

.stage-entry-item-btn {
  display: flex;
  flex-direction: row;
  width: 3.6rem;
  height: 3.6rem;
  border: 1px solid #005a8c;
  border-radius: 4px;
  background: #fff;
  color: #005a8c;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  padding: 0.9rem;
  cursor: pointer;
}

.stage-entry-item-btn:hover {
  border: 2px solid #00446e;
}

.stage-entry-item-btn:hover span {
  color: #00446e;
}

.stage-entry-item-btn:focus-visible {
  outline: none;
  border: 2px dashed #00446e;
  border-radius: 4px;
}

.stage-entry-item-btn:focus-visible span {
  color: #00446e;
}

.stage-entry-item-btn.btn-negative:not(.inactive) {
  border: 1px solid #fff;
  background: #005a8c;
}

.stage-entry-item-btn.btn-negative:not(.inactive) span {
  color: #fff;
}

.stage-entry-item-btn.btn-negative:not(.inactive):hover {
  border: 2px solid #fff;
}

.stage-entry-item-btn.btn-negative:not(.inactive):hover span {
  color: #fff;
}

.stage-entry-item-btn.btn-negative:not(.inactive):focus-visible {
  outline: none;
  border: 2px dashed #fff;
}

.stage-entry-item-btn.active {
  background: #00446e;
  border: 1px solid #00446e;
  color: #fff;
}

.stage-entry-item-btn.active:hover span {
  color: #fff;
}

.stage-entry-item-btn.active:focus-visible span {
  color: #fff;
}

.stage-entry-item-btn.active.btn-negative {
  border: 1px solid #00446e;
  background: #fff;
}

.stage-entry-item-btn.active.btn-negative span {
  color: #00446e;
}

.stage-entry-item-btn.active.btn-negative:hover {
  border: 1px solid #00446e;
}

.stage-entry-item-btn.active.btn-negative:hover span {
  color: #00446e;
}

.stage-entry-item-btn.active.btn-negative:not(.active):focus-visible {
  border-radius: 4px;
  outline: 2px dashed #fff;
  outline-offset: 2px;
}

.stage-entry-item-btn.inactive {
  background: #f6f5ed;
  border: 1px solid #bdc0c2;
}

.stage-entry-item-btn.inactive span {
  color: #5a6166;
}

.step-navigation {
  position: relative;
  display: inline-flex;
  flex-direction: row;
}

.step-navigation .button-container {
  margin: 0;
}

.step-navigation .button-container:first-child {
  margin: 0 2rem 0 0;
}

.step-navigation .button-container:last-child {
  margin-left: 2rem;
}

@media (min-width: 840px) {
  .step-navigation .button-container {
    display: none;
  }
}

.step-navigation-btn {
  display: none;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  font-size: 2.6rem;
  border: 2px solid rgba(0, 0, 0, 0);
}

.step-navigation-btn-divider {
  color: #5a6166;
  margin: 0;
  width: 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 840px) {
  .step-navigation-btn-divider {
    display: none;
  }
}

.step-navigation-btn .counter {
  width: 4.2rem;
  height: 4.2rem;
  border: 1px solid #005a8c;
  border-radius: 4.2rem;
  background: #fff;
  color: #005a8c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}

.step-navigation-btn:last-of-type {
  margin-right: 0;
  margin-left: 1rem;
  display: inline-flex;
}

@media (min-width: 840px) {
  .step-navigation-btn {
    display: inline-flex;
    margin-right: 3rem;
  }

  .step-navigation-btn:last-of-type {
    margin-left: 0;
  }
}

.step-navigation-btn.active {
  display: inline-flex;
}

.step-navigation-btn.active:hover {
  color: #fff;
}

.step-navigation-btn.active:focus-visible {
  outline: none;
  color: #fff;
}

.step-navigation-btn.active .counter {
  background: #00446e;
  border: none;
  color: #fff;
}

.step-navigation-btn:not(.active, .btn-with-text) :hover {
  border: 2px solid #00446e;
  color: #00446e;
}

.step-navigation-btn:not(.active, .btn-with-text):focus-visible {
  outline: none;
  border: 2px dashed #00446e;
  color: #00446e;
  border-radius: 4.2rem;
}

.step-navigation-btn:not(.active, .btn-with-text):focus-visible .counter {
  border: none;
}

.step-navigation-btn.btn-with-text .text {
  color: #005a8c;
  margin-left: 1.5rem;
  font-size: 1.8rem;
  display: none;
}

@media (min-width: 840px) {
  .step-navigation-btn.btn-with-text .text {
    display: inline;
  }
}

.step-navigation-btn.btn-with-text:hover:not(.active) .counter {
  border: 2px solid #00446e;
  color: #00446e;
}

.step-navigation-btn.btn-with-text:hover:not(.active) .text {
  text-decoration: underline;
  color: #00446e;
}

.step-navigation-btn.btn-with-text:not(.active):focus-visible {
  outline: none;
  border: 2px dashed #00446e;
  color: #00446e;
  border-radius: 0.4rem;
}

.step-navigation-btn.btn-with-text:not(.active):focus-visible .counter {
  border: 2px solid #00446e;
  color: #00446e;
}

.step-navigation-btn.btn-with-text:not(.active):focus-visible .text {
  text-decoration: underline;
  color: #00446e;
}

.step-navigation-btn.btn-with-text.active .counter {
  color: #fff;
}

.step-navigation-btn.btn-with-text.active .text {
  text-decoration: underline;
  color: #00446e;
}

.step-navigation-btn.btn-with-text.inactive {
  pointer-events: none;
  cursor: default;
}

.step-navigation-btn.btn-with-text.inactive .counter {
  border: 2px solid #bdc0c2;
  color: #5a6166;
}

.step-navigation-btn.btn-with-text.inactive .text {
  color: #2d3134;
}

.placeholder {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  padding: 3rem;
  font-size: 2rem;
  background-color: #f0f;
}

.placeholder .tx-1 {
  margin-bottom: 0;
}

/*# sourceMappingURL=main.3840d1f4.css.map*/