/* adding styling to the pages `/user/login` and `/user/password` */
#user-login-form,
#user-pass {
  margin: 0 auto;
  max-width: 80rem;
  padding: var(--spacing-16);
}
#user-login-form [data-drupal-selector="edit-actions"],
#user-pass [data-drupal-selector="edit-actions"] {
  margin-top: var(--spacing-16);
}
.toolbar-oriented .toolbar-tray-vertical {
  width: 240px !important;
}
/* `.is-light` class on the element will display it with default brand colors even in high contrast mode */
/* stylelint-disable-next-line suitcss/selector-root-no-composition */
:root,
.contrast-low,
.is-light {
  /* Fix cookie banner font-size with its own custom property
  Previous: 0.875rem = 8.75px (gotten from the cookie banner font-size by checking dev tools)
  After scale adjustment: 1.6 * 8.75px = 14px */
  --uc-typography-scale: 1.6;

  /* spacings */
  --spacing-2: calc(var(--spacing-8) * 0.25);
  --spacing-4: calc(var(--spacing-8) * 0.5);
  --spacing-8: 0.8rem;
  --spacing-12: calc(var(--spacing-8) * 1.5);
  --spacing-16: calc(var(--spacing-8) * 2);
  --spacing-24: calc(var(--spacing-8) * 3);
  --spacing-32: calc(var(--spacing-8) * 4);
  --spacing-40: calc(var(--spacing-8) * 5);
  --spacing-48: calc(var(--spacing-8) * 6);
  --spacing-56: calc(var(--spacing-8) * 7);
  --spacing-64: calc(var(--spacing-8) * 8);
  --spacing-80: calc(var(--spacing-8) * 10);
  --spacing-96: calc(var(--spacing-8) * 12);
  --spacing-120: calc(var(--spacing-8) * 15);

  /*
   * viewport width based on vw unit and scrollbar width
   * scrollbar width is getting calculated and provided by runtime javascript
   * need to disable stylelint because calc won't work without unit
   */

  /* stylelint-disable-next-line */
  --viewport-width: calc(100vw - var(--scrollbar-width, 0px));

  /* Content max width */
  --content-max-width: 122.4rem;

  /* colors */
  --color-antracite: #313131;
  --color-brand-green--hover: #69b216;
  --color-brand-green--disabled: #c2eb99;
  --color-brand-green--pressed: #5fa70f;
  --color-brand-green--visited: #408000;
  --color-brand-green-selected-focus: #4b9800;
  --color-brand-green: #73be1e;
  --color-purple: #574052;
  --color-purple--50: #ab9fa8;
  --color-purple--80: #796675;
  --color-signal--dark: #af5839;
  --color-decoration-black: #000;
  --color-decoration-brand-green--10: #f0fae5;
  --color-decoration-brand-green--20: #e3f2d2;
  --color-decoration-grey: #b6b1a8;
  --color-decoration-grey--dark: #727272;
  --color-decoration-grey--light: #e3e3e3;
  --color-decoration-natural--40: #faf8f4;
  --color-decoration-natural--dark: #e9e3da;
  --color-decoration-natural: #f2ede4;
  --color-decoration-signal--red: #f97c50;
  --color-decoration-signal--red-10: #fff1ed;
  --color-decoration-signal--red-50: #f26c3d;
  --color-decoration-signal--red-80: #e86435;
  --color-decoration-signal--red-disabled-light: #fdcbb9;
  --color-decoration-signal--red-disabled-dark: #ab8d83;
  --color-decoration-social--yellow: #ff0;
  --color-white: #fff;
  --color-white--rgba-1: rgba(255, 255, 255, 1);
  --color-white--rgba-08: rgba(255, 255, 255, 0.8);
  --color-white--rgba-07: rgba(255, 255, 255, 0.7);
  --color-white--rgba-0: rgba(255, 255, 255, 0);

  --color-social-network--facebook: #1877f2;
  --color-social-network--instagram: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
  --color-social-network--linkedin: #0077b5;
  --color-social-network--mail: var(--color-purple);
  --color-social-network--tiktok: #000;
  --color-social-network--bluesky: #0a7aff;
  --color-social-network--whatsapp: #25d366;
  --color-social-network--youtube: #f00;

  --color-kids-blue: #006696;
  --color-kids-blue--hover: #065b83;
  --color-kids-blue--pressed: #014e72;
  --color-kids-blue--disabled: #a2bccc;
  --color-kids-green: #73be1e;
  --color-kids-yellow: #e98300;
  --color-kids-red: #f00;

  /* accessible colors */
  --color-brand-green--hover-accessible: #360;
  --color-brand-green--pressed-accessible: #264d00;
  --color-brand-green--visited-accessible: #264d00;
  --color-brand-green-accessible: #428500;
  --color-decoration-signal--red-50-accessible: #f97c50;
  --color-decoration-signal--red-accessible: #f97c50;
  --color-purple--50-accessible: var(--color-purple--80);

  /* font options */
  --typo-letter-spacing--max: 0.06em;
  --typo-letter-spacing--wide: 0.01em;
  --typo-letter-spacing--normal: normal;
  --typo-letter-spacing--narrow: -0.01em;

  /* z-index */
  --level-1: 10; /* Lowest level in the hierarchy */
  --level-2: 20; /* Medium level in the hierarchy */
  --level-3: 30; /* Highest level in the hierarchy */

  /* misc */
  --default-box-shadow--bottom: 0 1rem 0.8rem -0.8rem rgba(49, 49, 49, 0.08);
  --default-box-shadow--top-inset: inset 0 1rem 0.8rem -0.8rem rgba(49, 49, 49, 0.08);
  --default-box-shadow: 0 0.2rem 0.8rem rgba(49, 49, 49, 0.08);
  --default-transition-time: 250ms;

  /* header and navigation */
  --main-navigation-height: 7.2rem;
  --meta-navigatation-height: 3.8rem;
  --header-height--desktop: calc(
    var(--main-navigation-height) + var(--meta-navigatation-height)
  );
  --header-height--mobile: 5.6rem;

  --breadcrumb-min-height: 5.6rem;
}
.contrast-high {
  --color-brand-green--hover: var(--color-brand-green--hover-accessible);
  --color-brand-green--pressed: var(--color-brand-green--pressed-accessible);
  --color-brand-green--visited: var(--color-brand-green--visited-accessible);
  --color-brand-green: var(--color-brand-green-accessible);
  --color-decoration-signal--red-50: var(
    --color-decoration-signal--red-50-accessible
  );
  --color-decoration-signal--red: var(
    --color-decoration-signal--red-accessible
  );
  --color-purple--50: var(--color-purple--50-accessible);
}
/* font decisions */
/*
* custom media queries
* viewports are also defined in src/js/constants.js for javascript breakpoint handling
*/
/* 569px */
/* 570px - 1279px */
/* 570px */
/* 570px - 959px */
/* 959px */
/* 960px */
/* 960px - 1279px */
/* 1279px */
/* 1280px */
/* stylelint-disable */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* CUSTOM */
button,
input,
select,
textarea {
  appearance: none;
  background: none;
  border-radius: 0;
  border: none;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
}
/* It is important to keep the outlines when elements are focused because
 * a user uses the keyboard to navigate. We can use the pseudo class
 * :focus-visible for that. Only if this does not apply, we can safely
 * remove outlines when an element is focused (by using the mouse e.g.)
 */
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
a:focus:not(:focus-visible),
summary:focus:not(:focus-visible) {
  outline: none;
}
/* When setting list-style to "none" for lists, it is also semantically removed.
 * By adding role=list, it will keep its semantic meaning, so in that case
 * we can set list-style to "none".
 */
ul[role="list"],
ol[role="list"] {
  list-style: none;
}
/* stylelint-enable */
@font-face {
  font-display: swap;
  font-family: "Work Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Work Sans Regular"), url("../fonts/worksans-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 500;
  src: local("Work Sans Medium"), url("../fonts/worksans-medium.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Work Sans Semibold"), url("../fonts/worksans-semibold.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 900;
  src: local("Work Sans Bold"), url("../fonts/worksans-bold.woff2") format("woff2");
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
/*
 * this sets the default font size to 10px, that way e.g. 1.6rem equals 16px,
 * which makes conversion easier
 */
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
body {
  background-color: var(--color-white);
  color: var(--color-antracite);
  font: var(--body-font-size)/var(--body-line-height) "Work Sans", sans-serif;
}
.SkipLink.visually-hidden.focusable {
  align-items: center;
  background: var(--color-white);
  display: flex;
  inset: 0 0 auto;
  justify-content: space-around;
  transition: all var(--default-transition-time);
}
.SkipLink.visually-hidden.focusable:focus {
  height: var(--header-height--desktop) !important;
  position: absolute !important;
  width: auto !important;
  z-index: 100;
}
a {
  text-decoration: none;
}
/*
 * when the user prefers reduced motion, do not set the duration to 0, but
 * a tiny value instead, so JS events are still triggered
 */
h1,
.u-typo-headline1 {
  font-size: var(--typo-headline1-font-size);
  font-weight: var(--typo-headline1-font-weight);
  letter-spacing: var(--typo-headline1-letter-spacing);
  line-height: var(--typo-headline1-line-height);
}
h2,
.u-typo-headline2 {
  font-size: var(--typo-headline2-font-size);
  font-weight: var(--typo-headline2-font-weight);
  letter-spacing: var(--typo-headline2-letter-spacing);
  line-height: var(--typo-headline2-line-height);
}
h3,
.u-typo-headline3 {
  font-size: var(--typo-headline3-font-size);
  font-weight: var(--typo-headline3-font-weight);
  letter-spacing: var(--typo-headline3-letter-spacing);
  line-height: var(--typo-headline3-line-height);
}
h4,
.u-typo-headline4 {
  font-size: var(--typo-headline4-font-size);
  font-weight: var(--typo-headline4-font-weight);
  line-height: var(--typo-headline4-line-height);
}
h5,
.u-typo-headline5 {
  font-size: var(--typo-headline5-font-size);
  font-weight: var(--typo-headline5-font-weight);
  line-height: var(--typo-headline5-line-height);
}
h6,
.u-typo-headline6 {
  font-size: var(--typo-headline6-font-size);
  font-weight: var(--typo-headline6-font-weight);
  line-height: var(--typo-headline6-line-height);
}
.u-typo-big-copy-subline {
  font-size: var(--typo-big-copy-subline-font-size);
  line-height: var(--typo-big-copy-subline-line-height);
}
.u-typo-copy {
  font-size: var(--typo-copy-font-size);
  line-height: var(--typo-copy-line-height);
}
.u-typo-copy-bold {
  font-size: var(--typo-copy-bold-font-size);
  font-weight: var(--typo-copy-bold-font-weight);
  line-height: var(--typo-copy-bold-line-height);
}
.u-typo-link {
  font-size: var(--typo-link-font-size);
  font-weight: var(--typo-link-font-weight);
  line-height: var(--typo-link-line-height);
  -webkit-text-decoration: var(--typo-link-text-decoration);
          text-decoration: var(--typo-link-text-decoration);
}
.u-typo-copy-small {
  font-size: var(--typo-copy-small-font-size);
  line-height: var(--typo-copy-small-line-height);
}
.u-typo-copy-small-semibold {
  font-size: var(--typo-copy-small-semibold-font-size);
  font-weight: var(--typo-copy-small-semibold-font-weight);
  line-height: var(--typo-copy-small-semibold-line-height);
}
.u-typo-copy-small-bold {
  font-size: var(--typo-copy-small-bold-font-size);
  font-weight: var(--typo-copy-small-bold-font-weight);
  line-height: var(--typo-copy-small-bold-line-height);
}
.u-typo-button-text {
  font-size: var(--typo-button-text-font-size);
  font-weight: var(--typo-button-font-weight);
  letter-spacing: var(--typo-letter-spacing--max);
  line-height: var(--typo-button-text-line-height);
}
.u-typo-label {
  font-size: var(--typo-label-font-size);
  font-weight: var(--typo-label-font-weight);
  letter-spacing: var(--typo-label-letter-spacing);
  line-height: var(--typo-label-line-height);
  text-transform: var(--typo-label-text-transform);
}
.u-typo-label-small {
  font-size: var(--typo-label-small-font-size);
  font-weight: var(--typo-label-small-font-weight);
  letter-spacing: var(--typo-label-small-letter-spacing);
  line-height: var(--typo-label-small-line-height);
  text-transform: var(--typo-label-small-text-transform);
}
.u-typo-highlight-headline {
  font-size: var(--typo-highlight-headline-font-size);
  font-weight: var(--typo-highlight-headline-font-weight);
  line-height: var(--typo-highlight-headline-line-height);
}
/* @define: utilities */
.u-hiddenVisually {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.u-grid {
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 0 var(--u-grid-gap);
  grid-template-columns: repeat(var(--u-grid-template-columns-amount), 1fr);
}
.u-paddedText {
  background: var(--color-white);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  box-shadow: 0 0 0 0.2rem var(--color-white);
  padding: 0 var(--spacing-8);
}
.u-container {
  --u-container-side-padding: var(--spacing-16);

  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--content-max-width) + 2 * var(--u-container-side-padding));
  padding-left: var(--u-container-side-padding);
  padding-right: var(--u-container-side-padding);
}
.u-brandLink {
  color: var(--u-brandLink-color, var(--color-brand-green));
  transition: color var(--default-transition-time);
}
.u-brandLink:hover {
  --u-brandLink-color: var(--color-brand-green--hover);
}
@keyframes scaleVerticalLineToFullWidth {
  0% {
    transform: scale3d(0.0065, 0.2, 1);
  }

  50% {
    transform: scale3d(0.0065, 1, 1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadeOutAndMoveSlightlyLeft {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  30% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(-15%, 0, 0);
  }
}
@keyframes fadeInAndMoveSlightlyRight {
  0% {
    opacity: 0;
    transform: translate3d(-15%, 0, 0);
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.captcha p {
  margin: var(--captcha-paragraph-margin);
}
.captcha p strong {
  font-weight: 600;
}
.uc-embedding-container .uc-embedding-buttons + span {
  display: none; /* text "powered by..." */
}
.uc-embedding-container .uc-embedding-accept {
  background-color: var(--FskButton-bg-color);
  margin-right: 0;
}
.uc-embedding-container .uc-embedding-more-info {
  margin-right: 0;
}
.uc-embedding-container .uc-embedding-accept:not([disabled]):hover {
  --FskButton-bg-color: var(--FskButton-bg-color--hover, var(--FskButton-initial-bg-color));
}
.uc-embedding-container .uc-embedding-accept:not([disabled]):focus {
  --FskButton-bg-color: var(--FskButton-bg-color--focus, var(--FskButton-initial-bg-color));
}
.uc-embedding-container .uc-embedding-accept:not([disabled]):active {
  --FskButton-bg-color: var(--FskButton-bg-color--active, var(--FskButton-initial-bg-color));
}
/* fsk base */
html {
  --color-decoration-Primary-r: 0;
  --color-decoration-Primary-g: 119;
  --color-decoration-Primary-b: 213;
  --color-decoration-Primary-a: 1;
  --color-decoration-Primary: rgba(var(--color-decoration-Primary-r), var(--color-decoration-Primary-g), var(--color-decoration-Primary-b), var(--color-decoration-Primary-a));
  --color-decoration-Secondary-r: 0;
  --color-decoration-Secondary-g: 95;
  --color-decoration-Secondary-b: 163;
  --color-decoration-Secondary-a: 1;
  --color-decoration-Secondary: rgba(var(--color-decoration-Secondary-r), var(--color-decoration-Secondary-g), var(--color-decoration-Secondary-b), var(--color-decoration-Secondary-a));
  --color-decoration-Success-r: 0;
  --color-decoration-Success-g: 197;
  --color-decoration-Success-b: 142;
  --color-decoration-Success-a: 1;
  --color-decoration-Success: rgba(var(--color-decoration-Success-r), var(--color-decoration-Success-g), var(--color-decoration-Success-b), var(--color-decoration-Success-a));
  --color-decoration-Warning-r: 255;
  --color-decoration-Warning-g: 124;
  --color-decoration-Warning-b: 51;
  --color-decoration-Warning-a: 1;
  --color-decoration-Warning: rgba(var(--color-decoration-Warning-r), var(--color-decoration-Warning-g), var(--color-decoration-Warning-b), var(--color-decoration-Warning-a));
  --color-decoration-Fail-r: 231;
  --color-decoration-Fail-g: 25;
  --color-decoration-Fail-b: 72;
  --color-decoration-Fail-a: 1;
  --color-decoration-Fail: rgba(var(--color-decoration-Fail-r), var(--color-decoration-Fail-g), var(--color-decoration-Fail-b), var(--color-decoration-Fail-a));
  --color-decoration-FailDarker-r: 183;
  --color-decoration-FailDarker-g: 5;
  --color-decoration-FailDarker-b: 46;
  --color-decoration-FailDarker-a: 1;
  --color-decoration-FailDarker: rgba(var(--color-decoration-FailDarker-r), var(--color-decoration-FailDarker-g), var(--color-decoration-FailDarker-b), var(--color-decoration-FailDarker-a));
  --color-decoration-White-r: 255;
  --color-decoration-White-g: 255;
  --color-decoration-White-b: 255;
  --color-decoration-White-a: 1;
  --color-decoration-White: rgba(var(--color-decoration-White-r), var(--color-decoration-White-g), var(--color-decoration-White-b), var(--color-decoration-White-a));
  --color-decoration-Grey10-r: 233;
  --color-decoration-Grey10-g: 237;
  --color-decoration-Grey10-b: 243;
  --color-decoration-Grey10-a: 1;
  --color-decoration-Grey10: rgba(var(--color-decoration-Grey10-r), var(--color-decoration-Grey10-g), var(--color-decoration-Grey10-b), var(--color-decoration-Grey10-a));
  --color-decoration-Grey20-r: 192;
  --color-decoration-Grey20-g: 202;
  --color-decoration-Grey20-b: 220;
  --color-decoration-Grey20-a: 1;
  --color-decoration-Grey20: rgba(var(--color-decoration-Grey20-r), var(--color-decoration-Grey20-g), var(--color-decoration-Grey20-b), var(--color-decoration-Grey20-a));
  --color-decoration-Grey50-r: 105;
  --color-decoration-Grey50-g: 119;
  --color-decoration-Grey50-b: 144;
  --color-decoration-Grey50-a: 1;
  --color-decoration-Grey50: rgba(var(--color-decoration-Grey50-r), var(--color-decoration-Grey50-g), var(--color-decoration-Grey50-b), var(--color-decoration-Grey50-a));
  --color-decoration-Grey80-r: 76;
  --color-decoration-Grey80-g: 84;
  --color-decoration-Grey80-b: 101;
  --color-decoration-Grey80-a: 1;
  --color-decoration-Grey80: rgba(var(--color-decoration-Grey80-r), var(--color-decoration-Grey80-g), var(--color-decoration-Grey80-b), var(--color-decoration-Grey80-a));
  --color-decoration-Black-r: 19;
  --color-decoration-Black-g: 21;
  --color-decoration-Black-b: 24;
  --color-decoration-Black-a: 1;
  --color-decoration-Black: rgba(var(--color-decoration-Black-r), var(--color-decoration-Black-g), var(--color-decoration-Black-b), var(--color-decoration-Black-a));
  --color-typo-Caption-r: 105;
  --color-typo-Caption-g: 119;
  --color-typo-Caption-b: 144;
  --color-typo-Caption-a: 1;
  --color-typo-Caption: rgba(var(--color-typo-Caption-r), var(--color-typo-Caption-g), var(--color-typo-Caption-b), var(--color-typo-Caption-a));
  --color-typo-Link-r: 0;
  --color-typo-Link-g: 119;
  --color-typo-Link-b: 213;
  --color-typo-Link-a: 1;
  --color-typo-Link: rgba(var(--color-typo-Link-r), var(--color-typo-Link-g), var(--color-typo-Link-b), var(--color-typo-Link-a));
  --color-typo-Link-hover-r: 0;
  --color-typo-Link-hover-g: 95;
  --color-typo-Link-hover-b: 163;
  --color-typo-Link-hover-a: 1;
  --color-typo-Link-hover: rgba(var(--color-typo-Link-hover-r), var(--color-typo-Link-hover-g), var(--color-typo-Link-hover-b), var(--color-typo-Link-hover-a));
  --color-typo-Fail-r: 231;
  --color-typo-Fail-g: 25;
  --color-typo-Fail-b: 72;
  --color-typo-Fail-a: 1;
  --color-typo-Fail: rgba(var(--color-typo-Fail-r), var(--color-typo-Fail-g), var(--color-typo-Fail-b), var(--color-typo-Fail-a));
  --color-typo-Fail-hover-r: 183;
  --color-typo-Fail-hover-g: 5;
  --color-typo-Fail-hover-b: 46;
  --color-typo-Fail-hover-a: 1;
  --color-typo-Fail-hover: rgba(var(--color-typo-Fail-hover-r), var(--color-typo-Fail-hover-g), var(--color-typo-Fail-hover-b), var(--color-typo-Fail-hover-a));
  --color-typo-Copy-r: 76;
  --color-typo-Copy-g: 84;
  --color-typo-Copy-b: 101;
  --color-typo-Copy-a: 1;
  --color-typo-Copy: rgba(var(--color-typo-Copy-r), var(--color-typo-Copy-g), var(--color-typo-Copy-b), var(--color-typo-Copy-a));
  --color-typo-Headline-r: 19;
  --color-typo-Headline-g: 21;
  --color-typo-Headline-b: 24;
  --color-typo-Headline-a: 1;
  --color-typo-Headline: rgba(var(--color-typo-Headline-r), var(--color-typo-Headline-g), var(--color-typo-Headline-b), var(--color-typo-Headline-a));

  --outline-2-Fail-width: 0.2rem;
  --outline-2-Fail-style: solid;
  --outline-2-Fail-color: var(--color-decoration-Fail);
  --outline-2-Fail: var(--outline-2-Fail-width) var(--outline-2-Fail-style) var(--outline-2-Fail-color);
  --outline-2-Primary-width: 0.2rem;
  --outline-2-Primary-style: solid;
  --outline-2-Primary-color: var(--color-decoration-Primary);
  --outline-2-Primary: var(--outline-2-Primary-width) var(--outline-2-Primary-style) var(--outline-2-Primary-color);
  --outline-2-Gray20-width: 0.2rem;
  --outline-2-Gray20-style: solid;
  --outline-2-Gray20-color: var(--color-decoration-Gray20);
  --outline-2-Gray20: var(--outline-2-Gray20-width) var(--outline-2-Gray20-style) var(--outline-2-Gray20-color);
  --outline-1-Gray20-width: 0.1rem;
  --outline-1-Gray20-style: solid;
  --outline-1-Gray20-color: var(--color-decoration-Gray20);
  --outline-1-Gray20: var(--outline-1-Gray20-width) var(--outline-1-Gray20-style) var(--outline-1-Gray20-color);

  --radius-5-top-left: 0.5rem;
  --radius-5-top-right: 0.5rem;
  --radius-5-bottom-right: 0.5rem;
  --radius-5-bottom-left: 0.5rem;
  --radius-5: var(--radius-5-top-left) var(--radius-5-top-right) var(--radius-5-bottom-right) var(--radius-5-bottom-left);
  --radius-10-top-left: 1rem;
  --radius-10-top-right: 1rem;
  --radius-10-bottom-right: 1rem;
  --radius-10-bottom-left: 1rem;
  --radius-10: var(--radius-10-top-left) var(--radius-10-top-right) var(--radius-10-bottom-right) var(--radius-10-bottom-left);

  --outer-shadow-Default-x: 0rem;
  --outer-shadow-Default-y: 0.2rem;
  --outer-shadow-Default-blur: 0.8rem;
  --outer-shadow-Default-color: rgba(0, 0, 0, 0.25);
  --outer-shadow-Default: var(--outer-shadow-Default-x) var(--outer-shadow-Default-y) var(--outer-shadow-Default-blur) var(--outer-shadow-Default-color);
  --outer-shadow-Active-x: 0.2rem;
  --outer-shadow-Active-y: 0.4rem;
  --outer-shadow-Active-blur: 1.2rem;
  --outer-shadow-Active-color: rgba(0, 0, 0, 0.15000000596046448);
  --outer-shadow-Active: var(--outer-shadow-Active-x) var(--outer-shadow-Active-y) var(--outer-shadow-Active-blur) var(--outer-shadow-Active-color);
  --inner-shadow-Default-x: 0.4rem;
  --inner-shadow-Default-y: 0.4rem;
  --inner-shadow-Default-blur: 1rem;
  --inner-shadow-Default-color: rgba(0, 0, 0, 0.25);
  --inner-shadow-Default: inset var(--inner-shadow-Default-x) var(--inner-shadow-Default-y) var(--inner-shadow-Default-blur) var(--inner-shadow-Default-color);
  --inner-shadow-Active-x: 0.4rem;
  --inner-shadow-Active-y: 0.4rem;
  --inner-shadow-Active-blur: 2rem;
  --inner-shadow-Active-color: rgba(0, 0, 0, 0.25);
  --inner-shadow-Active: inset var(--inner-shadow-Active-x) var(--inner-shadow-Active-y) var(--inner-shadow-Active-blur) var(--inner-shadow-Active-color);

  --spacing-4: 0.4rem;
  --spacing-8: 0.8rem;
  --spacing-16: 1.6rem;
  --spacing-24: 2.4rem;
  --spacing-32: 3.2rem;
  --spacing-48: 4.8rem;
  --spacing-72: 7.2rem;
  --spacing-128: 12.8rem;
  --spacing-256: 25.6rem;
  --spacing-512: 51.2rem;

  --typo-TextLink-font-style: none;
  --typo-TextLink-font-weight: 400;
  --typo-TextLink-font-size: 1.6rem;
  --typo-TextLink-line-height: 1.28;
  --typo-TextLink-font-family: Roboto;
  --typo-TextLink: var(--typo-TextLink-font-weight) var(--typo-TextLink-font-size) / var(--typo-TextLink-line-height) var(--typo-TextLink-font-family);
  --typo-Copy-14-font-style: none;
  --typo-Copy-14-font-weight: 400;
  --typo-Copy-14-font-size: 1.4rem;
  --typo-Copy-14-line-height: 1.10;
  --typo-Copy-14-font-family: Roboto;
  --typo-Copy-14: var(--typo-Copy-14-font-weight) var(--typo-Copy-14-font-size) / var(--typo-Copy-14-line-height) var(--typo-Copy-14-font-family);
  --typo-Default-font-style: none;
  --typo-Default-font-weight: 400;
  --typo-Default-font-size: 1.6rem;
  --typo-Default-line-height: 1.28;
  --typo-Default-font-family: Roboto;
  --typo-Default: var(--typo-Default-font-weight) var(--typo-Default-font-size) / var(--typo-Default-line-height) var(--typo-Default-font-family);
  --typo-Headline-16-font-style: none;
  --typo-Headline-16-font-weight: 700;
  --typo-Headline-16-font-size: 1.6rem;
  --typo-Headline-16-line-height: 1.28;
  --typo-Headline-16-font-family: Roboto;
  --typo-Headline-16: var(--typo-Headline-16-font-weight) var(--typo-Headline-16-font-size) / var(--typo-Headline-16-line-height) var(--typo-Headline-16-font-family);
  --typo-Headline-18-font-style: none;
  --typo-Headline-18-font-weight: 700;
  --typo-Headline-18-font-size: 1.8rem;
  --typo-Headline-18-line-height: 1.14;
  --typo-Headline-18-font-family: Roboto;
  --typo-Headline-18: var(--typo-Headline-18-font-weight) var(--typo-Headline-18-font-size) / var(--typo-Headline-18-line-height) var(--typo-Headline-18-font-family);
  --typo-Headline-24-font-style: none;
  --typo-Headline-24-font-weight: 700;
  --typo-Headline-24-font-size: 2.4rem;
  --typo-Headline-24-line-height: 0.85;
  --typo-Headline-24-font-family: Roboto;
  --typo-Headline-24: var(--typo-Headline-24-font-weight) var(--typo-Headline-24-font-size) / var(--typo-Headline-24-line-height) var(--typo-Headline-24-font-family);
  --typo-Headline-40-font-style: none;
  --typo-Headline-40-font-weight: 700;
  --typo-Headline-40-font-size: 4rem;
  --typo-Headline-40-line-height: 1.02;
  --typo-Headline-40-font-family: Roboto;
  --typo-Headline-40: var(--typo-Headline-40-font-weight) var(--typo-Headline-40-font-size) / var(--typo-Headline-40-line-height) var(--typo-Headline-40-font-family);
}
:root {
  /*
   * Color Palette
   */
  --fsk-color-regent-gray: #949ea8;
  --fsk-color-cerulean: #0096db;
  --fsk-color-geyser: #cad5e0;
  --fsk-color-grey: #9fb5ca;
  --fsk-color-mine-shaft: #2a2a2a;
  --fsk-color-catskill-white: #f5f7fa;
  --fsk-color-white: #fff;
  --fsk-color-burning-orange: #ff6f40;
  --fsk-color-burning-orange-medium: #f6c7b6;
  --fsk-color-burning-orange-light: #fff1ed;
  --fsk-color-disabled: #ebeef2;

  /*
   * Common
   */
  --fsk-base-box-shadow: 0 0.125em 0.25em 0 var(--fsk-color-geyser);
  --fsk-base-border-radius: 0;
  --fsk-opacity-disabled-label: 0.4;
  --fsk-error-color: var(--fsk-color-burning-orange);
  --fsk-error-color-medium: var(--fsk-color-burning-orange-medium);
  --fsk-error-color-light: var(--fsk-color-burning-orange-light);

  /*
   * Typography
   */
  --fsk-font-size-base: 0.875em;
  --fsk-font-size-small: 0.75em;
  --fsk-line-height-base: 1.2;

  /**
   * Spaces
   */
  --fsk-space-base: 0.5em;
  --fsk-space-0_5: calc(0.5 * var(--fsk-space-base));
  --fsk-space-1: var(--fsk-space-base);
  --fsk-space-2: calc(2 * var(--fsk-space-base));
  --fsk-space-3: calc(3 * var(--fsk-space-base));
  --fsk-space-4: calc(4 * var(--fsk-space-base));
  --fsk-space-inputs: var(--fsk-space-3);

  /*
   * Inputs
   */
  --fsk-input-bg-color: var(--fsk-color-white);
  --fsk-input-font-family: inherit;
  --fsk-input-font-size: 0.9375em;
  --fsk-input-line-height: 1.33;
  --fsk-input-border-color: var(--fsk-color-geyser);
  --fsk-input-border-width: 1px;
  --fsk-input-color: inherit;
  --fsk-input-padding-y: 1em;
  --fsk-input-padding-x: 1em;
  --fsk-input-padding: var(--fsk-input-padding-y) var(--fsk-input-padding-x);
  --fsk-input-box-shadow: var(--fsk-base-box-shadow);
  --fsk-input--focus-border-color: var(--fsk-color-mine-shaft);
  --fsk-input--focus-border-width: 2px;
  --fsk-input--focus-padding-bottom: calc(
    var(--fsk-input-padding-y) -
      calc(var(--fsk-input--focus-border-width) - var(--fsk-input-border-width))
  );
  --fsk-input--disabled-bg-color: var(--fsk-color-catskill-white);
  --fsk-input--disabled-bg-opacity: 0.4;
  --fsk-input--disabled-border-color: var(--fsk-color-catskill-white);
  --fsk-input--disabled-color: var(--fsk-color-regent-gray);
  --fsk-input-placeholder-color: #999;
  --fsk-input-placeholder-opacity: 1;
  --fsk-input--error-border-color: var(--fsk-error-color);
  --fsk-input--error-border-width: 2px;
  --fsk-input--error-padding-bottom: calc(
    var(--fsk-input-padding-y) -
      calc(var(--fsk-input--error-border-width) - var(--fsk-input-border-width))
  );

  /*
   * Textarea
   */
  --fsk-input-textarea-height: 9em;

  /*
   * Input description
   */
  --fsk-input-description-color: var(--fsk-color-cerulean);
  --fsk-input-description-font-size: var(--fsk-font-size-small);
  --fsk-input-description-margin: 0.35em 0 0;

  /*
   * Input error message
   */
  --fsk-input-error-message-color: var(--fsk-error-color);
  --fsk-input-error-message-font-size: var(--fsk-font-size-small);

  /*
   * Input label
   */
  --fsk-input-label-color: var(--fsk-color-regent-gray);
  --fsk-input-label-padding: 0 0 0.35em;
  --fsk-input-label-font-size: var(--fsk-font-size-small);
  --fsk-input-label-font-weight: normal;
  --fsk-input-label-required-hint-color: currentColor;

  /*
   * Radios
   */
  --fsk-input-radio-label-color: inherit;
  --fsk-input-radio-label-font-size: var(--fsk-font-size-base);
  --fsk-input-radio-label-font-weight: normal;
  --fsk-input-radio-border: 1px solid var(--fsk-color-geyser);
  --fsk-input-radio-border-radius: 50%;
  --fsk-input-radio-size: 1.75em;
  --fsk-input-radio--checked-color: var(--fsk-color-white);
  --fsk-input-radio-margin: 0 0.75em 0 0;
  --fsk-input-radio-shadow: var(--fsk-base-box-shadow);
  --fsk-input-radio-dot-color: var(--fsk-color-white);
  --fsk-input-radio--checked-bg-color: currentColor;
  --fsk-input-radio--disabled-label-color: var(--fsk-color-geyser);
  --fsk-input-radio--disabled-label-opacity: var(--fsk-opacity-disabled-label);
  --fsk-input-radio--disabled-bg-color: var(--fsk-color-catskill-white);
  --fsk-input-radio--disabled-border-color: var(--fsk-color-catskill-white);
  --fsk-input-radio--error-border-color: var(--fsk-error-color);
  --fsk-input-radio--error-border: 1px solid
    var(--fsk-input-radio--error-border-color);

  /**
   * Range
   */
  --fsk-input-range-margin: var(--fsk-space-2) 0;
  --fsk-input-range-width: 100%;
  --fsk-input-range-track-bg-color: currentColor;
  --fsk-input-range-track-border-radious: var(--fsk-base-border-radius);
  --fsk-input-range-track-border: 1px solid var(--fsk-color-geyser);
  --fsk-input-range-track-box-shadow: var(--fsk-base-box-shadow);
  --fsk-input-range-track-height: var(--fsk-space-1);
  --fsk-input-range-slider-thumb-height-bg-color: var(--fsk-color-white);
  --fsk-input-range-slider-thumb-border: 1px solid var(--fsk-color-geyser);
  --fsk-input-range-slider-thumb-border-radius: var(--fsk-base-border-radius);
  --fsk-input-range-slider-thumb-box-shadow: var(--fsk-base-box-shadow);
  --fsk-input-range-slider-thumb-height: var(--fsk-space-4);
  --fsk-input-range-slider-thumb-width: var(--fsk-space-2);

  /**
   * Selects
   */
  --fsk-select-bg-color: var(--fsk-color-white);
  --fsk-select-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath fill='none' stroke-width='1.5' d='M1 1L7 7L13 1' stroke='%23545560'/%3E%3C/svg%3E%0A");
  --fsk-select-bg-position: calc(100% - 1em) 50%;
  --fsk-select-bg-size: 1em;
  --fsk-select-border-radius: var(--fsk-base-border-radius);
  --fsk-select-padding-right: var(--fsk-space-4);

  /**
   * Buttons
   */
  --fsk-button-color: var(--fsk-color-white);
  --fsk-button-disabled-color: var(--fsk-color-regent-gray);
  --fsk-button-bg-color: var(--fsk-color-mine-shaft);
  --fsk-button-bg-image: none;
  --fsk-button-bg-position: none;
  --fsk-button-bg-repeat: none;
  --fsk-button-bg-size: none;
  --fsk-button--disabled-bg-color: var(--fsk-color-catskill-white);
  --fsk-button-border-radius-size: var(--fsk-base-border-radius);
  --fsk-button-font-size: 1em;
  --fsk-button-font-weight: 700;
  --fsk-button-line-height: 1;
  --fsk-button-margin: 1em 0.75em 1em 0;
  --fsk-button-border-width: 1px;
  --fsk-button-padding-x: 1.5em;
  --fsk-button-padding-y: 1em;
  --fsk-button-padding: calc(
      var(--fsk-button-padding-y) - var(--fsk-button-border-width)
    )
    calc(var(--fsk-button-padding-x) - var(--fsk-button-border-width)); /* padding widths detracted by width of the transparent borders to make button size match with design system */
  --fsk-button-box-shadow: var(--fsk-base-box-shadow);

  /**
   * Pager
   */
  --fsk-pager-margin: 1em 0;
  --fsk-pager-font-size: var(--fsk-font-size-small);
  --fsk-pager-item-margin: 0 var(--fsk-space-1);
  --fsk-pager-item--ellipsis-margin: 0 var(--fsk-space-2);
  --fsk-pager-item-border: 1px solid var(--fsk-color-geyser);
  --fsk-pager-item-box-shadow: var(--fsk-base-box-shadow);
  --fsk-pager-item-color: var(--fsk-color-mine-shaft);
  --fsk-pager-item--active-bg-color: currentColor;
  --fsk-pager-item--active-border-color: var(--fsk-color-mine-shaft);
  --fsk-pager-link-color: var(--fsk-color-mine-shaft);
  --fsk-pager-link-padding: 0.75em 0.9em;
  --fsk-pager-link--active-color: var(--fsk-color-white);
  --fsk-pager-line-height: 1;

  /**
   * Tabs
   */
  --fsk-tabs-border: solid var(--fsk-color-geyser);
  --fsk-tabs-border-width: 0 0 1px;
  --fsk-tabs-margin: 0 0 var(--fsk-space-3);
  --fsk-tabs-link-color: inherit;
  --fsk-tabs-link-padding: var(--fsk-space-3) 0;
  --fsk-tabs-link--active-font-weight: bold;
  --fsk-tabs-link--active-border-color: var(--fsk-color-geyser);
  --fsk-tabs-link--active-border-size: 2px;

  /**
   * Status messages
   */
  --fsk-status-messages-text-color: var(--fsk-color-cerulean);
  --fsk-status-messages-bg-color: var(--fsk-color-catskill-white);
  --fsk-status-messages--error-text-color: var(--fsk-error-color);
  --fsk-status-messages--error-bg-color: var(--fsk-error-color-light);

  /**
   * Breadcrumbs
   */
  --fsk-breadcrumb-link-font-size: 0.875em;
  --fsk-breadcrumb-link-color: var(--fsk-color-grey);
  --fsk-breadcrumb-link-color--hover: var(--fsk-color-grey);
  --fsk-breadcrumb-link-color--active: var(--fsk-color-mine-shaft);
  --fsk-breadcrumb-link-font-weight--active: bold;

  /**
   * Container
   */
  --fsk-container-input-min-width: 17.5em;
  --fsk-container-cols: repeat(
    auto-fit,
    minmax(var(--fsk-container-input-min-width), 1fr)
  );
}
.u-hiddenVisually {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.FskMenuLocalTask {
  flex: 1;
}
.FskMenuLocalTask a {
  color: var(--fsk-tabs-link-color);
  display: block;
  padding: var(--fsk-tabs-link-padding);
  position: relative;
  text-decoration: none;
}
.FskMenuLocalTask .is-active {
  font-weight: var(--fsk-tabs-link--active-font-weight);
}
.FskMenuLocalTask .is-active::after {
  background: var(--fsk-tabs-link--active-border-color);
  bottom: 0;
  content: "";
  height: var(--fsk-tabs-link--active-border-size);
  left: 0;
  position: absolute;
  right: 0;
}
/**
 * Tabs
 */
.FskMenuLocalTasks {
  border: var(--fsk-tabs-border);
  border-width: var(--fsk-tabs-border-width);
  display: flex;
  list-style: none;
  margin: var(--fsk-tabs-margin);
  padding: 0;
}
/* @define FskBreadcrumb; */
.FskBreadcrumb-list {
  display: flex;
  font-size: var(--fsk-breadcrumb-link-font-size);
  list-style: none;
  margin: 0;
  padding: 0;
}
.FskBreadcrumb-link {
  color: var(--fsk-breadcrumb-link-font-size);
  text-decoration: none;
}
.FskBreadcrumb-link:hover,
.FskBreadcrumb-link:focus {
  color: var(--fsk-breadcrumb-link-color--hover);
}
.FskBreadcrumb-link--current {
  color: var(--fsk-breadcrumb-link-color--active);
  font-weight: var(--fsk-breadcrumb-link-font-weight--active);
  pointer-events: none;
}
.FskBreadcrumb-icon {
  display: inline-block;
  fill: none;
  font-size: 0.714285714em;
  height: 1em;
  width: 0.6em;
}
/* stylelint-disable-next-line */
.FskBreadcrumb-icon path {
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}
/**
 * Dropbutton styles.
 *
 * 1. Transparent border is needed for high contrast mode. The border-width has
 *    to be set with !important to render borders with the defined width in high
 *    contrast mode Firefox.
 */
.dropbutton-wrapper {
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  display: inline-flex;
}
.form-actions .dropbutton-wrapper {
  margin: 0.5rem 1rem 0.5rem 0;
}
.dropbutton-widget {
  flex: 1 1 auto;
  position: relative;
}
/**
 * Dropbutton list.
 */
.dropbutton {
  display: block;
  list-style: none;
  margin: 0;
  overflow: visible;
}
/**
 * Dropbutton toggler.
 */
.dropbutton__toggle {
  appearance: none;
  background: #d4d4d8;
  border: 1px solid transparent !important; /* 1 */
  border-radius: 0 2px 2px 0;
  bottom: 0;
  font-size: 1px; /* iOS Safari sets a minimum button-width based on font-size. */
  height: 3rem;
  position: absolute;
  right: 0; /* LTR */
  top: 0;
  width: 3rem;
  z-index: 3;
}
.dropbutton__toggle::before {
  background: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.2384999,1.9384769 1.646703,0.5166019 7.0002189,5.8193359 12.353735,0.5166019 13.761938,1.9384769 7.0002189,8.635742Z' fill='%23222330'/%3E%3C/svg%3E")
    no-repeat center;
  background-size: contain;
  content: "";
  height: 0.5625rem;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%) rotate(0);
  width: 0.875rem;
}
/* Toggler states. */
.dropbutton__toggle:hover {
  background-color: #c2c3ca;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  color: #222330;
}
.dropbutton__toggle:focus {
  z-index: 2;
}
.dropbutton__toggle:active {
  background-color: #adaeb3;
  color: #222330;
}
.dropbutton-wrapper.open .dropbutton__toggle::before {
  transform: translate(50%, -50%) rotate(180deg);
}
/**
 * Item in the first dropbutton list item (that looks like a button).
 *
 * Duplicates base button styles.
 */
.dropbutton__item:first-of-type > * {
  appearance: none;
  background-color: #d4d4d8;
  border: 1px solid transparent !important; /* 1 */
  border-radius: 2px;
  color: #222330;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  line-height: 1rem;
  margin: 0;
  padding: calc(1rem - 1px) calc(1.5rem - 1px);
  text-align: center;
  text-decoration: none;
}
.dropbutton--multiple .dropbutton__item:first-of-type > * {
  padding-left: calc(1rem - 1px);
  padding-right: calc(1rem - 1px);
}
.dropbutton__item:first-of-type > *:hover,
.dropbutton__item:first-of-type > .button:hover {
  background-color: #c2c3ca;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  color: #222330;
  text-decoration: none;
}
.dropbutton__item:first-of-type > *:focus:hover,
.dropbutton__item:first-of-type > .button:focus:hover {
  box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
}
.dropbutton__item:first-of-type > *:focus {
  text-decoration: none;
}
.dropbutton__item:first-of-type > *:active {
  background-color: #adaeb3;
  color: #222330;
}
.dropbutton--multiple .dropbutton__item:first-of-type > * {
  position: relative;
  z-index: 3;
}
.dropbutton--multiple .dropbutton__item:first-of-type > *:focus {
  z-index: 2;
}
.dropbutton > .dropbutton__item > a,
.dropbutton > .dropbutton__item > .button {
  box-sizing: border-box;
  display: block;
  margin: 0;
  text-align: left;
  width: 100%;
}
/**
 * Non-first dropbutton list elements.
 */
.dropbutton__item:first-of-type ~ .dropbutton__item {
  border: 1px solid #d4d4d8;
  border-bottom: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.dropbutton__item:first-of-type ~ .dropbutton__item ~ .dropbutton__item {
  border-top: 0;
}
.dropbutton__item ~ .dropbutton__item:last-child {
  border-bottom: 1px solid #d4d4d8;
  border-radius: 0 0 2px 2px;
}
/**
 * Dropbutton items of non-first dropbutton list elements.
 */
.dropbutton__item:first-of-type ~ .dropbutton__item > a,
.dropbutton__item:first-of-type ~ .dropbutton__item > .button {
  background: #fff;
  border: 1px solid transparent !important; /* 1 */
  border-radius: 2px;
  box-shadow: 0;
  color: #545560;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  line-height: 1rem;
  padding: calc(1rem - 1px);
  position: relative;
  text-decoration: none;
}
/**
 * Set the the inherited button border color to transparent for high contrast
 * mode.
 */
.dropbutton__item:first-of-type ~ .dropbutton__item > a:not(:focus),
.dropbutton__item:first-of-type ~ .dropbutton__item > .button:not(:focus) {
  z-index: 1;
}
/* States. */
.dropbutton__item > *:focus {
  position: relative;
  z-index: 3;
}
.dropbutton__item:first-of-type ~ .dropbutton__item > *:hover {
  background: #f3f4f9;
  color: #222330;
}
.dropbutton__item > .button:not(:focus) {
  box-shadow: none;
}
.dropbutton__item:first-of-type ~ .dropbutton__item > *:focus {
  border-color: #26a769 !important; /* 1 */
  box-shadow: inset 0 0 0 1px #26a769, 0 0 0 1px #26a769;
}
/** @define FskPager; */
.FskPager {
  font-size: var(--fsk-pager-font-size);
  margin: var(--fsk-pager-margin);
}
.FskPager-items {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.FskPager-item {
  display: inline-block;
  margin: var(--fsk-pager-item-margin);
  vertical-align: top;
}
.FskPager-item:not(.FskPager-item--ellipsis) {
  border: var(--fsk-pager-item-border);
  box-shadow: var(--fsk-pager-item-box-shadow);
}
.FskPager-item--ellipsis {
  margin: var(--fsk-pager-item--ellipsis-margin);
}
.FskPager-item--active {
  background: var(--fsk-pager-item--active-bg-color);
  border-color: var(--fsk-pager-item--active-border-color);
}
.FskPager-link {
  color: inherit;
  display: block;
  line-height: var(--fsk-pager-line-height);
  padding: var(--fsk-pager-link-padding);
  text-decoration: none;
}
.FskPager-link--active {
  background-color: currentColor;
}
.FskPager-link--active .FskPager-number {
  color: var(--fsk-pager-link--active-color);
}
/** @define FskStatusMessages; */
.FskStatusMessages {
  background: var(--fsk-status-messages-bg-color);
  border: 1px solid currentColor;
  color: var(--fsk-status-messages-text-color);
  margin: 2em 0;
  padding: 1em;
}
.FskStatusMessages--error {
  background-color: var(--fsk-status-messages--error-bg-color);
  color: var(--fsk-status-messages--error-text-color);
}
.FskStatusMessages-list {
  list-style: disc;
  margin-left: 1em;
}
/**
 * Main wrapper of vertical tabs.
 * This wrapper div is added by JavaScript.
 */
.vertical-tabs {
  border-top: 1px solid transparent; /* Need to hide the pane wrapper clearfix's height */
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}
/**
 * Vertical tabs menu.
 */
.vertical-tabs__menu {
  color: #222330;
  display: none;
  float: left; /* LTR */
  list-style: none;
  margin: 0;
  padding-top: 0.5rem;
  position: relative;
  width: 20em;
}
/**
 * Vertical tabs menu item.
 */
.vertical-tabs__menu-item {
  margin: -1rem -1px -0.5rem -0.5rem; /* LTR */
  overflow: hidden;
  padding: 0.5rem 0 0.5rem 0.5rem; /* LTR */
}
/**
 * These are the (grey) lines that are visually separating the vertical tab menu
 * items.
 */
.vertical-tabs__menu-item::before,
.vertical-tabs__menu-item::after {
  border-top: 1px solid #d4d4d8;
  box-sizing: border-box;
  display: block;
  margin-top: -1px;
  position: absolute;
  width: 100%;
  z-index: 1; /* The line should be kept above the vertical tabs menu link to keep it visible even if the link is hovered and gets the 'hover' background color. */
}
/**
 * This pseudo element covers the gray separator line of the vertical tab menu
 * item that follows the active one.
 *
 * Without this, we would have a lightgray line at the bottom-left (LTR) corner
 * of the active vertical tab menu item.
 *
 * Let's call this 'masking' line.
 */
.vertical-tabs__menu-item::after {
  border-color: #fff;
  z-index: 2;
}
/**
 * Making the separator line visible only if it follows an unhidden menu item.
 */
.vertical-tabs__menu-item:not(.vertical-tabs__menu-item--hidden)
  ~ .vertical-tabs__menu-item::before {
  content: "";
}
/* Menu item states. */
.vertical-tabs__menu-item:focus {
  box-shadow: none;
  outline: 0;
}
.vertical-tabs__menu-item.is-selected::before,
.vertical-tabs__menu-item:not(.vertical-tabs__menu-item--hidden)
  ~ .vertical-tabs__menu-item.is-selected::before {
  content: normal;
}
/* Make the white masking line displayed for the selected menu item. */
.vertical-tabs__menu-item.is-selected::after {
  content: "";
}
/**
 * Anchor link inside the vertical tabs menu item.
 */
.vertical-tabs__menu-link {
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px; /* LTR */
  border-width: 1px 0 1px 4px; /* LTR */
  color: #222330;
  display: block;
  hyphens: auto;
  margin-top: -1px;
  padding: 0.75rem 0.75rem 0.75rem calc(1.5rem - 4px); /* LTR */
  position: relative;
  text-decoration: none;
  word-wrap: break-word;
}
/* Menu link states. */
.vertical-tabs__menu-link:focus {
  box-shadow: none;
  text-decoration: none;
  z-index: 4; /* Focus state should be on the highest level to make the focus effect be fully visible. This also means that it should have bigger z-index than the selected link. */
}
.vertical-tabs__menu-link:hover {
  color: #003cc5;
  text-decoration: none;
}
/* This pseudo element provides the background for the hover state. */
.vertical-tabs__menu-link::before {
  background-clip: padding-box;
  bottom: -1px;
  content: "";
  left: -4px; /* LTR */
  pointer-events: none;
  position: absolute;
  right: 0; /* LTR */
  top: -1px;
  z-index: 0; /* This should be on a lower level than the menu-item separator lines. */
}
.vertical-tabs__menu-link:hover::before {
  background: #f0f5fd;
}
.vertical-tabs__menu-link:focus::after {
  border: 3px solid #26a769;
  border-radius: 2px;
  bottom: 0;
  content: "";
  left: 0;
  margin: -1px -4px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
  background-color: #fff;
  border-color: rgba(216, 217, 224, 0.8) transparent;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #003cc5;
  z-index: 3; /* The selected menu link should be on a higher level than the white masking line that hides the grey separator. */
}
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover {
  background-color: #f0f5fd;
  color: #0036b1;
}
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {
  border-left: 4px solid #003cc5; /* LTR */
  border-radius: 2px 0 0 2px; /* LTR */
  z-index: 1; /* The blue active-tab indication should be on a higher level than the green focus border. */
}
[dir="rtl"]
  .vertical-tabs__menu-item.is-selected
  .vertical-tabs__menu-link::before {
  border-left: 0;
  border-radius: 0 2px 2px 0;
  border-right: 4px solid #003cc5;
}
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover::before {
  background: none;
}
.vertical-tabs__menu-link-content {
  position: relative;
  z-index: 1; /* We are using a pseudo element for displaying the hover state's background, and we have to keep the link content above that pseudo element. Without this, the text would be covered by the background. */
}
/**
 * Details summary in vertical tabs menu link and in the summary of the details.
 */
.vertical-tabs__menu-link-summary,
.vertical-tabs__details-summary-summary {
  color: #545560;
  display: block;
  font-size: 0.889rem;
  font-weight: normal;
}
/**
 * Wrapper of vertical tabs panes.
 */
.vertical-tabs__items {
  background-color: #fff;
  border: 1px solid rgba(216, 217, 224, 0.8);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  color: #222330;
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}
/* This modifier is added by JavaScript (this is inherited from Drupal core). */
.vertical-tabs__items--processed {
  margin-bottom: 0;
  margin-top: 0;
  position: relative;
  top: -1px;
  z-index: 1; /* The wrapper of the details of the vertical tabs should be on a higher level than the vertical tabs menu */
}
/* This clearfix makes the pane wrapper at least as tall as the menu. */
.vertical-tabs__items--processed::after {
  clear: both;
  content: "";
  display: block;
}
/**
 * The actual vertical tabs pane.
 *
 * This is a claro-details element which in this case is also
 * vertical-tabs__item.
 */
/* Render on top of the border of vertical-tabs__items. */
.vertical-tabs__item {
  border-radius: 0;
  margin: -1px -1px 0;
}
.vertical-tabs__item--first {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.vertical-tabs__item--last {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-bottom: -1px;
}
/** @define FskOptions */
.FskOptions--checkboxes {
  --FskOptions-display: var(--FskCheckboxes--display);
  --FskOptions-flex-direction--col: var(--FskCheckboxes-flex-direction--col);
  --FskOptions-flex-direction--row: var(--FskCheckboxes-flex-direction--row);
  --FskOptions-flex-wrap--col: var(--FskCheckboxes-flex-direction--row);
  --FskOptions-flex-wrap--row: var(--FskCheckboxes-flex-wrap--col);
  --FskOptions-gap: var(--FskCheckboxes--gap);
  --FskOptions-margin: var(--FskCheckboxes--margin);
}
/** @define FskOptions */
.FskOptions--radios {
  --FskOptions-display: var(--FskRadios--display);
  --FskOptions-flex-direction--col: var(--FskRadios-flex-direction--col);
  --FskOptions-flex-direction--row: var(--FskRadios-flex-direction--row);
  --FskOptions-flex-wrap--col: var(--FskRadios-flex-direction--row);
  --FskOptions-flex-wrap--row: var(--FskRadios-flex-wrap--col);
  --FskOptions-gap: var(--FskRadios--gap);
  --FskOptions-margin: var(--FskRadios--margin);
}
/** @define FskOptions */
.FskOptions {
  display: var(--FskOptions-display, flex);
  flex-direction: var(--FskOptions-flex-direction);
  flex-wrap: var(--FskOptions-flex-wrap);
  gap: var(--FskOptions-gap, var(--fsk-space-inputs));
  margin: var(--FskOptions-margin, 0 0 var(--fsk-space-3));
}
.FskOptions--col {
  --FskOptions-flex-direction: var(--FskOptions-flex-direction--col, column);
  --FskOptions-flex-wrap: var(--FskOptions-flex-wrap--col, none);
}
.FskOptions--row {
  --FskOptions-flex-direction: var(--FskOptions-flex-direction--row, row);
  --FskOptions-flex-wrap: var(--FskOptions-flex-direction--row, wrap);
}
/* stylelint-disable-next-line */
.FskOptions .FskFormElement {
  margin-bottom: 0;
}
/** @define FskButton; */
:root {
  --FskButton-initial-bg-color: var(--color-decoration-Primary);
  --FskButton-initial-bg-image: initial;
  --FskButton-initial-bg-position: initial;
  --FskButton-initial-bg-size: initial;
  --FskButton-initial-color: var(--fsk-color-white);
  --FskButton-initial-border-color: transparent;

  --FskButton-align-items: center;
  --FskButton-bg-color: var(--color-decoration-Primary);
  --FskButton-border-color: var(--FskButton-initial-border-color);
  --FskButton-border-radius: var(--radius-5, 0);
  --FskButton-border-style: var(--outline-2-Primary-style);
  --FskButton-border-width: var(--outline-2-Primary-width);
  --FskButton-box-shadow: none;
  --FskButton-color: var(--FskButton-initial-color);
  --FskButton-cursor: pointer;
  --FskButton-display: inline-flex;
  --FskButton-flex-direction: row;
  --FskButton-font-size: inherit;
  --FskButton-font-weight: 700;
  --FskButton-icon-size: 1em;
  --FskButton-icon-margin: var(--spacing-8);
  --FskButton-letter-spacing: 0;
  --FskButton-line-height: 1;
  --FskButton-margin: 1em 0.75em 1em 0;
  --FskButton-padding-x: 1.5em;
  --FskButton-padding-y: 1em;
  --FskButton-text-align: center;
  --FskButton-text-decoration: none;
  --FskButton-text-transform: none;
  --FskButton-transition: none;

  /* hover */

  --FskButton-bg-color--hover: var(--color-decoration-Secondary);

  /* disabled */

  --FskButton-bg-color--disabled: var(--fsk-color-catskill-white);
  --FskButton-color--disabled: var(--fsk-color-regent-gray);

  /**
   * Secondary
   */

  --FskButton-bg-color--secondary: transparent;
  --FskButton-border-color--secondary: currentColor;
  --FskButton-color--secondary: var(--color-decoration-Primary);

  /* hover */

  --FskButton-color--secondary--hover: var(--color-decoration-Secondary);

  /* disabled */

  --FskButton-color--secondary--disabled: var(--fsk-color-regent-gray);
}
.FskButton {
  align-items: var(--FskButton-align-items);
  appearance: none;
  background-color: var(--FskButton-bg-color);
  background-image: var(--FskButton-bg-image);
  background-position: var(--FskButton-bg-position);
  background-repeat: var(--FskButton-bg-repeat);
  background-size: var(--FskButton-bg-size);
  border-color: var(--FskButton-border-color);
  border-radius: var(--FskButton-border-radius);
  border-style: var(--FskButton-border-style);
  border-width: var(--FskButton-border-width);
  box-shadow: var(--FskButton-box-shadow);
  box-sizing: border-box;
  color: var(--FskButton-color);
  display: var(--FskButton-display);
  flex-direction: var(--FskButton-flex-direction);
  font-size: var(--FskButton-font-size);
  font-weight: var(--FskButton-font-weight);
  gap: var(--FskButton-icon-margin);
  letter-spacing: var(--FskButton-letter-spacing);
  line-height: var(--FskButton-line-height);
  margin: var(--FskButton-margin);
  padding: var(--FskButton-padding-y) var(--FskButton-padding-x);
  text-align: var(--FskButton-text-align);
  -webkit-text-decoration: var(--FskButton-text-decoration);
          text-decoration: var(--FskButton-text-decoration);
  text-transform: var(--FskButton-text-transform);
  transition: var(--FskButton-transition);
}
.FskButton:not([disabled]) {
  cursor: var(--FskButton-cursor, pointer);
}
.FskButton[disabled] {
  cursor: var(--FskButton-cursor--disabled, default);
}
.FskButton:not([disabled]):hover {
  --FskButton-bg-color: var(
    --FskButton-bg-color--hover,
    var(--FskButton-initial-bg-color)
  );
  --FskButton-bg-image: var(
    --FskButton-bg-image--hover,
    var(--FskButton-initial-bg-image)
  );
  --FskButton-bg-position: var(
    --FskButton-bg-position--hover,
    var(--FskButton-initial-bg-position)
  );
  --FskButton-bg-size: var(
    --FskButton-bg-size--hover,
    var(--FskButton-initial-bg-size)
  );
  --FskButton-color: var(
    --FskButton-color--hover,
    var(--FskButton-initial-color)
  );
  --FskButton-border-color: var(
    --FskButton-border-color--hover,
    var(--FskButton-initial-border-color)
  );
}
.FskButton:not([disabled]):focus {
  --FskButton-bg-color: var(
    --FskButton-bg-color--focus,
    var(--FskButton-initial-bg-color)
  );
  --FskButton-bg-image: var(
    --FskButton-bg-image--focus,
    var(--FskButton-initial-bg-image)
  );
  --FskButton-bg-position: var(
    --FskButton-bg-position--focus,
    var(--FskButton-initial-bg-position)
  );
  --FskButton-bg-size: var(
    --FskButton-bg-size--focus,
    var(--FskButton-initial-bg-size)
  );
  --FskButton-color: var(
    --FskButton-color--focus,
    var(--FskButton-initial-color)
  );
  --FskButton-border-color: var(
    --FskButton-border-color--focus,
    var(--FskButton-initial-border-color)
  );
}
.FskButton:not([disabled]):active {
  --FskButton-bg-color: var(
    --FskButton-bg-color--active,
    var(--FskButton-initial-bg-color)
  );
  --FskButton-bg-image: var(
    --FskButton-bg-image--active,
    var(--FskButton-initial-bg-image)
  );
  --FskButton-bg-position: var(
    --FskButton-bg-position--active,
    var(--FskButton-initial-bg-position)
  );
  --FskButton-bg-size: var(
    --FskButton-bg-size--active,
    var(--FskButton-initial-bg-size)
  );
  --FskButton-color: var(
    --FskButton-color--active,
    var(--FskButton-initial-color)
  );
  --FskButton-border-color: var(
    --FskButton-border-color--active,
    var(--FskButton-initial-border-color)
  );
}
.FskButton[disabled] {
  --FskButton-bg-color: var(
    --FskButton-bg-color--disabled,
    var(--FskButton-initial-bg-color)
  );
  --FskButton-bg-image: var(
    --FskButton-bg-image--disabled,
    var(--FskButton-initial-bg-image)
  );
  --FskButton-bg-position: var(
    --FskButton-bg-position--disabled,
    var(--FskButton-initial-bg-position)
  );
  --FskButton-bg-size: var(
    --FskButton-bg-size--disabled,
    var(--FskButton-initial-bg-size)
  );
  --FskButton-color: var(
    --FskButton-color--disabled,
    var(--FskButton-initial-color)
  );
  --FskButton-border-color: var(
    --FskButton-border-color--disabled,
    var(--FskButton-initial-border-color)
  );
}
.FskButton--secondary {
  --FskButton-bg-color: var(--FskButton-bg-color--secondary);
  --FskButton-bg-image: var(--FskButton-bg-image--secondary);
  --FskButton-bg-position: var(--FskButton-bg-position--secondary);
  --FskButton-bg-repeat: var(--FskButton-bg-repeat--secondary);
  --FskButton-bg-size: var(--FskButton-bg-size--secondary);
  --FskButton-border-color: var(--FskButton-border-color--secondary);
  --FskButton-color: var(--FskButton-color--secondary);

  --FskButton-bg-color--hover: var(
    --FskButton-bg-color--secondary--hover,
    var(--FskButton-bg-color--secondary)
  );
  --FskButton-bg-image--hover: var(
    --FskButton-bg-image--secondary--hover,
    var(--FskButton-bg-image--secondary)
  );
  --FskButton-bg-position--hover: var(
    --FskButton-bg-position--secondary--hover,
    var(--FskButton-bg-position--secondary)
  );
  --FskButton-bg-size--hover: var(
    --FskButton-bg-size--secondary--hover,
    var(--FskButton-bg-size--secondary)
  );
  --FskButton-color--hover: var(
    --FskButton-color--secondary--hover,
    var(--FskButton-color--secondary)
  );
  --FskButton-border-color--hover: var(
    --FskButton-border-color--secondary--hover,
    var(--FskButton-border-color--secondary)
  );

  --FskButton-bg-color--focus: var(
    --FskButton-bg-color--secondary--hover,
    var(--FskButton-bg-color--secondary)
  );
  --FskButton-bg-image--focus: var(
    --FskButton-bg-image--secondary--hover,
    var(--FskButton-bg-image--secondary)
  );
  --FskButton-bg-position--focus: var(
    --FskButton-bg-position--secondary--hover,
    var(--FskButton-bg-position--secondary)
  );
  --FskButton-bg-size--focus: var(
    --FskButton-bg-size--secondary--hover,
    var(--FskButton-bg-size--secondary)
  );
  --FskButton-color--focus: var(
    --FskButton-color--secondary--hover,
    var(--FskButton-color--secondary)
  );
  --FskButton-border-color--focus: var(
    --FskButton-border-color--secondary--hover,
    var(--FskButton-border-color--secondary)
  );

  --FskButton-bg-color--active: var(
    --FskButton-bg-color--secondary--active,
    var(--FskButton-bg-color--secondary)
  );
  --FskButton-bg-image--active: var(
    --FskButton-bg-image--secondary--active,
    var(--FskButton-bg-image--secondary)
  );
  --FskButton-bg-position--active: var(
    --FskButton-bg-position--secondary--active,
    var(--FskButton-bg-position--secondary)
  );
  --FskButton-bg-size--active: var(
    --FskButton-bg-size--secondary--active,
    var(--FskButton-bg-size--secondary)
  );
  --FskButton-color--active: var(
    --FskButton-color--secondary--active,
    var(--FskButton-color--secondary)
  );
  --FskButton-border-color--active: var(
    --FskButton-border-color--secondary--active,
    var(--FskButton-border-color--secondary)
  );

  --FskButton-bg-color--disabled: var(
    --FskButton-bg-color--secondary--disabled,
    var(--FskButton-bg-color--secondary)
  );
  --FskButton-bg-image--disabled: var(
    --FskButton-bg-image--secondary--disabled,
    var(--FskButton-bg-image--secondary)
  );
  --FskButton-bg-position--disabled: var(
    --FskButton-bg-position--secondary--disabled,
    var(--FskButton-bg-position--secondary)
  );
  --FskButton-bg-size--disabled: var(
    --FskButton-bg-size--secondary--disabled,
    var(--FskButton-bg-size--secondary)
  );
  --FskButton-color--disabled: var(
    --FskButton-color--secondary--disabled,
    var(--FskButton-color--secondary)
  );
  --FskButton-border-color--disabled: var(
    --FskButton-border-color--secondary--disabled,
    var(--FskButton-border-color--secondary)
  );
}
.FskButton-icon {
  font-size: var(--FskButton-icon-size);
  height: 1em;
  width: 1em;
}
/** @define FskFieldset; */
.FskFieldset {
  background-color: #fff;
  border: var(--fsk-input-border-width) solid var(--fsk-input-border-color);
  margin: 1rem 0;
  min-width: 0;
  padding: 0;
}
.FskFieldset--group {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: inherit;
}
/* IE workaround. */
/* stylelint-disable-next-line */
_:-ms-fullscreen,
.FskFieldset {
  box-sizing: border-box;
  display: table;
  width: 100%;
}
/**
 * Fieldset legend.
 */
.FskFieldset-legend {
  color: #545560;
  display: contents; /* For Firefox. */
  float: left; /* iOS Safari, Android Chrome, Edge. */
  font-weight: bold;
  margin-bottom: 1rem;
  width: 100%; /* iOS Safari, Android Chrome, Edge. */
}
.FskFieldset-legend--composite {
  color: inherit;
  float: none;
  font-size: 0.889rem; /* 14px */
  line-height: 1.125rem; /* 18px */
  margin-bottom: 0.25rem; /* 4px */
  margin-top: 0; /* IE11 and Edge do not collapse this margin. Ideally this would be 4px */
  width: auto;
}
/* This is used only on install configure form. */
.FskFieldset-legend--group {
  color: inherit;
  text-transform: uppercase;
}
.FskFieldset-label {
  display: block;
  line-height: 1rem;
  padding: 1rem;
}
.FskFieldset-label--group {
  line-height: inherit;
  padding: 0;
}
.FskFieldset-label.is-disabled {
  color: #82828c;
}
/* stylelint-disable-next-line */
.FskFieldset-label.has-error {
  color: #d72222;
}
.FskFieldset-description {
  color: #545560;
  font-size: 0.79rem; /* ~13px */
  line-height: 1.0625rem; /* 17px */
  margin-bottom: 0.375rem; /* 6px */
  margin-top: 0.375rem; /* 6px */
}
.FskFieldset-description.is-disabled {
  color: #82828c;
}
/* Error message (Inline form errors). */
.FskFieldset-errorMessage {
  color: #d72222;
  font-size: 0.79rem; /* ~13px */
  font-weight: normal;
  line-height: 1.0625rem; /* 17px */
  margin-bottom: 0.375rem; /* 6px */
  margin-top: 0.375rem; /* 6px */
}
.FskFieldset-wrapper {
  margin: 1rem;
}
.FskFieldset-legend--visible ~ .FskFieldset-wrapper {
  margin-top: 0;
}
.FskFieldset-wrapper--group {
  margin: 0;
}
/**
 * Extends styles of the file link.
 */
.file {
  background-position: left 0.0625rem;
  background-size: 1rem 1rem;
  font-size: 0.889rem;
  line-height: 1.125rem;
  min-height: 1.0625rem;
  padding-left: 1.5rem; /* LTR */
}
.file__size {
  color: #545560;
}
/**
 * Styles for the managed file widget.
 *
 * This includes the styles for the file widgets and the image widgets.
 */
.form-managed-file.no-upload {
  display: inline-flex;
  flex-direction: column;
  max-width: 100%;
}
.form-managed-file.has-value.is-multiple {
  display: block;
}
/**
 * The main element of the file/image widget.
 *
 * This contains the upload input and the upload of the empty file/image
 * widgets, or the file name (with icon and size) and the remove button of
 * filled widgets.
 *
 * The inline-flex display shrinks the width to the minimal needed amount. This
 * helps to keep the remove as close to the other elements as possible.
 */
.form-managed-file__main {
  align-items: center;
  display: inline-flex;
  max-width: 100%;
}
/**
 * Inside (draggable) tables, this should be flex-displayed. This keeps even
 * long file names in the same visual line where the drag handle is.
 */
.draggable .form-managed-file.has-value .form-managed-file__main {
  display: flex;
}
/* Add some bottom margin for single widgets if no meta is present. */
.form-managed-file.is-single.has-value .form-managed-file__main:last-child {
  margin-bottom: 1rem;
}
/**
 * The 'meta' element of the file/image widget.
 *
 * This element is available only if the file widget has a value AND when there
 * are other input options than the ones rendered in the 'main' element.
 * These inputs are:
 *  - File description and/or the file display checkbox of file widgets
 *  - Image alt and/or title text as well as the preview image of the image
 *    widgets.
 *
 * The trick here is that we will display the alt/title inputs next to the image
 * preview if there is enough space left. Enough space means the value of the
 * '--file-widget-form-item-min-width' variable.
 */
.form-managed-file__meta {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem; /* Bottom margin will be added by the child elements: because of we use flex display here, our margins won't collapse. */
}
/**
 * In tables, this should be inline-flex. This is needed to make this element be
 * pushed to a new line, to the bottom of the drag handle.
 */
.draggable .form-managed-file.has-value .form-managed-file__meta {
  display: inline-flex;
}
/**
 * The 'image preview' element.
 *
 * This is used and display only by the image widget.
 */
.form-managed-file__image-preview {
  flex: 0 0 auto;
  margin-bottom: 1rem;
  max-width: 100%;
}
/* Add some 'end' margin if there are other meta inputs. */
.form-managed-file.has-meta .form-managed-file__image-preview {
  margin-right: 1rem; /* LTR */
}
/**
 * If this is rendered inside a file multiple table and there are no alt or
 * title, we have to reduce the amount of the bottom margin.
 */
td .form-managed-file.no-meta .form-managed-file__image-preview {
  margin-bottom: 0.5rem;
}
/**
 * The children of the 'meta items' element are the inputs that were described
 * at the 'meta' element '.form-managed-file__meta', except of the image
 * preview.
 *
 * The flex-basis is set to the minimal width where we can display these inputs
 * next tho the preview image.
 *
 * We limit the max width directly on the '.form-item' elements.
 */
.form-managed-file__meta-items {
  flex: 1 1 16rem;
  max-width: 100%;
}
/**
 * Modify component defaults for file/image widgets.
 */
/**
 * File component style overrides for managed file widgets.
 */
.form-managed-file .file {
  hyphens: auto;
  word-break: break-all;
}
.form-managed-file .file__size {
  word-break: normal;
}
.form-managed-file__main .file {
  flex: 1 1 auto;
  margin: 0.5rem 1rem 0.5rem 0;
}
/**
 * Remove the default margins of buttons.
 * The '.button' selector is doubled for RTL layouts.
 */
.form-managed-file .button.button {
  margin: 0;
}
/**
 * The file upload input.
 */
.form-managed-file__main .form-element--api-file {
  flex: 1 1 auto;
  min-width: 1px; /* This makes the element to be shrinked on IE11 */
}
/**
 * This applies both on the 'no-js' upload button and the remove button.
 * We don't want to let these to be shrinked.
 */
.form-managed-file__main .button {
  flex: 0 0 auto;
}
/**
 * Limiting the width of form items inside the meta element.
 */
.form-managed-file__meta .form-item {
  margin-bottom: 1rem;
  margin-top: 0; /* Top margin is added by the parent element */
  max-width: 32rem;
}
/**
 * Reduce the bottom margin of the last 'meta' form-item for field multiple
 * tables.
 */
.form-managed-file__meta .form-item:last-child {
  margin-bottom: 0.5rem;
}
.form-managed-file__meta .form-element {
  width: 100%;
}
/**
 * Add side margins if a table precedes the managed file form element.
 */
.file-widget-multiple.has-table .form-type--managed-file {
  margin-left: 1rem;
  margin-right: 1rem;
}
/** @define FskFormElementLabel; */
.FskFormElementLabel {
  color: var(--FskElementLabel-color, var(--fsk-input-label-color, inherit));
  font-size: var(
    --FskElementLabel-size,
    var(--fsk-input-label-font-size, inherit)
  );
  font-weight: var(
    --FskElementLabel-font-weight,
    var(--fsk-input-label-font-weight, 400)
  );
  line-height: var(
    --FskElementLabel-line-height,
    var(--fsk-input-label-line-height, inherit)
  );
  padding: var(--FskElementLabel-padding, var(--fsk-input-label-padding, 0));
}
.FskFormElementLabel.is-required::after {
  content: var(--FskElementLabel-required-content, " *");
}
/** @define FskFormElement; */
.FskFormElement {
  display: flex;
  flex-direction: column;
  margin: 0 0 var(--fsk-space-3);
  position: relative;
}
.FskFormElement-description {
  color: var(--fsk-input-description-color);
  font-size: var(--fsk-input-description-font-size);
  margin: var(--fsk-input-description-margin);
}
.FskFormElement-errorMessage {
  color: var(--fsk-input-error-message-color);
  font-size: var(--fsk-input-error-message-font-size);
}
/** @define FskCheckbox; */
:root {
  --FskCheckbox-border-radius: 0;
  --FskCheckbox-bg-image--checked: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.7949219,7.095703 6.1816406,9.601563 12.205078,3.2753906 13.689453,4.8359375 6.1816406,12.724609 2.3105469,8.65625 Z' fill='white'/%3E%3C/svg%3E");
}
/* stylelint-disable-next-line */
.FskCheckbox + .FskFormElementLabel {
  color: var(--FskCheckbox-label-color, var(--FskOption-label-color));
  font-size: var(
    --FskCheckbox-label-font-size,
    var(--FskOption-label-font-size)
  );
  font-weight: var(
    --FskCheckbox-label-font-weight,
    var(--FskOption-label-font-weight)
  );
}
/* stylelint-disable-next-line */
.FskCheckbox + .FskFormElementLabel::before {
  background-color: var(--FskCheckbox-bg-color, var(--FskOption-bg-color));
  background-image: var(--FskCheckbox-bg-image, var(--FskOption-bg-image));
  border-color: var(--FskCheckbox-border-color, var(--FskOption-border-color));
  border-radius: var(
    --FskCheckbox-border-radius,
    var(--FskOption-border-radius)
  );
  border-width: var(--FskCheckbox-border-width, var(--FskOption-border-width));
  box-shadow: var(--FskCheckbox-box-shadow, var(--FskOption-box-shadow));
  height: var(--FskCheckbox-size, var(--FskOption-size));
  margin: var(--FskCheckbox-margin, var(--FskOption-margin));
  width: var(--FskCheckbox-size, var(--FskOption-size));
}
.FskCheckbox:checked + .FskFormElementLabel::before {
  background-image: var(
    --FskCheckbox-bg-image--checked,
    var(--FskOption-bg-image--checked)
  );
}
.FskCheckbox:not(:disabled):not(:checked)[aria-invalid="true"]
  + .FskFormElementLabel::before {
  background-color: var(
    --FskCheckbox-bg-color--error,
    var(--FskOption-bg-color--error)
  );
  border-color: var(
    --FskCheckbox-border-color--error,
    var(--FskOption-border-color--error)
  );
}
.FskCheckbox:not(:disabled):not(:checked)[aria-invalid="true"]
  + .FskFormElementLabel {
  color: var(
    --FskCheckbox-label-color--error,
    var(--FskOption-label-color--error)
  );
}
.FskCheckbox:not(:disabled):not([aria-invalid="true"]):checked
  + .FskFormElementLabel::before {
  background-color: var(
    --FskCheckbox-bg-color--checked,
    var(--FskOption-bg-color--checked)
  );
  border-color: var(
    --FskCheckbox-border-color--checked,
    var(--FskOption-border-color--checked)
  );
}
.FskCheckbox:not(:checked):not([aria-invalid="true"]):disabled
  + .FskFormElementLabel::before {
  background-color: var(
    --FskCheckbox-bg-color--disabled,
    var(--FskOption-bg-color--disabled)
  );
  border-color: var(
    --FskCheckbox-border-color--disabled,
    var(--FskOption-border-color--disabled)
  );
}
.FskCheckbox:not(:checked):not([aria-invalid="true"]):disabled
  + .FskFormElementLabel {
  color: var(
    --FskCheckbox-label-color--disabled,
    var(--FskOption-label-color--disabled)
  );
}
.FskCheckbox:not(:disabled)[aria-invalid="true"]:checked
  + .FskFormElementLabel::before {
  background-color: var(
    --FskCheckbox-bg-color--error-checked,
    var(--FskOption-bg-color--error-checked)
  );
  border-color: var(
    --FskCheckbox-border-color--error-checked,
    var(--FskOption-border-color--error-checked)
  );
}
.FskCheckbox:not(:disabled)[aria-invalid="true"]:checked
  + .FskFormElementLabel {
  color: var(
    --FskCheckbox-label-color--error,
    var(--FskOption-label-color--error)
  );
}
.FskCheckbox:not(:checked):disabled[aria-invalid="true"]
  + .FskFormElementLabel::before {
  background-color: var(
    --FskCheckbox-bg-color--error-disabled,
    var(--FskOption-bg-color--error-disabled)
  );
  border-color: var(
    --FskCheckbox-border-color--error-disabled,
    var(--FskOption-border-color--error-disabled)
  );
}
.FskCheckbox:not(:checked):disabled[aria-invalid="true"]
  + .FskFormElementLabel {
  color: var(
    --FskCheckbox-label-color--error-disabled,
    var(--FskOption-label-color--error-disabled)
  );
}
.FskCheckbox:not([aria-invalid="true"]):disabled:checked
  + .FskFormElementLabel::before {
  background-color: var(
    --FskCheckbox-bg-color--disabled-checked,
    var(--FskOption-bg-color--disabled-checked)
  );
  border-color: var(
    --FskCheckbox-border-color--disabled-checked,
    var(--FskOption-border-color--disabled-checked)
  );
}
.FskCheckbox:not([aria-invalid="true"]):disabled:checked
  + .FskFormElementLabel {
  color: var(
    --FskCheckbox-label-color--disabled-checked,
    var(--FskOption-label-color--disabled-checked)
  );
}
.FskCheckbox[aria-invalid="true"]:disabled:checked
  + .FskFormElementLabel::before {
  background-color: var(
    --FskCheckbox-bg-color--error-disabled-checked,
    var(--FskOption-bg-color--error-disabled-checked)
  );
  border-color: var(
    --FskCheckbox-border-color--error-disabled-checked,
    var(--FskOption-border-color--error-disabled-checked)
  );
}
.FskCheckbox[aria-invalid="true"]:disabled:checked + .FskFormElementLabel {
  color: var(
    --FskCheckbox-label-color--error-disabled-checked,
    var(--FskOption-label-color--error-disabled-checked)
  );
}
.FskCheckbox:not(:disabled):hover + .FskFormElementLabel::before,
.FskCheckbox:not(:disabled) + .FskFormElementLabel:hover::before {
  box-shadow: var(
    --FskCheckbox-box-shadow--hover,
    var(--FskOption-box-shadow--hover)
  );
}
.FskCheckbox:not(:disabled):focus + .FskFormElementLabel::before {
  box-shadow: var(
    --FskCheckbox-box-shadow--focus,
    var(--FskOption-box-shadow--focus)
  );
}
/** @define FskRadio; */
:root {
  --FskRadio-border-radius: 50%;
  --FskRadio-bg-image--checked: radial-gradient(#fff 30%, transparent 30%);
}
/* stylelint-disable-next-line */
.FskRadio + .FskFormElementLabel {
  color: var(--FskRadio-label-color, var(--FskOption-label-color));
  font-size: var(--FskRadio-label-font-size, var(--FskOption-label-font-size));
  font-weight: var(
    --FskRadio-label-font-weight,
    var(--FskOption-label-font-weight)
  );
}
/* stylelint-disable-next-line */
.FskRadio + .FskFormElementLabel::before {
  background-color: var(--FskRadio-bg-color, var(--FskOption-bg-color));
  background-image: var(--FskRadio-bg-image, var(--FskOption-bg-image));
  border-color: var(--FskRadio-border-color, var(--FskOption-border-color));
  border-radius: var(--FskRadio-border-radius, var(--FskOption-border-radius));
  border-width: var(--FskRadio-border-width, var(--FskOption-border-width));
  box-shadow: var(--FskRadio-box-shadow, var(--FskOption-box-shadow));
  height: var(--FskRadio-size, var(--FskOption-size));
  margin: var(--FskRadio-margin, var(--FskOption-margin));
  width: var(--FskRadio-size, var(--FskOption-size));
}
.FskRadio:checked + .FskFormElementLabel::before {
  background-image: var(
    --FskRadio-bg-image--checked,
    var(--FskOption-bg-image--checked)
  );
}
.FskRadio:not(:disabled):not(:checked)[aria-invalid="true"]
  + .FskFormElementLabel::before {
  background-color: var(
    --FskRadio-bg-color--error,
    var(--FskOption-bg-color--error)
  );
  border-color: var(
    --FskRadio-border-color--error,
    var(--FskOption-border-color--error)
  );
}
.FskRadio:not(:disabled):not(:checked)[aria-invalid="true"]
  + .FskFormElementLabel {
  color: var(
    --FskRadio-label-color--error,
    var(--FskOption-label-color--error)
  );
}
.FskRadio:not(:disabled):not([aria-invalid="true"]):checked
  + .FskFormElementLabel::before {
  background-color: var(
    --FskRadio-bg-color--checked,
    var(--FskOption-bg-color--checked)
  );
  border-color: var(
    --FskRadio-border-color--checked,
    var(--FskOption-border-color--checked)
  );
}
.FskRadio:not(:checked):not([aria-invalid="true"]):disabled
  + .FskFormElementLabel::before {
  background-color: var(
    --FskRadio-bg-color--disabled,
    var(--FskOption-bg-color--disabled)
  );
  border-color: var(
    --FskRadio-border-color--disabled,
    var(--FskOption-border-color--disabled)
  );
}
.FskRadio:not(:checked):not([aria-invalid="true"]):disabled
  + .FskFormElementLabel {
  color: var(
    --FskRadio-label-color--disabled,
    var(--FskOption-label-color--disabled)
  );
}
.FskRadio:not(:disabled)[aria-invalid="true"]:checked
  + .FskFormElementLabel::before {
  background-color: var(
    --FskRadio-bg-color--error-checked,
    var(--FskOption-bg-color--error-checked)
  );
  border-color: var(
    --FskRadio-border-color--error-checked,
    var(--FskOption-border-color--error-checked)
  );
}
.FskRadio:not(:disabled)[aria-invalid="true"]:checked + .FskFormElementLabel {
  color: var(
    --FskRadio-label-color--error,
    var(--FskOption-label-color--error)
  );
}
.FskRadio:not(:checked):disabled[aria-invalid="true"]
  + .FskFormElementLabel::before {
  background-color: var(
    --FskRadio-bg-color--error-disabled,
    var(--FskOption-bg-color--error-disabled)
  );
  border-color: var(
    --FskRadio-border-color--error-disabled,
    var(--FskOption-border-color--error-disabled)
  );
}
.FskRadio:not(:checked):disabled[aria-invalid="true"] + .FskFormElementLabel {
  color: var(
    --FskRadio-label-color--error-disabled,
    var(--FskOption-label-color--error-disabled)
  );
}
.FskRadio:not([aria-invalid="true"]):disabled:checked
  + .FskFormElementLabel::before {
  background-color: var(
    --FskRadio-bg-color--disabled-checked,
    var(--FskOption-bg-color--disabled-checked)
  );
  border-color: var(
    --FskRadio-border-color--disabled-checked,
    var(--FskOption-border-color--disabled-checked)
  );
}
.FskRadio:not([aria-invalid="true"]):disabled:checked + .FskFormElementLabel {
  color: var(
    --FskRadio-label-color--disabled-checked,
    var(--FskOption-label-color--disabled-checked)
  );
}
.FskRadio[aria-invalid="true"]:disabled:checked + .FskFormElementLabel::before {
  background-color: var(
    --FskRadio-bg-color--error-disabled-checked,
    var(--FskOption-bg-color--error-disabled-checked)
  );
  border-color: var(
    --FskRadio-border-color--error-disabled-checked,
    var(--FskOption-border-color--error-disabled-checked)
  );
}
.FskRadio[aria-invalid="true"]:disabled:checked + .FskFormElementLabel {
  color: var(
    --FskRadio-label-color--error-disabled-checked,
    var(--FskOption-label-color--error-disabled-checked)
  );
}
.FskRadio:not(:disabled):hover + .FskFormElementLabel::before,
.FskRadio:not(:disabled) + .FskFormElementLabel:hover::before {
  box-shadow: var(
    --FskRadio-box-shadow--hover,
    var(--FskOption-box-shadow--hover)
  );
}
.FskRadio:not(:disabled):focus + .FskFormElementLabel::before {
  box-shadow: var(
    --FskRadio-box-shadow--focus,
    var(--FskOption-box-shadow--focus)
  );
}
/** @define FskOption */
:root {
  --FskOption-label-color: inherit;
  --FskOption-label-font-size: var(--fsk-font-size-base);
  --FskOption-label-font-weight: normal;
  --FskOption-bg-color: transparent;
  --FskOption-bg-image: none;
  --FskOption-border-color: var(--fsk-color-geyser);
  --FskOption-border-width: var(--fsk-input-border-width);
  --FskOption-size: 1.5em;
  --FskOption-margin: 0 0.75em 0 0;
  --FskOption-box-shadow: none;
  --FskOption-box-shadow--hover: var(--fsk-base-box-shadow);
  --FskOption-box-shadow--focus: var(--fsk-base-box-shadow);

  /* error */

  --FskOption-label-color--error: var(--FskOption-label-color);
  --FskOption-border-color--error: var(--fsk-error-color);

  /* checked */

  --FskOption-bg-color--checked: var(--fsk-color-mine-shaft);
  --FskOption-border-color--checked: var(--FskOption-bg-color--checked);

  /* disabled */

  --FskOption-label-color--disabled: var(--fsk-color-geyser);
  --FskOption-bg-color--disabled: var(--fsk-color-catskill-white);
  --FskOption-border-color--disabled: var(--FskOption-bg-color--disabled);

  /* invalid and checked */

  --FskOption-bg-color--error-checked: var(--fsk-error-color);
  --FskOption-border-color--error-checked: var(--FskOption-border-color--error);

  /* invalid and disabled */

  --FskOption-label-color--error-disabled: var(
    --FskOption-label-color--disabled
  );
  --FskOption-bg-color--error-disabled: var(--fsk-error-color-light);
  --FskOption-border-color--error-disabled: var(--fsk-error-color-light);

  /* disabled and checked */

  --FskOption-label-color--disabled-checked: var(
    --FskOption-label-color--disabled
  );
  --FskOption-bg-color--disabled-checked: var(--FskOption-bg-color--disabled);
  --FskOption-border-color--disabled-checked: var(
    --FskOption-border-color--disabled
  );

  /* invalid and disabled and checked */

  --FskOption-label-color--error-disabled-checked: var(
    --FskOption-label-color--error-disabled
  );
  --FskOption-bg-color--error-disabled-checked: var(
    --FskOption-bg-color--error-disabled
  );
  --FskOption-border-color--error-disabled-checked: var(
    --FskOption-border-color--error-disabled
  );
}
.FskOption {
  left: 0;
  opacity: 0.01;
  position: absolute;
  top: 0;
}
/* stylelint-disable-next-line */
.FskOption + .FskFormElementLabel {
  display: flex;
  padding: 0;
}
/* stylelint-disable-next-line */
.FskOption + .FskFormElementLabel::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  border-style: solid;
  content: "";
  display: block;
  flex-shrink: 0;
}
/** @define FskRange; */
.FskRange {
  appearance: none;
  color: var(--fsk-input-range-track-bg-color);
  margin: var(--fsk-input-range-margin);
  width: var(--fsk-input-range-width);
}
.FskRange::-webkit-slider-runnable-track {
  background: var(--fsk-input-range-track-bg-color);
  border: var(--fsk-input-range-track-border);
  border-radius: var(--fsk-input-range-track-border-radious);
  box-shadow: var(--fsk-input-range-track-box-shadow);
  box-sizing: border-box;
  cursor: pointer;
  height: var(--fsk-input-range-track-height);
  width: 100%;
}
.FskRange::-webkit-slider-thumb {
  -webkit-appearance: none; /* stylelint-disable-line */
  background: var(--fsk-input-range-slider-thumb-height-bg-color);
  border: var(--fsk-input-range-slider-thumb-border);
  border-radius: var(--fsk-input-range-slider-thumb-border-radius);
  box-shadow: var(--fsk-input-range-slider-thumb-box-shadow);
  cursor: pointer;
  height: var(--fsk-input-range-slider-thumb-height);
  transform: translateY(-40%);
  width: var(--fsk-input-range-slider-thumb-width);
}
.FskRange:focus::-webkit-slider-runnable-track {
  background: var(--fsk-input-range-track-bg-color);
}
.FskRange::-moz-range-track {
  background: var(--fsk-input-range-track-bg-color);
  border: var(--fsk-input-range-track-border);
  border-radius: var(--fsk-input-range-track-border-radious);
  box-shadow: var(--fsk-input-range-track-box-shadow);
  box-sizing: border-box;
  cursor: pointer;
  height: var(--fsk-input-range-track-height);
  width: 100%;
}
.FskRange::-moz-range-thumb {
  background: var(--fsk-input-range-slider-thumb-height-bg-color);
  border: var(--fsk-input-range-slider-thumb-border);
  border-radius: var(--fsk-input-range-slider-thumb-border-radius);
  box-shadow: var(--fsk-input-range-slider-thumb-box-shadow);
  cursor: pointer;
  height: var(--fsk-input-range-slider-thumb-height);
  width: var(--fsk-input-range-slider-thumb-width);
}
.FskRange::-ms-track {
  background: transparent;
  border-color: transparent;
  box-sizing: border-box;
  color: transparent;
  cursor: pointer;
  height: var(--fsk-input-range-track-height);
  width: 100%;
}
.FskRange::-ms-fill-lower {
  background: var(--fsk-input-range-track-bg-color);
  border: var(--fsk-input-range-track-border);
  border-radius: var(--fsk-input-range-track-border-radious);
  box-shadow: var(--fsk-input-range-track-box-shadow);
}
.FskRange::-ms-fill-upper {
  background: var(--fsk-input-range-track-bg-color);
  border: var(--fsk-input-range-track-border);
  border-radius: var(--fsk-input-range-track-border-radious);
  box-shadow: var(--fsk-input-range-track-box-shadow);
}
.FskRange::-ms-thumb {
  background: var(--fsk-input-range-slider-thumb-height-bg-color);
  border: var(--fsk-input-range-slider-thumb-border);
  border-radius: var(--fsk-input-range-slider-thumb-border-radius);
  box-shadow: var(--fsk-input-range-slider-thumb-box-shadow);
  cursor: pointer;
  height: var(--fsk-input-range-track-height);
  width: var(--fsk-input-range-slider-thumb-width);
}
.FskRange:focus::-ms-fill-lower {
  background: var(--fsk-input-range-track-bg-color);
}
.FskRange:focus::-ms-fill-upper {
  background: var(--fsk-input-range-track-bg-color);
}
/** @define FskInput; */
.FskInput--select {
  --FskInput-select-bg-image: var(--fsk-select-bg-image);
  --FskInput-select-bg-repeat: no-repeat;
  --FskInput-select-bg-position: var(--fsk-select-bg-position);
  --FskInput-select-bg-size: var(--fsk-select-bg-size);

  padding-right: var(
    --FskInput-select-padding-right,
    var(--fsk-select-padding-right)
  );
}
.FskInput--select {
  background-image: var(--FskInput-select-bg-image), var(--FskInput-bg-image);
  background-position: var(--FskInput-select-bg-position),
    var(--FskInput-bg-position);
  background-repeat: var(--FskInput-select-bg-repeat), var(--FskInput-bg-repeat);
  background-size: var(--FskInput-select-bg-size), var(--FskInput-bg-size);
}
.FskInput--select:not(:disabled)[aria-invalid="true"] {
  background-image: var(
      --FskInput-select-bg-image--error,
      var(--fsk-select-bg-image)
    ),
    var(--FskInput-bg-image--error);
  background-position: var(
      --FskInput-select-bg-position--error,
      var(--fsk-select-bg-position)
    ),
    var(--FskInput-bg-position--error);
  background-size: var(
      --FskInput-select-bg-size--error,
      var(--fsk-select-bg-size)
    ),
    var(--FskInput-bg-size--error);
}
.FskInput--select:not([aria-invalid="true"]):disabled {
  background-image: var(
      --FskInput-select-bg-image--disabled,
      var(--fsk-select-bg-image)
    ),
    var(--FskInput-bg-image--disabled);
  background-position: var(
      --FskInput-select-bg-position--disabled,
      var(--fsk-select-bg-position)
    ),
    var(--FskInput-bg-position--disabled);
  background-size: var(
      --FskInput-select-bg-size--disabled,
      var(--fsk-select-bg-size)
    ),
    var(--FskInput-bg-size--disabled);
}
.FskInput--select:disabled[aria-invalid="true"] {
  background-image: var(
      --FskInput-select-bg-image--error-disabled,
      var(--fsk-select-bg-image)
    ),
    var(--FskInput-bg-image--error-disabled);
  background-position: var(
      --FskInput-select-bg-position--error-disabled,
      var(--fsk-select-bg-position)
    ),
    var(--FskInput-bg-position--error-disabled);
  background-size: var(
      --FskInput-select-bg-size--error-disabled,
      var(--fsk-select-bg-size)
    ),
    var(--FskInput-bg-size--error-disabled);
}
.FskInput--select:not([disabled]):hover {
  background-image: var(
      --FskInput-select-bg-image--error-hover,
      var(--fsk-select-bg-image)
    ),
    var(--FskInput-bg-image--hover);
  background-position: var(
      --FskInput-select-bg-position--error-hover,
      var(--fsk-select-bg-position)
    ),
    var(--FskInput-bg-position--hover);
  background-size: var(
      --FskInput-select-bg-size--error-hover,
      var(--fsk-select-bg-size)
    ),
    var(--FskInput-bg-size--hover);
}
.FskInput--select:focus {
  background-image: var(
      --FskInput-select-bg-image--focus,
      var(--fsk-select-bg-image)
    ),
    var(--FskInput-bg-image--focus);
  background-position: var(
      --FskInput-select-bg-position--focus,
      var(--fsk-select-bg-position)
    ),
    var(--FskInput-bg-position--focus);
  background-size: var(
      --FskInput-select-bg-size--focus,
      var(--fsk-select-bg-size)
    ),
    var(--FskInput-bg-size--focus);
}
.FskInput--select:not([disabled])[aria-invalid="true"]:hover {
  background-image: var(
      --FskInput-select-bg-image--error-hover,
      var(--fsk-select-bg-image)
    ),
    var(--FskInput-bg-image--error-hover);
  background-position: var(
      --FskInput-select-bg-position--error-hover,
      var(--fsk-select-bg-position)
    ),
    var(--FskInput-bg-position--error-hover);
  background-size: var(
      --FskInput-select-bg-size--error-hover,
      var(--fsk-select-bg-size)
    ),
    var(--FskInput-bg-size--error-hover);
}
.FskInput--select[aria-invalid="true"]:focus {
  background-image: var(
      --FskInput-select-bg-image--error-focus,
      var(--fsk-select-bg-image)
    ),
    var(--FskInput-bg-image--error-focus);
  background-position: var(
      --FskInput-select-bg-position--error-focus,
      var(--fsk-select-bg-position)
    ),
    var(--FskInput-bg-position--error-focus);
  background-size: var(
      --FskInput-select-bg-size--error-focus,
      var(--fsk-select-bg-size)
    ),
    var(--FskInput-bg-size--error-focus);
}
/** @define FskInput; */
.FskInput--textarea {
  height: var(--FskInput-textarea-height, var(--fsk-input-textarea-height));
  resize: var(--FskInput-textarea-resize, none);
}
/** @define FskInput; */
:root {
  --FskInput-bg-color: var(--fsk-input-bg-color);
  --FskInput-bg-image: none;
  --FskInput-bg-position: top left;
  --FskInput-bg-repeat: no-repeat;
  --FskInput-bg-size: auto;
  --FskInput-border-color: var(--fsk-input-border-color);
  --FskInput-border-radius: 0;
  --FskInput-border-style: solid;
  --FskInput-border-width: var(--fsk-input-border-width);
  --FskInput-box-shadow: none;
  --FskInput-color: var(--fsk-input-color);
  --FskInput-font-family: var(--fsk-input-font-family);
  --FskInput-font-size: var(--fsk-input-font-size);
  --FskInput-line-height: var(--fsk-input-line-height);
  --FskInput-outline: none;
  --FskInput-padding-bottom: var(--fsk-input-padding-y);
  --FskInput-padding-left: var(--fsk-input-padding-x);
  --FskInput-padding-right: var(--fsk-input-padding-x);
  --FskInput-padding-top: var(--fsk-input-padding-y);
  --FskInput-placeholder-color: var(--fsk-input-placeholder-color);
  --FskInput-placeholder-opacity: var(--fsk-input-placeholder-opacity);
  --FskInput-transition: var(--fsk-input-transition);
  --FskInput-width: 100%;

  /* hover */

  --FskInput-bg-color--hover: var(--FskInput-bg-color);
  --FskInput-bg-image--hover: var(--FskInput-bg-image);
  --FskInput-bg-position--hover: var(--FskInput-bg-position);
  --FskInput-bg-size--hover: var(--FskInput-bg-size);
  --FskInput-border-color--hover: var(--FskInput-border-color);
  --FskInput-border-style--hover: var(--FskInput-border-style);
  --FskInput-border-width--hover: var(--FskInput-border-width);
  --FskInput-box-shadow--hover: var(--fsk-base-box-shadow);
  --FskInput-color--hover: var(--FskInput-color);
  --FskInput-outline--hover: var(--FskInput-outline);
  --FskInput-padding-bottom--hover: var(--FskInput-padding-bottom);
  --FskInput-padding-left--hover: var(--FskInput-padding-left);
  --FskInput-padding-right--hover: var(--FskInput-padding-right);
  --FskInput-padding-top--hover: var(--FskInput-padding-top);

  /* focus */

  --FskInput-bg-color--focus: var(--FskInput-bg-color);
  --FskInput-bg-image--focus: var(--FskInput-bg-image);
  --FskInput-bg-position--focus: var(--FskInput-bg-position);
  --FskInput-bg-size--focus: var(--FskInput-bg-size);
  --FskInput-border-color--focus: var(--FskInput-border-color);
  --FskInput-border-style--focus: var(--FskInput-border-style);
  --FskInput-border-width--focus: var(--FskInput-border-width);
  --FskInput-box-shadow--focus: var(--fsk-base-box-shadow);
  --FskInput-color--focus: var(--FskInput-color);
  --FskInput-outline--focus: var(--FskInput-outline);
  --FskInput-padding-bottom--focus: var(--FskInput-padding-bottom);
  --FskInput-padding-left--focus: var(--FskInput-padding-left);
  --FskInput-padding-right--focus: var(--FskInput-padding-right);
  --FskInput-padding-top--focus: var(--FskInput-padding-top);

  /* invalid */

  --FskInput-bg-color--error: var(--FskInput-bg-color);
  --FskInput-bg-image--error: var(--FskInput-bg-image);
  --FskInput-bg-position--error: var(--FskInput-bg-position);
  --FskInput-bg-size--error: var(--FskInput-bg-size);
  --FskInput-border-color--error: var(--FskInput-border-color)
    var(--FskInput-border-color) var(--fsk-error-color);
  --FskInput-border-style--error: var(--FskInput-border-style);
  --FskInput-border-width--error: var(--FskInput-border-width)
    var(--FskInput-border-width) var(--fsk-input--error-border-width);
  --FskInput-box-shadow--error: var(--FskInput-box-shadow);
  --FskInput-color--error: var(--FskInput-color);
  --FskInput-outline--error: var(--FskInput-outline);
  --FskInput-padding-bottom--error: var(--fsk-input--error-padding-bottom);
  --FskInput-padding-left--error: var(--FskInput-padding-left);
  --FskInput-padding-right--error: var(--FskInput-padding-right);
  --FskInput-padding-top--error: var(--FskInput-padding-top);

  /* disabled */

  --FskInput-bg-color--disabled: var(--FskInput-bg-color);
  --FskInput-bg-image--disabled: var(--FskInput-bg-image);
  --FskInput-bg-position--disabled: var(--FskInput-bg-position);
  --FskInput-bg-size--disabled: var(--FskInput-bg-size);
  --FskInput-border-color--disabled: var(--fsk-color-disabled);
  --FskInput-border-style--disabled: var(--FskInput-border-style);
  --FskInput-border-width--disabled: var(--FskInput-border-width);
  --FskInput-box-shadow--disabled: var(--FskInput-box-shadow);
  --FskInput-color--disabled: var(--fsk-color-geyser);
  --FskInput-outline--disabled: var(--FskInput-outline);
  --FskInput-padding-bottom--disabled: var(--FskInput-padding-bottom);
  --FskInput-padding-left--disabled: var(--FskInput-padding-left);
  --FskInput-padding-right--disabled: var(--FskInput-padding-right);
  --FskInput-padding-top--disabled: var(--FskInput-padding-top);

  /* invalid and disabled */

  --FskInput-bg-color--error-disabled: var(--FskInput-bg-color--error);
  --FskInput-bg-image--error-disabled: var(--FskInput-bg-image--error);
  --FskInput-bg-position--error-disabled: var(--FskInput-bg-position--error);
  --FskInput-bg-size--error-disabled: var(--FskInput-bg-size--error);
  --FskInput-border-color--error-disabled: var(
      --FskInput-border-color--disabled
    )
    var(--FskInput-border-color--disabled) var(--fsk-error-color-medium);
  --FskInput-border-style--error-disabled: var(--FskInput-border-style--error);
  --FskInput-border-width--error-disabled: var(--FskInput-border-width--error);
  --FskInput-box-shadow--error-disabled: var(--FskInput-box-shadow--error);
  --FskInput-color--error-disabled: var(--FskInput-color--disabled);
  --FskInput-outline--error-disabled: var(--FskInput-outline--disabled);
  --FskInput-padding-bottom--error-disabled: var(
    --FskInput-padding-bottom--error
  );
  --FskInput-padding-left--error-disabled: var(--FskInput-padding-left--error);
  --FskInput-padding-right--error-disabled: var(
    --FskInput-padding-right--error
  );
  --FskInput-padding-top--error-disabled: var(--FskInput-padding-top--error);

  /* invalid and hover */

  --FskInput-bg-color--error-hover: var(--FskInput-bg-color--error);
  --FskInput-bg-image--error-hover: var(--FskInput-bg-image--error);
  --FskInput-bg-position--error-hover: var(--FskInput-bg-position--error);
  --FskInput-bg-size--error-hover: var(--FskInput-bg-size--error);
  --FskInput-border-color--error-hover: var(--FskInput-border-color--error);
  --FskInput-border-style--error-hover: var(--FskInput-border-style--error);
  --FskInput-border-width--error-hover: var(--FskInput-border-width--error);
  --FskInput-box-shadow--error-hover: var(--FskInput-box-shadow--hover);
  --FskInput-color--error-hover: var(--FskInput-color--error);
  --FskInput-outline--error-hover: var(--FskInput-outline--error);
  --FskInput-padding-bottom--error-hover: var(--FskInput-padding-bottom--error);
  --FskInput-padding-left--error-hover: var(--FskInput-padding-left--error);
  --FskInput-padding-right--error-hover: var(--FskInput-padding-right--error);
  --FskInput-padding-top--error-hover: var(--FskInput-padding-top--error);

  /* invalid and focus */

  --FskInput-bg-color--error-focus: var(--FskInput-bg-color--error);
  --FskInput-bg-image--error-focus: var(--FskInput-bg-image--error);
  --FskInput-bg-position--error-focus: var(--FskInput-bg-position--error);
  --FskInput-bg-size--error-focus: var(--FskInput-bg-size--error);
  --FskInput-border-color--error-focus: var(--FskInput-border-color--error);
  --FskInput-border-style--error-focus: var(--FskInput-border-style--error);
  --FskInput-border-width--error-focus: var(--FskInput-border-width--error);
  --FskInput-box-shadow--error-focus: var(--FskInput-box-shadow--focus);
  --FskInput-color--error-focus: var(--FskInput-color--error);
  --FskInput-outline--error-focus: var(--FskInput-outline--error);
  --FskInput-padding-bottom--error-focus: var(--FskInput-padding-bottom--error);
  --FskInput-padding-left--error-focus: var(--FskInput-padding-left--error);
  --FskInput-padding-right--error-focus: var(--FskInput-padding-right--error);
  --FskInput-padding-top--error-focus: var(--FskInput-padding-top--error);
}
.FskInput:disabled {
  pointer-events: none;
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range) {
  background-color: var(--FskInput-bg-color);
  border-color: var(--FskInput-border-color);
  border-radius: var(--FskInput-border-radius);
  border-style: var(--FskInput-border-style);
  border-width: var(--FskInput-border-width);
  box-shadow: var(--FskInput-box-shadow);
  box-sizing: border-box;
  color: var(--FskInput-color);
  font-family: var(--FskInput-font-family);
  font-size: var(--FskInput-font-size);
  line-height: var(--FskInput-line-height);
  outline: var(--FskInput-outline);
  padding-bottom: var(--FskInput-padding-bottom);
  padding-left: var(--FskInput-padding-left);
  padding-right: var(--FskInput-padding-right);
  padding-top: var(--FskInput-padding-top);
  transition: var(--FskInput-transition);
  width: var(--FskInput-width);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range):not(.FskInput--select) {
  background-image: var(--FskInput-bg-image);
  background-position: var(--FskInput-bg-position);
  background-repeat: var(--FskInput-bg-repeat);
  background-size: var(--FskInput-bg-size);
}
.FskInput:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]) {
  appearance: none;
}
.FskInput::placeholder {
  color: var(--FskInput-placeholder-color);
  opacity: var(--FskInput-placeholder-opacity);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range):not(:disabled)[aria-invalid="true"] {
  --FskInput-bg-color: var(--FskInput-bg-color--error);
  --FskInput-border-color: var(--FskInput-border-color--error);
  --FskInput-border-style: var(--FskInput-border-style--error);
  --FskInput-border-width: var(--FskInput-border-width--error);
  --FskInput-box-shadow: var(--FskInput-box-shadow--error);
  --FskInput-color: var(--FskInput-color--error);
  --FskInput-outline: var(--FskInput-outline--error);
  --FskInput-padding-top: var(--FskInput-padding-top--error);
  --FskInput-padding-right: var(--FskInput-padding-right--error);
  --FskInput-padding-bottom: var(--FskInput-padding-bottom--error);
  --FskInput-padding-left: var(--FskInput-padding-left--error);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range):not(.FskInput--select):not(:disabled)[aria-invalid="true"] {
  --FskInput-bg-image: var(--FskInput-bg-image--error);
  --FskInput-bg-position: var(--FskInput-bg-position--error);
  --FskInput-bg-size: var(--FskInput-bg-size--error);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range):not([aria-invalid="true"]):disabled {
  --FskInput-bg-color: var(--FskInput-bg-color--disabled);
  --FskInput-border-color: var(--FskInput-border-color--disabled);
  --FskInput-border-style: var(--FskInput-border-style--disabled);
  --FskInput-border-width: var(--FskInput-border-width--disabled);
  --FskInput-box-shadow: var(--FskInput-box-shadow--disabled);
  --FskInput-color: var(--FskInput-color--disabled);
  --FskInput-outline: var(--FskInput-outline--disabled);
  --FskInput-padding-top: var(--FskInput-padding-top--disabled);
  --FskInput-padding-right: var(--FskInput-padding-right--disabled);
  --FskInput-padding-bottom: var(--FskInput-padding-bottom--disabled);
  --FskInput-padding-left: var(--FskInput-padding-left--disabled);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range):not(.FskInput--select):not([aria-invalid="true"]):disabled {
  --FskInput-bg-image: var(--FskInput-bg-image--disabled);
  --FskInput-bg-position: var(--FskInput-bg-position--disabled);
  --FskInput-bg-size: var(--FskInput-bg-size--disabled);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range):disabled[aria-invalid="true"] {
  --FskInput-bg-color: var(--FskInput-bg-color--error-disabled);
  --FskInput-bg-image: var(--FskInput-bg-image--error-disabled);
  --FskInput-border-color: var(--FskInput-border-color--error-disabled);
  --FskInput-border-style: var(--FskInput-border-style--error-disabled);
  --FskInput-border-width: var(--FskInput-border-width--error-disabled);
  --FskInput-box-shadow: var(--FskInput-box-shadow--error-disabled);
  --FskInput-color: var(--FskInput-color--error-disabled);
  --FskInput-outline: var(--FskInput-outline--error-disabled);
  --FskInput-padding-top: var(--FskInput-padding-top--error-disabled);
  --FskInput-padding-right: var(--FskInput-padding-right--error-disabled);
  --FskInput-padding-bottom: var(--FskInput-padding-bottom--error-disabled);
  --FskInput-padding-left: var(--FskInput-padding-left--error-disabled);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range):not(.FskInput--select):disabled[aria-invalid="true"] {
  --FskInput-bg-image: var(--FskInput-bg-image--error-disabled);
  --FskInput-bg-position: var(--FskInput-bg-position--error-disabled);
  --FskInput-bg-size: var(--FskInput-bg-size--error-disabled);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range):hover {
  --FskInput-bg-color: var(--FskInput-bg-color--hover);
  --FskInput-bg-image: var(--FskInput-bg-image--hover);
  --FskInput-border-color: var(--FskInput-border-color--hover);
  --FskInput-border-style: var(--FskInput-border-style--hover);
  --FskInput-border-width: var(--FskInput-border-width--hover);
  --FskInput-box-shadow: var(--FskInput-box-shadow--hover);
  --FskInput-color: var(--FskInput-color--hover);
  --FskInput-outline: var(--FskInput-outline--hover);
  --FskInput-padding-top: var(--FskInput-padding-top--hover);
  --FskInput-padding-right: var(--FskInput-padding-right--hover);
  --FskInput-padding-bottom: var(--FskInput-padding-bottom--hover);
  --FskInput-padding-left: var(--FskInput-padding-left--hover);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range):not(.FskInput--select):hover {
  --FskInput-bg-image: var(--FskInput-bg-image--hover);
  --FskInput-bg-position: var(--FskInput-bg-position--hover);
  --FskInput-bg-size: var(--FskInput-bg-size--hover);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range):focus {
  --FskInput-bg-color: var(--FskInput-bg-color--focus);
  --FskInput-border-color: var(--FskInput-border-color--focus);
  --FskInput-border-style: var(--FskInput-border-style--focus);
  --FskInput-border-width: var(--FskInput-border-width--focus);
  --FskInput-box-shadow: var(--FskInput-box-shadow--focus);
  --FskInput-color: var(--FskInput-color--focus);
  --FskInput-outline: var(--FskInput-outline--focus);
  --FskInput-padding-top: var(--FskInput-padding-top--focus);
  --FskInput-padding-right: var(--FskInput-padding-right--focus);
  --FskInput-padding-bottom: var(--FskInput-padding-bottom--focus);
  --FskInput-padding-left: var(--FskInput-padding-left--focus);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range):not(.FskInput--select):focus {
  --FskInput-bg-image: var(--FskInput-bg-image--focus);
  --FskInput-bg-position: var(--FskInput-bg-position--focus);
  --FskInput-bg-size: var(--FskInput-bg-size--focus);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range)[aria-invalid="true"]:hover {
  --FskInput-bg-color: var(--FskInput-bg-color--error-hover);
  --FskInput-border-color: var(--FskInput-border-color--error-hover);
  --FskInput-border-style: var(--FskInput-border-style--error-hover);
  --FskInput-border-width: var(--FskInput-border-width--error-hover);
  --FskInput-box-shadow: var(--FskInput-box-shadow--error-hover);
  --FskInput-color: var(--FskInput-color--error-hover);
  --FskInput-outline: var(--FskInput-outline--error-hover);
  --FskInput-padding-top: var(--FskInput-padding-top--error-hover);
  --FskInput-padding-right: var(--FskInput-padding-right--error-hover);
  --FskInput-padding-bottom: var(--FskInput-padding-bottom--error-hover);
  --FskInput-padding-left: var(--FskInput-padding-left--error-hover);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range):not(.FskInput--select)[aria-invalid="true"]:hover {
  --FskInput-bg-image: var(--FskInput-bg-image--error-hover);
  --FskInput-bg-position: var(--FskInput-bg-position--error-hover);
  --FskInput-bg-size: var(--FskInput-bg-size--error-hover);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range)[aria-invalid="true"]:focus {
  --FskInput-bg-color: var(--FskInput-bg-color--error-focus);
  --FskInput-bg-image: var(--FskInput-bg-image--error-focus);
  --FskInput-bg-position: var(--FskInput-bg-image--error-focus);
  --FskInput-bg-size: var(--FskInput-bg-size--error-focus);
  --FskInput-border-color: var(--FskInput-border-color--error-focus);
  --FskInput-border-style: var(--FskInput-border-style--error-focus);
  --FskInput-border-width: var(--FskInput-border-width--error-focus);
  --FskInput-box-shadow: var(--FskInput-box-shadow--error-focus);
  --FskInput-color: var(--FskInput-color--error-focus);
  --FskInput-outline: var(--FskInput-outline--error-focus);
  --FskInput-padding-top: var(--FskInput-padding-top--error-focus);
  --FskInput-padding-right: var(--FskInput-padding-right--error-focus);
  --FskInput-padding-bottom: var(--FskInput-padding-bottom--error-focus);
  --FskInput-padding-left: var(--FskInput-padding-left--error-focus);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range):not(.FskInput--select)[aria-invalid="true"]:focus {
  --FskInput-bg-image: var(--FskInput-bg-image--error-focus);
  --FskInput-bg-position: var(--FskInput-bg-position--error-focus);
  --FskInput-bg-size: var(--FskInput-bg-size--error-focus);
}
/* fsk tokens */
:root {
  /*
   * other
   */
  --fsk-space-base: var(--spacing-8);
  --fsk-border-width: 0.2rem;
  --fsk-border-radius: 0.3rem;
  --fsk-transition-timing: var(--default-transition-time);
  --fsk-base-box-shadow: none;

  /*
   * Options
   */
  --FskOption-border-color: currentColor;
  --FskOption-border-width: 0.2rem;
  --FskOption-label-color: inherit;
  --FskOption-label-font-size: var(--typo-copy-font-size);

  --FskOption-border-color--error: var(--color-decoration-signal--red);

  --FskOption-bg-color--disabled: var(--color-decoration-grey--light);
  --FskOption-border-color--disabled: var(--color-decoration-grey--light);
  --FskOption-label-color--disabled: var(--FskOption-label-color);

  --FskOption-bg-color--checked: var(--color-brand-green);
  --FskOption-border-color--checked: var(--color-brand-green);

  --FskOption-box-shadow--hover: none;
  --FskOption-box-shadow--focus: none;

  --FskCheckbox-border-radius: 0.3rem;
  --FskCheckbox-border-color: var(--color-purple);

  --FskRadio-label-color--disabled: #dcd9dc;
  --FskRadio-border-color: var(--color-purple);

  /*
   * Input description
   */
  --fsk-input-description-color: inherit;
  --fsk-input-description-font-size: var(--typo-copy-small-font-size);
  --fsk-input-description-margin: var(--spacing-8) 0 0 var(--spacing-16);

  /*
   * Input error message
   */
  --fsk-input-error-message-color: var(--color-signal--dark);
  --fsk-input-error-message-font-size: var(--typo-copy-small-font-size);

  /*
   * Input label
   */
  --fsk-input-label-color: var(--color-purple);
  --fsk-input-label-font-size: var(--typo-copy-small-font-size);
  --fsk-input-label-font-weight: normal;
  --fsk-input-label-padding: 0 0 var(--spacing-4) var(--spacing-16);

  /**
   * Selects
   */
  --fsk-select-bg-position: calc(100% - 1em) 52%;
  --fsk-select-bg-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23796675' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
/* fsk overwrites */
.FskOptions .FskFormElement {
  margin-top: 0;
  order: var(--FskFormElement-order, 0);
}
/** @define FskButton; */
.FskButton {
  --FskButton-icon-margin: 0 0 0 var(--spacing-8);
  gap: 0
}
.FskButton--iconLeft {
  --FskButton-icon-margin: 0 var(--spacing-8) 0 0;
}
.FskButton-icon {
  margin: var(--FskButton-icon-margin);
}
.FskFieldset {
  border: none;
  margin: var(--fsk-fieldset-margin, 0);
}
.FskFieldset:not(:first-child) {
  --fsk-fieldset-margin: var(--spacing-32) 0 0;
}
.FskFieldset-wrapper {
  margin: var(--spacing-16) 0 0;
}
.FskFieldset-legend {
  margin: 0;
}
.FskFieldset-label {
  color: var(--color-antracite);
  font-size: var(--typo-headline6-font-size);
  font-weight: var(--typo-headline6-font-weight);
  line-height: var(--typo-headline6-line-height);
  margin: 0;
  padding: 0;
}
.FskFieldset.required .FskFieldset-label::after {
  content: " *";
}
.FskFieldset-errorMessage {
  color: var(--fsk-input-error-message-color);
  font-size: var(--fsk-input-error-message-font-size);
  font-weight: var(--typo-copy-small-bold-font-weight);
  line-height: var(--typo-copy-small-bold-line-height);
  margin: var(--spacing-8) 0 0 var(--spacing-16);
}
.FskFieldset-errorMessage:empty {
  margin: 0;
}
.FskFormElement {
  margin: var(--fsk-form-element-margin, 0);
}
.FskFormElement .FskFormElement-description {
  overflow: hidden;
  transition: max-height 250ms, margin 250ms;
}
.FskFormElement .FskFormElement-description.is-hidden {
  margin-top: 0;
  max-height: 0;
}
.FskFormElement .FskFormElement-description:not(.is-hidden) {
  max-height: 50rem;
}
.FskFormElement .FskFormElement-description a {
  color: var(--fsk-form-element-description-link-color, var(--color-brand-green));
  font-weight: var(--typo-copy-bold-font-weight);
  text-decoration: underline;
  transition: color var(--default-transition-time);
}
.FskFormElement .FskFormElement-description a:hover {
  --fsk-form-element-description-link-color: var(--color-brand-green--hover);
}
.FskFormElement-errorMessage {
  --fsk-error-message-margin: var(--spacing-8) 0 0 var(--spacing-16);

  font-weight: var(--typo-copy-small-bold-font-weight);
}
.FskFormElement-errorMessage:not(:empty) {
  margin: var(--fsk-error-message-margin);
}
.FskFormElement-errorMessage a {
  color: currentColor;
  text-decoration: underline;
}
.FskFormElementLabel.form-required::after{
  content: var(--FskElementLabel-required-content, " *");
}
.FskFormElementLabel .webform-element-help {
  background: url("../images/tooltip.svg") 100% no-repeat;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  height: 2rem;
  vertical-align: bottom;
  width: 2rem;
}
.FskFormElementLabel .webform-element-help[aria-expanded="true"] {
  background-image: url("../images/tooltip_hover.svg");
}
.FskFormElementLabel .webform-element-help span[aria-hidden] {
  display: none;
}
.FskFormElementLabel .tippy-box {
  background: var(--color-decoration-brand-green--10);
  border-radius: var(--spacing-2);
  color: var(--color-antracite);
  font-size: 12px;
  line-height: 1.33;
  padding: var(--spacing-16);
}
.FskFormElementLabel .tippy-box .tippy-arrow {
  color: var(--color-decoration-brand-green--10);
}
.FskFormElementLabel .tippy-box .webform-element-help--title {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 var(--spacing-8);
}
:root {
  --FskInput-bg-color: var(--color-decoration-natural--dark);
  --FskInput-bg-color--hover: var(--color-decoration-natural);
  --FskInput-bg-color--focus: var(--color-decoration-natural);
  --FskInput-bg-color--disabled: var(--color-decoration-grey--light);
  --FskInput-bg-position: right var(--spacing-16) top var(--spacing-12);
  --FskInput-bg-position--hover: right var(--spacing-16) top var(--spacing-12);
  --FskInput-border-radius: var(--fsk-border-radius);
  --FskInput-border-width: 0;
  --FskInput-color: var(--color-purple--80);
  --FskInput-color--hover: var(--color-antracite);
  --FskInput-color--focus: var(--color-antracite);
  --FskInput-color--disabled: var(--color-antracite);

  /* Input font size should be at least 16px to prevent zooming forms in IOS Safari */
  --FskInput-font-size: 1.6rem;
  --FskInput-line-height: calc(2.4 / 1.6);
  --FskInput-padding-bottom: var(--spacing-12);
  --FskInput-padding-left: var(--spacing-16);
  --FskInput-padding-right: var(--spacing-16);
  --FskInput-padding-top: var(--spacing-12);
  --FskInput-placeholder-color: var(--color-purple--80);
  --FskInput-placeholder-opacity: 1;
  --FskInput-transition: background-color var(--fsk-transition-timing),
    border-left var(--fsk-transition-timing);

  --FskInput-bg-image--error: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6.25L6 18.25' stroke='%23F97C50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6.25L18 18.25' stroke='%23F97C50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --FskInput-bg-image--valid: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='%2366CC00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");

  --FskInput-border-width--error: 0;
  --FskInput-padding-bottom--error: var(--spacing-12);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range) {
  border-left: var(--FskInput-border-left);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range):not(:disabled):focus {
  --FskInput-border-left: var(--fsk-border-width) solid var(--color-purple);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range).error,
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range).is-touched:invalid {
  --FskInput-border-left: var(--fsk-border-width) solid
    var(--color-decoration-signal--red);
  --FskInput-bg-image: var(--FskInput-bg-image--error);
  --FskInput-color: var(--color-signal--dark);
}
.FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(.FskInput--range).is-touched:valid {
  --FskInput-border-left: var(--fsk-border-width) solid var(--color-brand-green);
  --FskInput-bg-color: var(--color-decoration-natural);
  --FskInput-bg-image: var(--FskInput-bg-image--valid) !important;
  --FskInput-color: var(--color-antracite);
}
.FskCheckbox.is-touched:invalid + .FskFormElementLabel::before {
  --FskCheckbox-border-color: var(--color-decoration-signal--red);
}
.FskInput-remainingSymbols {
  display: block;
  font-style: italic;
  text-align: right;
}
.FskCheckbox:not(:disabled):focus-visible + .FskFormElementLabel {
  align-self: flex-start;
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
}
/*
 * Hide arrows from input number
 * @see https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp
 *
 */
/* stylelint-disable */
/* Chrome, Safari, Edge, Opera */
.FskInput::-webkit-outer-spin-button,
  .FskInput::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
  }
/* Firefox */
.FskInput[type=number] {
    -moz-appearance: textfield !important;
  }
.FskRadio:not(.FskRadio--native) + .FskFormElementLabel::before {
  display: none;
}
.FskRadio:not(.FskRadio--native) + .FskFormElementLabel::after {
  content: attr(data-text);
  display: block;
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.FskRadio:not(.FskRadio--native) + .FskFormElementLabel {
  --fsk-radio-text-border-color: var(--color-purple--50);
  --fsk-radio-text-color: var(--color-purple--50);
  --fsk-radio-text-border: var(--fsk-border-width) solid
    var(--fsk-radio-text-border-color);

  background-color: var(--fsk-radio-text-bg-color);
  border: var(--fsk-radio-text-border);
  border-radius: var(--fsk-border-radius);
  color: var(--fsk-radio-text-color);
  display: flex;
  flex-direction: column;
  font-size: var(--typo-copy-bold-font-size);
  font-weight: var(--typo-copy-bold-font-weight);
  line-height: var(--typo-copy-bold-line-height);
  outline: var(--fsk-radio-outline);
  outline-offset: var(--fsk-radio-outline-offset);
  padding: calc(var(--spacing-12) - var(--fsk-border-width)) var(--spacing-12);
}
.FskRadio.FskRadio--switcher + .FskFormElementLabel {
  --fsk-border-radius: 0;
  --fsk-radio-text-bg-color: var(--color-decoration-natural);
  --fsk-radio-text-border: none;
  --fsk-radio-text-color: var(--color-antracite);

  font-weight: normal;
  padding: var(--spacing-4) var(--spacing-24);
}
.FskFormElement:first-child .FskRadio.FskRadio--switcher + .FskFormElementLabel {
  --fsk-border-radius: 1.6rem 0 0 1.6rem;
}
.FskFormElement:last-child .FskRadio.FskRadio--switcher + .FskFormElementLabel {
  --fsk-border-radius: 0 1.6rem 1.6rem 0;
}
.FskFormElement:only-child .FskRadio.FskRadio--switcher + .FskFormElementLabel {
  --fsk-border-radius: 1.6rem;
}
.FskRadio:not(.FskRadio--native):not(:checked):not(:disabled) + .FskFormElementLabel:hover,
.FskRadio:not(.FskRadio--native):not(:checked):not(:disabled):focus + .FskFormElementLabel {
  --fsk-radio-text-border-color: var(--color-purple);
  --fsk-radio-text-color: var(--color-purple);
}
.FskRadio:not(.FskRadio--native):checked + .FskFormElementLabel.FskFormElementLabel {
  --fsk-radio-text-bg-color: var(--color-purple);
  --fsk-radio-text-border-color: var(--color-purple);
  --fsk-radio-text-color: var(--color-white);
}
.FskRadio:not(.FskRadio--native):disabled:checked + .FskFormElementLabel,
.FskRadio:not(:disabled)[aria-invalid="true"]:checked + .FskFormElementLabel {
  color: var(--color-white);
}
.FskRadio.FskRadio--switcher:not(:checked):not(:disabled) + .FskFormElementLabel:hover,
.FskRadio.FskRadio--switcher:not(:checked):not(:disabled):focus + .FskFormElementLabel,
.FskRadio.FskRadio--switcher:not(:disabled):checked + .FskFormElementLabel {
  --fsk-radio-text-bg-color: var(--color-decoration-signal--red);
  --fsk-radio-text-color: var(--color-antracite);

  font-weight: var(--typo-copy-bold-font-weight);
}
.FskRadio:not(:disabled):focus-visible:focus + .FskFormElementLabel {
  --fsk-radio-outline-offset: 0.3rem;

  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
}
.FskMenuLocalTasks {
  --fsk-tabs-margin: var(--spacing-16) auto;
  max-width: calc(var(--content-max-width) + 2 * var(--spacing-16));
  padding: 0 var(--spacing-16);
}
.FskOptions--radios {
  gap: 0;
  margin: calc(var(--fsk-radios-fskFormElements-margin) * -1) 0 0
    calc(var(--fsk-radios-fskFormElements-margin) * -1);
}
.FskOptions--radios .FskFormElement {
  margin: var(--fsk-radios-fskFormElements-margin) 0 0
    var(--fsk-radios-fskFormElements-margin);
}
.FskOptions--radios .FskFormElement--switcher {
  margin: var(--FskFormElement--switcher-margin);
}
.FskOptions--radios .FskFormElement--switcher:first-child {
  margin-left: var(--fsk-radios-fskFormElements-margin);
}
.FskOptions--radios .FskFormElement-errorMessage {
  display: none;
}
.FskInput--select {
  background-image: var(--fsk-select-bg-image) !important;
  background-position: var(--fsk-select-bg-position) !important;
}
/** @define FskStatusMessages; weak */
.FskStatusMessages {
  /* stylelint-disable plugin/selector-bem-pattern */
  --fsk-status-messages--error-bg-color: var(--color-decoration-signal--red-10);
  --fsk-status-messages--error-text-color: var(--color-antracite);
  --fsk-status-messages-bg-color: var(--color-decoration-brand-green--10);
  --fsk-status-messages-text-color: var(--color-antracite);

  /* stylelint-enable plugin/selector-bem-pattern */

  border: none;
  margin-left: var(--FskStatusMessages-side-margin, auto);
  margin-right: var(--FskStatusMessages-side-margin, auto);
  max-width: var(--content-max-width);
}
.FskStatusMessages a {
  text-decoration: underline;
}
.FskStatusMessages--error a {
  color: var(--fsk-input-error-message-color);
}
/** @define FskButton; */
:root {
  --FskButton-bg-color: var(--color-brand-green);
  --FskButton-bg-color--active: var(--color-brand-green--pressed);
  --FskButton-bg-color--disabled: var(--color-brand-green--disabled);
  --FskButton-bg-color--hover: var(--color-brand-green--hover);
  --FskButton-bg-color--focus: var(--color-brand-green--hover);
  --FskButton-border-radius: var(--spacing-24);
  --FskButton-border-width: 0.3rem;
  --FskButton-color--disabled: var(--color-white);
  --FskButton-font-size: var(--typo-button-text-font-size);
  --FskButton-font-weight: var(--typo-button-font-weight);
  --FskButton-letter-spacing: var(--typo-letter-spacing--max);
  --FskButton-line-height: var(--typo-button-text-line-height);
  --FskButton-margin: 0;
  --FskButton-padding-x: 1.5em;
  --FskButton-padding-y: 1em;
  --FskButton-transition: background-color var(--fsk-transition-timing);

  --FskButton-bg-color--secondary: var(--color-white);
  --FskButton-border-color--secondary: currentColor;
  --FskButton-color--secondary: var(--color-brand-green);
  --FskButton-color--secondary--active: var(--color-brand-green--pressed);
  --FskButton-color--secondary--disabled: var(--color-brand-green--disabled);
  --FskButton-color--secondary--hover: var(--color-brand-green--hover);
}
.FskButton--kids {
  --FskButton-bg-color: var(--color-kids-blue);
  --FskButton-bg-color--hover: var(--color-kids-blue--hover);
  --FskButton-bg-color--focus: var(--color-kids-blue--hover);
  --FskButton-bg-color--active: var(--color-kids-blue--pressed);
  --FskButton-bg-color--disabled: var(--color-kids-blue--disabled);
}
.FskButton--kids.FskButton--secondary {
  --FskButton-bg-color: var(--color-white);
  --FskButton-bg-color--hover: var(--color-white);
  --FskButton-bg-color--focus: var(--color-white);
  --FskButton-bg-color--active: var(--color-white);
  --FskButton-bg-color--disabled: var(--color-white);
  --FskButton-color--secondary: var(--color-kids-blue);
  --FskButton-color--secondary--active: var(--color-kids-blue--pressed);
  --FskButton-color--secondary--disabled: var(--color-kids-blue--disabled);
  --FskButton-color--secondary--hover: var(--color-kids-blue--hover);
}
.FskButton--donation,
.FskButton--kids.FskButton--donation { /* is needed to overwrite default `.FskButton--kids` styles */
  --FskButton-bg-color: var(--color-decoration-signal--red);
  --FskButton-border-color: transparent;
  --FskButton-color: var(--color-antracite);

  --FskButton-bg-color--hover: var(--color-decoration-signal--red-50);
  --FskButton-border-color--hover: transparent;
  --FskButton-color--hover: var(--color-antracite);

  --FskButton-bg-color--focus: var(--color-decoration-signal--red);
  --FskButton-border-color--focus: transparent;
  --FskButton-color--focus: var(--color-antracite);

  --FskButton-bg-color--active: var(--color-decoration-signal--red-80);
  --FskButton-border-color--active: transparent;
  --FskButton-color--active: var(--color-antracite);

  --FskButton-bg-color--disabled: var(
    --color-decoration-signal--red-disabled-light
  );
  --FskButton-border-color--disabled: transparent;
  --FskButton-color--disabled: var(
    --color-decoration-signal--red-disabled-dark
  );
}
.FskButton--iconLeft {
  --FskButton-flex-direction: row-reverse;
}
.FskButton-icon {
  font-size: calc(var(--FskButton-line-height) * 1em);
}
/** @define ContrastSwitcher; */
.ContrastSwitcher {
  list-style: none;
}
.ContrastSwitcher.is-open {
  --ContrastSwitcher-buttonIcon-transform: scaleY(-1);
  --ContrastSwitcher-content-max-height: var(--spacing-96); /* an approximate number, slightly greater than the real height */
}
.ContrastSwitcher-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: var(--spacing-8);
  padding: var(--ContrastSwitcher-button-padding);
  position: relative;
}
.ContrastSwitcher-buttonIcon {
  font-size: 2rem;
  transform: var(--ContrastSwitcher-buttonIcon-transform, none);
  transition: transform var(--default-transition-time);
}
.ContrastSwitcher-content {
  align-items: start;
  display: flex;
  gap: var(--spacing-8);
  justify-content: space-between;
  max-height: var(--ContrastSwitcher-content-max-height, 0);
  overflow: hidden;
  padding: var(--ContrastSwitcher-content-padding);
  transition: max-height var(--default-transition-time), padding var(--default-transition-time);
}
.ContrastSwitcher-textCopy {
  margin: var(--ContrastSwitcher-textCopy-margin);
}
.ContrastSwitcher-inputHolder {
  text-align: center;
}
.ContrastSwitcher-checkbox {
  opacity: 0;
  position: absolute;
}
.ContrastSwitcher-label {
  --ContrastSwitcher-label-circle-size: 1.8rem;
  --ContrastSwitcher-label-circle-left: 0.3rem;

  cursor: pointer;
  display: block;
  position: relative;
}
.ContrastSwitcher-label::before {
  border: 0.2rem solid var(--color-antracite);
  border-radius: var(--spacing-12);
  content: '';
  display: block;
  height: var(--spacing-24);
  margin: 0 0 var(--spacing-8);
  width: var(--spacing-40);
}
.ContrastSwitcher-checkbox:focus-visible ~ .ContrastSwitcher-label::before {
  outline-color: -webkit-focus-ring-color;
  outline-offset: 0.3rem;
  outline-style: auto;
}
.ContrastSwitcher-label::after {
  background: var(--color-antracite);
  border-radius: calc(var(--ContrastSwitcher-label-circle-size) / 2);
  content: '';
  height: var(--ContrastSwitcher-label-circle-size);
  left: var(--ContrastSwitcher-label-circle-left);
  position: absolute;
  top: 0.3rem;
  transition: left var(--default-transition-time);
  width: var(--ContrastSwitcher-label-circle-size);
}
.ContrastSwitcher-checkbox:checked + .ContrastSwitcher-label {
  --ContrastSwitcher-label-circle-left: 1.9rem;
}
/** @define Countdown; */
.Countdown {
  color: var(--color-purple);
  display: flex;
  justify-content: space-evenly;
  text-align: center;
}
.Countdown-number {
  display: flex;
  flex-direction: column;
}
.Countdown-numberValue,
.Countdown-divider {
  font-weight: 400;
}
.Countdown-divider {
  color: var(--color-decoration-signal--red);
}
/** @define Dialog; weak; */
.Dialog {
  border: none;
  max-height: 80svh;
  max-width: 80svw;
  overflow: hidden;
  padding: 0;
  position: relative;
}
/* Reset stage height to fit within the Dialog without causing it to scroll when not needed */
.Dialog .Stage {
  /* stylelint-disable-next-line plugin/selector-bem-pattern */
  --Stage-min-height: initial;
}
.Dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
}
.Dialog-content {
  max-height: 80svh;
  overflow: auto;
  position: relative;
}
.Dialog-close {
  align-items: center;
  background-color: var(--color-white);
  border-radius: var(--spacing-32);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: flex;
  font-weight: bold;
  gap: var(--spacing-8);
  padding: var(--spacing-8);
  position: absolute;
  right: var(--spacing-32);
  top: var(--spacing-32);
  transition: background-color 0.2s ease;
  z-index: 11;
}
.Dialog-close:hover {
  background-color: var(--color-decoration-natural--40);
}
/** @define DonationExample */
.DonationExample {
  --DonationExample-copy-margin: var(--spacing-16) var(--spacing-8) 0;
}
.DonationExample--small {
  --DonationExample-image-flex: 0 0 auto;
  --DonationExample-copy-margin: 0;

  align-items: center;
  border-left: 0.2rem solid var(--color-brand-green);
  display: flex;
  flex-direction: var(--DonationExample-flex-direction);
  gap: var(--DonationExample-flex-gap);
  padding: var(--spacing-8) 0 var(--spacing-8) var(--spacing-16);
}
.DonationExample-image {
  flex: var(--DonationExample-image-flex, auto);
  position: relative;
  width: var(--DonationExample-image-width, auto);
}
.DonationExample-copyright {
  color: var(--color-white);
  height: 90%; /* Avoid overlap with headline */
  position: absolute;
  right: var(--spacing-8);
  text-align: end;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  top: var(--spacing-16);
  writing-mode: sideways-lr;
}
.DonationExample-text {
  color: var(--color-purple);
  margin-top: var(--DonationExample-text-margin-top);
  position: relative;
  z-index: 2;
}
.DonationExample-amount {
  background: var(--color-decoration-signal--red);
  display: inline-block;
  padding: 0 var(--spacing-8);
  vertical-align: top;
}
.DonationExample-headline {
  margin: 0 var(--spacing-16) 0 0;
}
.DonationExample-copy {
  margin: var(--DonationExample-copy-margin);
}
/* stylelint-disable-next-line plugin/selector-bem-pattern */
.DonationExample-copy strong {
  font-weight: var(--typo-copy-bold-font-weight);
}
/** @define FlexEmbed; weak */
/**
 * Flexible media embeds
 *
 * For use with media embeds – such as videos, slideshows, or even images –
 * that need to retain a specific aspect ratio but adapt to the width of their
 * containing element.
 *
 * Based on: http://alistapart.com/article/creating-intrinsic-ratios-for-video
 */
.FlexEmbed {
  display: block;
  overflow: hidden;
  position: relative;
}
/**
 * The aspect-ratio hack is applied to an empty element because it allows
 * the component to respect `max-height`. Default aspect ratio is 1:1.
 */
.FlexEmbed-ratio {
  display: block;
  padding-bottom: 100%;
  width: 100%;
}
/**
 * Modifier: 3:1 aspect ratio
 */
.FlexEmbed-ratio--3by1 {
  padding-bottom: calc(100% / 3);
}
/**
 * Modifier: 2:1 aspect ratio
 */
.FlexEmbed-ratio--2by1 {
  padding-bottom: 50%;
}
/**
 * Modifier: 16:9 aspect ratio
 */
.FlexEmbed-ratio--16by9 {
  padding-bottom: 56.25%;
}
/**
 * Modifier: 4:3 aspect ratio
 */
.FlexEmbed-ratio--4by3 {
  padding-bottom: 75%;
}
/**
 * Modifier: 2:3 aspect ratio
 */
.FlexEmbed-ratio--2by3 {
  padding-bottom: 150%;
}
/**
 * Fit the content to the aspect ratio
 */
.FlexEmbed-content {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.FlexEmbed-content img {
  display: block;
  height: 100%;
  width: 100%;
}
/** @define Flyout; */
.Flyout {
  background: var(--color-decoration-brand-green--10);
  display: var(--Flyout-display, none);
  padding: var(--spacing-16);
}
/* --Flyout--withArrow-position-left is coming from the JS */
.Flyout::after {
  border-color: transparent transparent var(--color-decoration-brand-green--10);
  border-style: solid;
  border-width: 0 var(--spacing-12) var(--spacing-12);
  bottom: 100%;
  content: '';
  height: 0;
  left: var(--Flyout--withArrow-position-left, var(--spacing-32));
  position: absolute;
  transform: translateX(-50%);
  width: 0;
}
.Flyout.is-open {
  --Flyout-display: block;
}
.Flyout-holder {
  align-items: flex-start;
  display: flex;
  gap: var(--spacing-8);
  justify-content: space-between;
  margin: 0 0 var(--spacing-8);
}
.Flyout-closeButton {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.Flyout-closeIcon {
  font-size: 2.4rem;
  margin: 0 0 0 var(--spacing-8);
}
/** @define GiftPrompt; */
/* Styles related to spacings and placement of this component
within the donation form, can be found on the following BE file:
web/modules/custom/gpde_donate/css/gpde_donate_gpde_webform_gift_promp.css */
.GiftPrompt:not(.GiftPrompt--isSimple) {
  align-items: center;
  background-color: var(--color-decoration-natural--40);
  border-radius: var(--spacing-12);
  display: flex;
  gap: var(--GiftPrompt-gap, var(--spacing-24));
  padding: var(--spacing-12) var(--GiftPrompt-padding-inline, var(--spacing-24));
  width: var(--GiftPrompt-width, -moz-fit-content);
  width: var(--GiftPrompt-width, fit-content);
}
.GiftPrompt[hidden] {
  display: none;
}
.GiftPrompt--isSimple {
  margin-top: var(--spacing-16);
  width: -moz-fit-content;
  width: fit-content;
}
.GiftPrompt-icon {
  font-size: var(--GiftPrompt-icon-size, 7.2rem); /* 72px */
}
.GiftPrompt-textWrapper {
  display: flex;
  flex-direction: column;
}
.GiftPrompt-copy {
  font-size: var(--GiftPrompt-copy-size, 2rem);
  font-weight: 600;
}
.GiftPrompt-link {
  font-size: var(--GiftPrompt-link-size, 1.6rem);
}
.GiftPrompt-link:hover {
  text-decoration: underline;
}
/*
  This file mainly contains FSK styles (folder `components/fsk/form` and its sub folders) with adapted selectors
*/
.hs-form a {
  color: var(--u-brandLink-color, var(--color-brand-green));
  font-weight: bold;
  text-decoration: underline;
  transition: color var(--default-transition-time);
}
.hs-form a:hover {
  --u-brandLink-color: var(--color-brand-green--hover);
}
.hs-form.hs-form .hs-form-field .input {
  margin-right: 0;
}
.hs-form .inputs-list {
  display: flex;
  flex-direction: column;
  gap: var(--fsk-space-inputs);
  left: initial;
  list-style: none;
  margin: var(--spacing-16) 0 0;
}
.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  margin: 0;
}
.hs-form [class^="form-columns"] {
  max-width: 100%;
}
.hs-form .form-columns-2 {
  align-items: start;
  display: flex;
  gap: var(--spacing-24);
}
.hs-form.hs-form .form-columns-2 .hs-form-field {
  flex: 1;
  float: none;
  width: 100%;
}
.hs-form .hs-form-field label:not(.hs-form-checkbox-display):not(.hs-form-booleancheckbox-display):not(.hs-form-radio-display),
.hs-form .hs-form-field .hs-field-desc {
  font-size: var(--FskElementLabel-size, var(--fsk-input-label-font-size, inherit));
  font-weight: var(--FskElementLabel-font-weight, var(--fsk-input-label-font-weight, 400));
  line-height: var(--FskElementLabel-line-height, var(--fsk-input-label-line-height, inherit));
  padding: var(--FskElementLabel-padding, var(--fsk-input-label-padding, 0));
}
.hs-form .hs-form-field label:not(.hs-form-checkbox-display):not(.hs-form-booleancheckbox-display):not(.hs-error-msg):not(.hs-form-radio-display) {
  color: var(--FskElementLabel-color, var(--fsk-input-label-color, inherit));
}
.hs-form .hs-form-field:not(.hs-fieldtype-booleancheckbox),
.hs-form .hs-main-font-element {
  margin: var(--fsk-form-element-margin, 0);
}
.hs-form .legal-consent-container {
  margin: var(--legal-consent-margin);
}
.hs-form .hs-form-field .hs-form-field-description {
  overflow: hidden;
  transition: max-height 250ms, margin 250ms;
}
.hs-form .hs-form-field .hs-form-field-description.is-hidden {
  margin-top: 0;
  max-height: 0;
}
.hs-form .hs-form-field .hs-form-field-description:not(.is-hidden) {
  max-height: 50rem;
}
.hs-form .hs-input:disabled {
  pointer-events: none;
}
/* Errors start */
.hs-form .hs-error-msg {
  --fsk-error-message-margin: var(--spacing-8) 0 0 var(--spacing-16);
  font-weight: bold !important;
}
.hs-form .hs-error-msgs > li::marker {
  color: transparent;
}
.hs-form .hs-error-msgs li {
  display: inline;
}
.hs-form .hs-error-msgs {
  --fsk-error-message-margin: var(--spacing-8) 0 0 var(--spacing-16);
  font-weight: bold;
}
.hs-form .hs-form-field label.hs-error-msg {
  color: var(--fsk-input-error-message-color);
  font-size: var(--fsk-input-error-message-font-size);
  padding: 0 !important;
}
.hs-form .hs-error-msgs:not(:empty) {
  color: var(--fsk-input-error-message-color);
}
.hs-form :not(.hs_error_rollup) .hs-error-msgs:not(:empty) {
  margin: var(--fsk-error-message-margin) !important;
}
.hs-form .hs_error_rollup {
  margin-bottom: .8em;
}
.hs-form .hs-error-msg a {
  color: currentColor;
  text-decoration: underline;
}
/* Errors end */
/* Text inputs start */
.hs-form .hs-input:not([type="checkbox"]):not([type="radio"]) {
  background-color: var(--FskInput-bg-color);
  background-image: var(--FskInput-bg-image);
  background-position: var(--FskInput-bg-position);
  background-repeat: var(--FskInput-bg-repeat);
  background-size: var(--FskInput-bg-size);
  border-color: var(--FskInput-border-color);
  border-radius: var(--FskInput-border-radius);
  border-style: var(--FskInput-border-style);
  border-width: var(--FskInput-border-width);
  box-shadow: var(--FskInput-box-shadow);
  box-sizing: border-box;
  color: var(--FskInput-color);
  font-family: var(--FskInput-font-family);
  font-size: var(--FskInput-font-size);
  line-height: var(--FskInput-line-height);
  outline: var(--FskInput-outline);
  padding: var(--FskInput-padding-top) var(--FskInput-padding-right) var(--FskInput-padding-bottom) var(--FskInput-padding-left);
  transition: var(--FskInput-transition);
  width: var(--FskInput-width);
}
.hs-form .hs-input:not([type="checkbox"]):not([type="radio"]) {
  border-left: var(--FskInput-border-left);
}
.hs-form .hs-input::placeholder {
  color: var(--FskInput-placeholder-color);
  opacity: var(--FskInput-placeholder-opacity);
}
.hs-form .hs-input:not([type="checkbox"]):not([type="radio"]):disabled {
  --FskInput-bg-color: var(--FskInput-bg-color--disabled);
  --FskInput-bg-image: var(--FskInput-bg-image--disabled);
  --FskInput-bg-position: var(--FskInput-bg-position--disabled);
  --FskInput-bg-size: var(--FskInput-bg-size--disabled);
  --FskInput-border-color: var(--FskInput-border-color--disabled);
  --FskInput-border-style: var(--FskInput-border-style--disabled);
  --FskInput-border-width: var(--FskInput-border-width--disabled);
  --FskInput-box-shadow: var(--FskInput-box-shadow--disabled);
  --FskInput-color: var(--FskInput-color--disabled);
  --FskInput-outline: var(--FskInput-outline--disabled);
  --FskInput-padding-bottom: var(--FskInput-padding-bottom--disabled);
  --FskInput-padding-left: var(--FskInput-padding-left--disabled);
  --FskInput-padding-right: var(--FskInput-padding-right--disabled);
  --FskInput-padding-top: var(--FskInput-padding-top--disabled);
}
.hs-form .hs-input:not([type="checkbox"]):not([type="radio"]):hover {
  --FskInput-bg-color: var(--FskInput-bg-color--hover);
  --FskInput-bg-image: var(--FskInput-bg-image--hover);
  --FskInput-bg-position: var(--FskInput-bg-position--hover);
  --FskInput-bg-size: var(--FskInput-bg-size--hover);
  --FskInput-border-color: var(--FskInput-border-color--hover);
  --FskInput-border-style: var(--FskInput-border-style--hover);
  --FskInput-border-width: var(--FskInput-border-width--hover);
  --FskInput-box-shadow: var(--FskInput-box-shadow--hover);
  --FskInput-color: var(--FskInput-color--hover);
  --FskInput-outline: var(--FskInput-outline--hover);
  --FskInput-padding-bottom: var(--FskInput-padding-bottom--hover);
  --FskInput-padding-left: var(--FskInput-padding-left--hover);
  --FskInput-padding-right: var(--FskInput-padding-right--hover);
  --FskInput-padding-top: var(--FskInput-padding-top--hover);
}
.hs-form .hs-input:not([type="checkbox"]):not([type="radio"]):focus {
  --FskInput-bg-color: var(--FskInput-bg-color--focus);
  --FskInput-bg-image: var(--FskInput-bg-image--focus);
  --FskInput-bg-position: var(--FskInput-bg-position--focus);
  --FskInput-bg-size: var(--FskInput-bg-size--focus);
  --FskInput-border-color: var(--FskInput-border-color--focus);
  --FskInput-border-style: var(--FskInput-border-style--focus);
  --FskInput-border-width: var(--FskInput-border-width--focus);
  --FskInput-box-shadow: var(--FskInput-box-shadow--focus);
  --FskInput-color: var(--FskInput-color--focus);
  --FskInput-outline: var(--FskInput-outline--focus);
  --FskInput-padding-bottom: var(--FskInput-padding-bottom--focus);
  --FskInput-padding-left: var(--FskInput-padding-left--focus);
  --FskInput-padding-right: var(--FskInput-padding-right--focus);
  --FskInput-padding-top: var(--FskInput-padding-top--focus);
}
.hs-form .hs-input:not([type="checkbox"]):not([type="radio"]):not(:disabled):focus {
  --FskInput-border-left: var(--fsk-border-width) solid var(--color-purple);
}
.hs-form .hs-input:not([type="checkbox"]):not([type="radio"]).error {
  --FskInput-border-left: var(--fsk-border-width) solid var(--color-decoration-signal--red);
  --FskInput-bg-image: var(--FskInput-bg-image--error);
  --FskInput-color: var(--color-signal--dark);
}
/* Text inputs end */
/* Select start */
.hs-form select.hs-input {
  background-image: var(--fsk-select-bg-image) !important;
  background-position: var(--fsk-select-bg-position) !important;
}
/* Select end */
/* Checkboxes  start */
.hs-form .hs-fieldtype-checkbox > label,
.hs-form .hs-fieldtype-radio > label {
  color: var(--color-antracite) !important;
  font-size: var(--typo-headline6-font-size) !important;
  font-weight: var(--typo-headline6-font-weight) !important;
  line-height: var(--typo-headline6-line-height) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.hs-form .hs-form-checkbox-display,
.hs-form .hs-form-radio-display,
.hs-form .hs-form-booleancheckbox-display {
  display: flex;
}
.hs-form .hs-input[type="checkbox"] + span {
  color: var(--FskCheckbox-label-color, var(--FskOption-label-color));
  font-size: var(--FskCheckbox-label-font-size, var(--FskOption-label-font-size));
  font-weight: var(--FskCheckbox-label-font-weight, var(--FskOption-label-font-weight));
}
.hs-form .hs-input[type="checkbox"] + span::before {
  background-color: var(--FskCheckbox-bg-color, var(--FskOption-bg-color));
  background-image: var(--FskCheckbox-bg-image, var(--FskOption-bg-image));
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  border-color: var(--FskCheckbox-border-color, var(--FskOption-border-color));
  border-radius: var(--FskCheckbox-border-radius, var(--FskOption-border-radius));
  border-style: solid;
  border-width: var(--FskCheckbox-border-width, var(--FskOption-border-width));
  box-shadow: var(--FskCheckbox-box-shadow, var(--FskOption-box-shadow));
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  height: var(--FskCheckbox-size, var(--FskOption-size));
  margin: var(--FskCheckbox-margin, var(--FskOption-margin));
  transform: translateY(3px);
  width: var(--FskCheckbox-size, var(--FskOption-size));
}
.hs-form .hs-input[type="checkbox"]:checked + span::before {
  background-image: var(--FskCheckbox-bg-image--checked, var(--FskOption-bg-image--checked));
}
.hs-form .hs-input[type="checkbox"]:not(:disabled):not(:checked).invalid + span::before {
  background-color: var(--FskCheckbox-bg-color--error, var(--FskOption-bg-color--error));
  border-color: var(--FskCheckbox-border-color--error, var(--FskOption-border-color--error));
}
.hs-form .hs-input[type="checkbox"]:not(:disabled):not(:checked).invalid + span {
  color: var(--FskCheckbox-label-color--error, var(--FskOption-label-color--error));
}
.hs-form .hs-input[type="checkbox"]:not(:disabled):not(.invalid):checked + span::before {
  background-color: var(--FskCheckbox-bg-color--checked, var(--FskOption-bg-color--checked));
  border-color: var(--FskCheckbox-border-color--checked, var(--FskOption-border-color--checked));
}
.hs-form .hs-input[type="checkbox"]:not(:checked):not(.invalid):disabled + span::before {
  background-color: var(--FskCheckbox-bg-color--disabled, var(--FskOption-bg-color--disabled));
  border-color: var(--FskCheckbox-border-color--disabled, var(--FskOption-border-color--disabled));
}
.hs-form .hs-input[type="checkbox"]:not(:checked):not(.invalid):disabled + span {
  color: var(--FskCheckbox-label-color--disabled, var(--FskOption-label-color--disabled));
}
.hs-form .hs-input[type="checkbox"]:not(:disabled).invalid:checked + span::before {
  background-color: var(--FskCheckbox-bg-color--error-checked, var(--FskOption-bg-color--error-checked));
  border-color: var(--FskCheckbox-border-color--error-checked, var(--FskOption-border-color--error-checked));
}
.hs-form .hs-input[type="checkbox"]:not(:disabled).invalid:checked + span {
  color: var(--FskCheckbox-label-color--error, var(--FskOption-label-color--error));
}
.hs-form .hs-input[type="checkbox"]:not(:checked):disabled.invalid + span::before {
  background-color: var(--FskCheckbox-bg-color--error-disabled, var(--FskOption-bg-color--error-disabled));
  border-color: var(--FskCheckbox-border-color--error-disabled, var(--FskOption-border-color--error-disabled));
}
.hs-form .hs-input[type="checkbox"]:not(:checked):disabled.invalid + span {
  color: var(--FskCheckbox-label-color--error-disabled, var(--FskOption-label-color--error-disabled));
}
.hs-form .hs-input[type="checkbox"]:not(.invalid):disabled:checked + span::before {
  background-color: var(--FskCheckbox-bg-color--disabled-checked, var(--FskOption-bg-color--disabled-checked));
  border-color: var(--FskCheckbox-border-color--disabled-checked, var(--FskOption-border-color--disabled-checked));
}
.hs-form .hs-input[type="checkbox"]:not(.invalid):disabled:checked + span {
  color: var(--FskCheckbox-label-color--disabled-checked, var(--FskOption-label-color--disabled-checked));
}
.hs-form .hs-input[type="checkbox"].invalid:disabled:checked + span::before {
  background-color: var(--FskCheckbox-bg-color--error-disabled-checked, var(--FskOption-bg-color--error-disabled-checked));
  border-color: var(--FskCheckbox-border-color--error-disabled-checked, var(--FskOption-border-color--error-disabled-checked));
}
.hs-form .hs-input[type="checkbox"].invalid:disabled:checked + span {
  color: var(--FskCheckbox-label-color--error-disabled-checked, var(--FskOption-label-color--error-disabled-checked));
}
.hs-form .hs-input[type="checkbox"]:not(:disabled):hover + span::before,
.hs-form .hs-input[type="checkbox"]:not(:disabled) + span:hover::before {
  box-shadow: var(--FskCheckbox-box-shadow--hover, var(--FskOption-box-shadow--hover));
}
.hs-form .hs-input[type="checkbox"]:not(:disabled):focus + span::before {
  box-shadow: var(--FskCheckbox-box-shadow--focus, var(--FskOption-box-shadow--focus));
}
.hs-form .hs-input[type="checkbox"]:not(:disabled):focus-visible + span {
  align-self: flex-start;
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
}
/* Checkboxes end */
/* Radiobuttons start */
.hs-form .hs-input[type="radio"]:not(:disabled):focus-visible + span {
  --fsk-radio-outline-offset: 0.3rem;

  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
}
.hs-form .hs-input[type="radio"] + span {
  color: var(--FskRadio-label-color, var(--FskOption-label-color));
  display: flex;
  font-size: var(--FskRadio-label-font-size, var(--FskOption-label-font-size));
  font-weight: var(--FskRadio-label-font-weight, var(--FskOption-label-font-weight));
}
.hs-form .hs-input[type="radio"] + span::before {
  background-color: var(--FskRadio-bg-color, var(--FskOption-bg-color));
  background-image: var(--FskRadio-bg-image, var(--FskOption-bg-image));
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  border-color: var(--FskRadio-border-color, var(--FskOption-border-color));
  border-radius: var(--FskRadio-border-radius, var(--FskOption-border-radius));
  border-style: solid;
  border-width: var(--FskRadio-border-width, var(--FskOption-border-width));
  box-shadow: var(--FskRadio-box-shadow, var(--FskOption-box-shadow));
  content: "";
  display: block;
  flex-shrink: 0;
  height: var(--FskRadio-size, var(--FskOption-size));
  margin: var(--FskRadio-margin, var(--FskOption-margin));
  width: var(--FskRadio-size, var(--FskOption-size));
}
.hs-form .hs-input[type="radio"]:checked + span::before {
  background-image: var(--FskRadio-bg-image--checked, var(--FskOption-bg-image--checked));
}
.hs-form .hs-input[type="radio"]:not(:disabled):not(:checked).invalid + span::before {
  background-color: var(--FskRadio-bg-color--error, var(--FskOption-bg-color--error));
  border-color: var(--FskRadio-border-color--error, var(--FskOption-border-color--error));
}
.hs-form .hs-input[type="radio"]:not(:disabled):not(:checked).invalid + span {
  color: var(--FskRadio-label-color--error, var(--FskOption-label-color--error));
}
.hs-form .hs-input[type="radio"]:not(:disabled):not(.invalid):checked + span::before {
  background-color: var(--FskRadio-bg-color--checked, var(--FskOption-bg-color--checked));
  border-color: var(--FskRadio-border-color--checked, var(--FskOption-border-color--checked));
}
.hs-form .hs-input[type="radio"]:not(:checked):not(.invalid):disabled + span::before {
  background-color: var(--FskRadio-bg-color--disabled, var(--FskOption-bg-color--disabled));
  border-color: var(--FskRadio-border-color--disabled, var(--FskOption-border-color--disabled));
}
.hs-form .hs-input[type="radio"]:not(:checked):not(.invalid):disabled + span {
  color: var(--FskRadio-label-color--disabled, var(--FskOption-label-color--disabled));
}
.hs-form .hs-input[type="radio"]:not(:disabled).invalid:checked + span::before {
  background-color: var(--FskRadio-bg-color--error-checked, var(--FskOption-bg-color--error-checked));
  border-color: var(--FskRadio-border-color--error-checked, var(--FskOption-border-color--error-checked));
}
.hs-form .hs-input[type="radio"]:not(:disabled).invalid:checked + span {
  color: var(--FskRadio-label-color--error, var(--FskOption-label-color--error));
}
.hs-form .hs-input[type="radio"]:not(:checked):disabled.invalid + span::before {
  background-color: var(--FskRadio-bg-color--error-disabled, var(--FskOption-bg-color--error-disabled));
  border-color: var(--FskRadio-border-color--error-disabled, var(--FskOption-border-color--error-disabled));
}
.hs-form .hs-input[type="radio"]:not(:checked):disabled.invalid + span {
  color: var(--FskRadio-label-color--error-disabled, var(--FskOption-label-color--error-disabled));
}
.hs-form .hs-input[type="radio"]:not(.invalid):disabled:checked + span::before {
  background-color: var(--FskRadio-bg-color--disabled-checked, var(--FskOption-bg-color--disabled-checked));
  border-color: var(--FskRadio-border-color--disabled-checked, var(--FskOption-border-color--disabled-checked));
}
.hs-form .hs-input[type="radio"]:not(.invalid):disabled:checked + span {
  color: var(--FskRadio-label-color--disabled-checked, var(--FskOption-label-color--disabled-checked));
}
.hs-form .hs-input[type="radio"].invalid:disabled:checked + span::before {
  background-color: var(--FskRadio-bg-color--error-disabled-checked, var(--FskOption-bg-color--error-disabled-checked));
  border-color: var(--FskRadio-border-color--error-disabled-checked, var(--FskOption-border-color--error-disabled-checked));
}
.hs-form .hs-input[type="radio"].invalid:disabled:checked + span {
  color: var(--FskRadio-label-color--error-disabled-checked, var(--FskOption-label-color--error-disabled-checked));
}
.hs-form .hs-input[type="radio"]:not(:disabled):hover + span::before,
.hs-form .hs-input[type="radio"]:not(:disabled) + span:hover::before {
  box-shadow: var(--FskRadio-box-shadow--hover, var(--FskOption-box-shadow--hover));
}
.hs-form .hs-input[type="radio"]:not(:disabled):focus + span::before {
  box-shadow: var(--FskRadio-box-shadow--focus, var(--FskOption-box-shadow--focus));
}
/* Radiobuttons end */
/* Submit start */
.hs-form .hs-button {
  align-items: var(--FskButton-align-items);
  appearance: none;
  background-color: var(--FskButton-bg-color);
  background-image: var(--FskButton-bg-image);
  background-position: var(--FskButton-bg-position);
  background-repeat: var(--FskButton-bg-repeat);
  background-size: var(--FskButton-bg-size);
  border-color: var(--FskButton-border-color);
  border-radius: var(--FskButton-border-radius);
  border-style: var(--FskButton-border-style);
  border-width: var(--FskButton-border-width);
  box-shadow: var(--FskButton-box-shadow);
  box-sizing: border-box;
  color: var(--FskButton-color);
  display: var(--FskButton-display);
  flex-direction: var(--FskButton-flex-direction);
  font-size: var(--FskButton-font-size);
  font-weight: var(--FskButton-font-weight);
  gap: var(--FskButton-icon-margin);
  letter-spacing: var(--FskButton-letter-spacing);
  line-height: var(--FskButton-line-height);
  margin: var(--FskButton-margin);
  padding: var(--FskButton-padding-y) var(--FskButton-padding-x);
  text-align: var(--FskButton-text-align);
  -webkit-text-decoration: var(--FskButton-text-decoration);
          text-decoration: var(--FskButton-text-decoration);
  text-transform: var(--FskButton-text-transform);
  transition: var(--FskButton-transition);
}
.hs-form .hs-button:not([disabled]) {
  cursor: var(--FskButton-cursor, pointer);
}
.hs-form .hs-button[disabled] {
  cursor: var(--FskButton-cursor--disabled, default);
}
.hs-form .hs-button:not([disabled]):hover {
  --FskButton-bg-color: var(--FskButton-bg-color--hover, var(--FskButton-initial-bg-color));
  --FskButton-bg-image: var(--FskButton-bg-image--hover, var(--FskButton-initial-bg-image));
  --FskButton-bg-position: var(--FskButton-bg-position--hover, var(--FskButton-initial-bg-position));
  --FskButton-bg-size: var(--FskButton-bg-size--hover, var(--FskButton-initial-bg-size));
  --FskButton-color: var(--FskButton-color--hover, var(--FskButton-initial-color));
  --FskButton-border-color: var(--FskButton-border-color--hover, var(--FskButton-initial-border-color));
}
.hs-form .hs-button:not([disabled]):focus {
  --FskButton-bg-color: var(--FskButton-bg-color--focus, var(--FskButton-initial-bg-color));
  --FskButton-bg-image: var(--FskButton-bg-image--focus, var(--FskButton-initial-bg-image));
  --FskButton-bg-position: var(--FskButton-bg-position--focus, var(--FskButton-initial-bg-position));
  --FskButton-bg-size: var(--FskButton-bg-size--focus, var(--FskButton-initial-bg-size));
  --FskButton-color: var(--FskButton-color--focus, var(--FskButton-initial-color));
  --FskButton-border-color: var(--FskButton-border-color--focus, var(--FskButton-initial-border-color));
}
.hs-form .hs-button:not([disabled]):active {
  --FskButton-bg-color: var(--FskButton-bg-color--active, var(--FskButton-initial-bg-color));
  --FskButton-bg-image: var(--FskButton-bg-image--active, var(--FskButton-initial-bg-image));
  --FskButton-bg-position: var(--FskButton-bg-position--active, var(--FskButton-initial-bg-position));
  --FskButton-bg-size: var(--FskButton-bg-size--active, var(--FskButton-initial-bg-size));
  --FskButton-color: var(--FskButton-color--active, var(--FskButton-initial-color));
  --FskButton-border-color: var(--FskButton-border-color--active, var(--FskButton-initial-border-color));
}
.hs-form .hs-button[disabled] {
  --FskButton-bg-color: var(--FskButton-bg-color--disabled, var(--FskButton-initial-bg-color));
  --FskButton-bg-image: var(--FskButton-bg-image--disabled, var(--FskButton-initial-bg-image));
  --FskButton-bg-position: var(--FskButton-bg-position--disabled, var(--FskButton-initial-bg-position));
  --FskButton-bg-size: var(--FskButton-bg-size--disabled, var(--FskButton-initial-bg-size));
  --FskButton-color: var(--FskButton-color--disabled, var(--FskButton-initial-color));
  --FskButton-border-color: var(--FskButton-border-color--disabled, var(--FskButton-initial-border-color));
}
/* Submit end */
/** @define Icon */
.Icon {
  display: flex;
  fill: currentColor;
  height: 1em;
  width: 1em;
}
/** @define Iframe; */
.Iframe {
  aspect-ratio: var(--Iframe-aspect-ratio);
  max-width: var(--Iframe-max-width);
}
.Iframe-element {
  display: block;
  height: 100%;
  width: 100%;
}
/** @define ImageTeaser; */
.ImageTeaser {
  aspect-ratio: 1;
  display: block;
  width: 100%;
}
/** @define Image */
.Image {
  opacity: var(--Image-opacity);
  transition: opacity 500ms;
}
.Image.is-lazy,
.Image.is-loading {
  --Image-opacity: 0;
}
.Image.is-loaded {
  --Image-opacity: 1;
}
/** @define Lightbox; */
.Lightbox.is-open {
  --Lightbox-display: block;
}
.Lightbox {
  --Lightbox-content-padding: var(--spacing-48) var(--spacing-40) var(--spacing-40);
  --Lightbox-content-width: calc(100% - var(--spacing-40));
}
.Lightbox-content {
  background: var(--color-white);
  display: var(--Lightbox-display, none);
  left: 50%;
  max-height: 100vh;
  max-width: var(--Lightbox-content-max-width);
  overflow: auto;
  padding: var(--Lightbox-content-padding);
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--Lightbox-content-width);
  z-index: var(--level-3);
}
.Lightbox-overlay {
  background: var(--color-antracite);
  bottom: 0;
  display: var(--Lightbox-display, none);
  left: 0;
  opacity: 0.6;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--level-3);
}
.Lightbox-closeButton {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: absolute;
  right: var(--Lightbox-closeButton-right);
  top: var(--Lightbox-closeButton-top);
}
.Lightbox-closeIcon {
  font-size: 2.4rem;
  margin: 0 0 0 var(--spacing-8);
}
.Lightbox-img {
  display: block;
  margin: 0 0 var(--spacing-8);
  max-width: 100%;
}
.Lightbox-copy,
.Lightbox-footer {
  margin: var(--Lightbox-copy-margin);
}
.Lightbox-link {
  cursor: pointer;
  display: inline-flex;
  margin: var(--Lightbox-link-margin);
}
/** @define Link; */
.Link {
  align-items: center;
  color: var(--Link-color, var(--color-brand-green));
  display: inline-flex;
  flex-direction: var(--Link-flex-direction, row);
  font-weight: bold;
  -webkit-text-decoration: var(--Link-text-decoration, none);
          text-decoration: var(--Link-text-decoration, none);
}
.Link-icon {
  margin: var(--Link-icon-margin, 0 0 0 var(--spacing-8));
}
.Link--iconLeft {
  --Link-flex-direction: row-reverse;
  --Link-icon-margin: 0 var(--spacing-8) 0 0;
}
.Link--underline {
  --Link-text-decoration: underline;
}
.Link:hover,
.Link:focus {
  --Link-color: var(--color-brand-green--hover);
}
.Link:active {
  --Link-color: var(--color-brand-green--pressed);
}
.Link--kids {
  --Link-color: var(--color-kids-blue);
}
.Link--kids:hover,
.Link--kids:focus {
  --Link-color: var(--color-kids-blue--hover);
}
.Link--kids:active {
  --Link-color: var(--color-kids-blue--pressed);
}
/** @define LoadingAnimation; */
.LoadingAnimation {
  align-items: center;
  display: flex;
}
.LoadingAnimation-loader {
  background: url("../images/loading-dots.gif") no-repeat center / 50% auto;
  height: 2.5rem;
  margin: var(--LoadingAnimation-loader-margin);
  width: 11.8rem;
}
/** @define Media; weak */
.Media-info {
  border-left: 0.2rem solid var(--color-brand-green);
  margin: var(--spacing-16) 0 0;
  padding: 0 0 0 var(--spacing-16);
}
.Media-legal + .Media-caption {
  margin: var(--spacing-8) 0 0;
}
/** @define MultiSelect; weak */
.MultiSelect {
  --MultiSelect-background-color: var(--FskInput-bg-color);
  --MultiSelect-color: var(--FskInput-color);
  --MultiSelect-item-margin-top: var(--spacing-8);
  --MultiSelect-max-visible-items: 7;
  position: relative;
}
.MultiSelect-summary[aria-expanded="true"],
.MultiSelect-summary[aria-expanded="true"] ~ .MultiSelect-error {
  --MultiSelect-error-display: none;
  --MultiSelect-summary-after-transform: scaleY(-1);
}
.MultiSelect.is-initialized {
  --MultiSelect-dropdown-position: absolute;
  --MultiSelect-dropdown-transform: translateY(100%);
}
.MultiSelect:hover,
.MultiSelect:focus-within {
  --MultiSelect-background-color: var(--FskInput-bg-color--focus);
  --MultiSelect-color: var(--FskInput-color--focus);
}
.MultiSelect-summary[aria-expanded="true"],
.MultiSelect:focus-within {
  --MultiSelect-summary-border-left: var(--fsk-border-width) solid var(--color-purple);
}
.MultiSelect-label {
  display: block;
  line-height: inherit;
  padding: 0 0 var(--spacing-4) var(--spacing-16);
}
.MultiSelect-summary {
  background: var(--MultiSelect-background-color);
  border-left: var(--MultiSelect-summary-border-left, none);
  border-radius: var(--fsk-border-radius);
  color: var(--MultiSelect-color);
  cursor: pointer;
  outline: none;
  overflow: hidden;
  padding: var(--spacing-12) var(--spacing-40) var(--spacing-12) var(--spacing-16);
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  transition: var(--FskInput-transition);
  white-space: nowrap;
  width: 100%;
}
.MultiSelect-summary:empty::before {
  content: attr(data-placeholder);
}
.MultiSelect-summary::after {
  background: var(--fsk-select-bg-image) var(--fsk-select-bg-position)/1em no-repeat;
  content: '';
  inset: 0;
  position: absolute;
  transform: var(--MultiSelect-summary-after-transform, none);
  transition: transform var(--default-transition-time);
  -webkit-user-select: none;
          user-select: none;
}
.MultiSelect-dropdown {
  background-color: var(--MultiSelect-background-color);
  border-radius: var(--fsk-border-radius);
  bottom: 0;
  position: var(--MultiSelect-dropdown-position, relative);
  transform: var(--MultiSelect-dropdown-transform, none);
  transition: var(--FskInput-transition);
  width: 100%;
  z-index: var(--level-1);
}
.MultiSelect-dropdown::after {
  background: linear-gradient(to bottom, var(--color-white--rgba-0) 0%, var(--MultiSelect-background-color) 60%);
  content: '';
  height: var(--spacing-16);
  inset: auto var(--spacing-16) 0;
  position: absolute;
}
.MultiSelect .MultiSelect-dropdown .FskFormElement:not(:first-child) {
  /* stylelint-disable plugin/selector-bem-pattern */
  --fsk-form-element-margin: var(--MultiSelect-item-margin-top) 0 0;

  /* stylelint-enable plugin/selector-bem-pattern */
}
.MultiSelect-items {
  max-height: calc(var(--MultiSelect-max-visible-items) * (var(--FskOption-size) + var(--MultiSelect-item-margin-top)) + var(--spacing-12));
  overflow: auto;
  padding: 0 var(--spacing-16) var(--spacing-16);

 }
.MultiSelect-resetButton {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: var(--spacing-16);
  margin: var(--spacing-8) 0 0;
}
.MultiSelect-resetButtonIcon {
  font-size: 2.2rem;
}
.MultiSelect-error:not(:empty) {
  color: var(--fsk-input-error-message-color);
  display: var(--MultiSelect-error-display, block);
  margin: var(--spacing-8) 0 0 var(--spacing-16);
}
/** @define ProgressBar; */
.ProgressBar {
  color: var(--color-purple);
  text-align: var(--ProgressBar-text-align, left);
}
.ProgressBar--minimal {
  --ProgressBar-progress-background-color: var(--color-decoration-grey--light);
  --ProgressBar-progress-border-width: 0;
  --ProgressBar-progress-height: 0.75rem; /* 12px */
}
.ProgressBar-numbers {
  display: flex;
  flex-direction: var(--ProgressBar-numbers-flex-direction, row-reverse);
  gap: var(--spacing-24);
  justify-content: space-between;
}
.ProgressBar-countRelative {
  text-align: right;
}
.ProgressBar-progress {
  appearance: none;
  background-color: var(--ProgressBar-progress-background-color, var(--color-white));
  border: var(--ProgressBar-progress-border-width, 0.2rem) solid currentColor;
  border-radius: 0;
  display: block;
  height: var(--ProgressBar-progress-height, 2rem);
  margin-top: var(--ProgressBar-progress-margin-top, var(--spacing-16));
  width: 100%;
}
.ProgressBar-progress::-webkit-progress-bar {
  background-color: var(--ProgressBar-progress-background-color, var(--color-white));
  border: 0;
}
.ProgressBar-progress::-moz-progress-bar {
  background-color: currentColor;
}
.ProgressBar-progress::-webkit-progress-value {
  background-color: currentColor;
}
.ProgressBar--minimal .ProgressBar-countAbsolute {
  align-items: baseline;
  display: flex;
  gap: var(--spacing-8);
}
/** define ProgressTracker; */
.ProgressTracker {
  margin: 0 0 var(--spacing-24);
  overflow: hidden;
}
.ProgressTracker-headline {
  color: var(--color-brand-green);
  display: var(--ProgressTracker-headline-display, none);
  margin-bottom: var(--spacing-8);
}
.ProgressTracker-list {
  color: var(--color-purple--50);
  display: flex;
  grid-column: var(--ProgressTracker-list-grid-column);
  list-style: none;
  margin: var(--ProgressTracker-list-margin, 0);
  text-align: center;
}
.ProgressTracker-step {
  flex: 1 1 0;
}
.ProgressTracker-marker::before {
  align-items: center;
  background-color: var(--ProgressTracker-marker-background, var(--color-white));
  background-image: var(--ProgressTracker-marker-background-image, none);
  background-position: center;
  background-repeat: no-repeat;
  border: 2px solid var(--ProgressTracker-marker-border-color, var(--color-decoration-natural--dark));
  border-radius: 50%;
  color: var(--ProgressTracker-marker-color, currentColor);
  content: var(--ProgressTracker-marker-content, attr(data-text));
  display: flex;
  height: calc(var(--spacing-24) + var(--spacing-4));
  justify-content: center;
  margin: 0 auto;
  outline: var(--spacing-4) solid var(--color-white);
  position: relative;
  width: calc(var(--spacing-24) + var(--spacing-4));
  z-index: 2;
}
.ProgressTracker-link,
.ProgressTracker-marker {
  display: block;
  position: relative;
}
.ProgressTracker-marker::after {
  background: var(--ProgressTracker-marker-background, var(--color-decoration-natural--dark));
  content: "";
  height: var(--spacing-4);
  position: absolute;
  right: -50%;
  top: 12px;
  width: 100%;
}
.ProgressTracker-step--active {
  --ProgressTracker-marker-border-color: currentColor;
  --ProgressTracker-marker-content: "•••";

  color: var(--color-brand-green);
}
.ProgressTracker-step--complete {
  --ProgressTracker-marker-background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjY2NjYgNUw3LjQ5OTkyIDE0LjE2NjdMMy4zMzMyNSAxMCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  --ProgressTracker-marker-background: var(--color-brand-green);
  --ProgressTracker-marker-border-color: var(--color-brand-green);
  --ProgressTracker-marker-color: var(--color-white);
  --ProgressTracker-marker-content: "";

  color: var(--color-brand-green);
}
.ProgressTracker-step:last-child .ProgressTracker-marker::after {
  display: none;
}
.ProgressTracker-text {
  display: var(--ProgressTracker-text-display, block);
  padding: var(--spacing-4) var(--spacing-4) 0;
}
.ProgressTracker .ProgressTracker-title[role="link"],
.ProgressTracker .ProgressTracker-title[role="link"]:hover,
.ProgressTracker .ProgressTracker-title[role="link"]:focus-within{
  color: var(--color-brand-green);
}
/** @define Progress; */
.Progress {
  color: var(--color-purple);

  display: grid;
  grid-template-areas: var(--Progress-grid-template-areas);
  grid-template-columns: auto auto;
  grid-template-rows: auto auto auto;
}
.Progress-percentage {
  grid-area: percentage;
  text-align: var(--Progress-percentage-text-align, left);
}
.Progress-progressBar {
  grid-area: progressbar;
}
.Progress-current {
  align-self: end;
  grid-area: current;
}
.Progress-target {
  grid-area: target;
  text-align: right;
}
.Progress-progressBar {
  appearance: none;
  background-color: var(--color-white);
  border: 0.2rem solid currentColor;
  border-radius: 0;
  display: block;
  height: 2rem;
  margin: var(--spacing-16) 0;
  width: 100%;
}
.Progress-progressBar::-webkit-progress-bar {
  background-color: var(--color-white);
  border: 0;
}
.Progress-progressBar::-moz-progress-bar {
  background-color: currentColor;
}
.Progress-progressBar::-webkit-progress-value {
  background-color: currentColor;
}
/** @define Rte; weak */
/* Headlines */
.Rte h1:not(:first-child),
.Rte h2:not(:first-child),
.Rte h3:not(:first-child),
.Rte h4:not(:first-child),
.Rte h5:not(:first-child),
.Rte h6:not(:first-child),
.Rte .u-typo-headline1:not(:first-child),
.Rte .u-typo-headline2:not(:first-child),
.Rte .u-typo-headline3:not(:first-child),
.Rte .u-typo-headline4:not(:first-child),
.Rte .u-typo-headline5:not(:first-child),
.Rte .u-typo-headline6:not(:first-child) {
  margin-top: var(--Rte-headline-margin-top);
}
/* Paragraphs */
.Rte p:not(:first-child) {
  margin-top: 1em;
}
.Rte h1 + p,
.Rte h2 + p,
.Rte h3 + p,
.Rte .u-typo-headline1 + p,
.Rte .u-typo-headline2 + p,
.Rte .u-typo-headline3 + p,
.Rte .u-typo-big-copy-subline + p,
.Rte ul:not(:first-child),
.Rte ol:not(:first-child) {
  margin-top: var(--spacing-24);
}
/* Semantic Highlights */
.Rte strong {
  font-weight: var(--typo-copy-bold-font-weight);
}
.Rte em {
  font-style: italic;
}
/* Links */
.Rte a {
  color: var(--Rte-link-color, var(--color-brand-green));
  font-weight: var(--typo-copy-bold-font-weight);
  hyphens: auto;
  text-decoration: underline;
  word-wrap: break-word;
}
.Rte a:hover {
  --Rte-link-color: var(--color-brand-green--hover);
}
/* Lists */
.Rte ul,
.Rte ol {
  left: 1em;
  line-height: 1.6em;
  position: relative;
}
.Rte ul > li:not(:first-child) {
  margin-top: var(--spacing-4);
}
.Rte ol > li:not(:first-child) {
  margin-top: var(--spacing-8);
}
.Rte ul > li::marker {
  color: var(--color-purple);
  font-size: 1.2em;
}
.Rte ol > li::marker {
  color: var(--color-purple);
  font-weight: var(--typo-copy-bold-font-weight);
}
.Rte strong.information,
.Rte strong.security {
  align-items: center;
  display: inline-flex;
}
.Rte .information::before,
.Rte .security::before {
  height: 2.4rem;
  margin-right: var(--spacing-8);
}
.Rte .information::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22.25C12 22.25 20 18.25 20 12.25V5.25L12 2.25L4 5.25V12.25C4 18.25 12 22.25 12 22.25Z' stroke='%23574052' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.Rte .security::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 11.25H5C3.89543 11.25 3 12.1454 3 13.25V20.25C3 21.3546 3.89543 22.25 5 22.25H19C20.1046 22.25 21 21.3546 21 20.25V13.25C21 12.1454 20.1046 11.25 19 11.25Z' stroke='%23574052' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 11.25V7.25C7 5.92392 7.52678 4.65215 8.46447 3.71447C9.40215 2.77678 10.6739 2.25 12 2.25C13.3261 2.25 14.5979 2.77678 15.5355 3.71447C16.4732 4.65215 17 5.92392 17 7.25V11.25' stroke='%23574052' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
/** @end Rte */
/* Reset some headline fonts for RTE only as requested by the client on GPDNEU-1356 */
/** @define SearchResult; */
.SearchResult {
  background: var(--color-decoration-natural--40);
  border-bottom: 0.2rem solid var(--color-decoration-natural);
  display: flex;
  flex-direction: var(--SearchResult-flex-direction, row);
  flex-wrap: var(--SearchResult-flex-wrap, nowrap);
  padding: var(--spacing-16);
  position: relative;
}
.SearchResult--portrait {
  --SearchResult-flex-direction: column;
  --SearchResult-headline-margin: var(--spacing-16) 0 0;
  --SearchResult-metaInformation-flex-direction: row;
  --SearchResult-metaInformation-order: -1;
  --SearchResult-time-display: flex;
}
.SearchResult-image {
  align-self: var(--SearchResult-image-align-self, auto);
  flex-shrink: 0;
  margin: var(--SearchResult-image-margin);
  position: relative;
  width: var(--SearchResult-image-width);
}
.SearchResult-defaultImage {
  display: block;
  height: auto;
  width: 100%;
}
.SearchResult-type {
  background-color: var(--color-purple);
  color: var(--color-white);
  left: 0;
  padding: var(--spacing-2) var(--spacing-8);
  position: absolute;
  top: 0;
}
.SearchResult-text {
  display: var(--SearchResult-text-display);
  flex-direction: var(--SearchResult-text-flex-direction, row);
}
.SearchResult-headline {
  align-self: var(--SearchResult-headline-align-self, auto);
  flex: 0 0 calc(100% - var(--SearchResult-image-width) - var(--spacing-16));
  margin: var(--SearchResult-headline-margin, 0);
}
.SearchResult-link {
  color: var(--color-antracite);
}
.SearchResult-link::after {
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.SearchResult-copy {
  flex: 0 0 100%;
  margin: var(--SearchResult-copy-margin);
}
.SearchResult-metaInformation {
  display: flex;
  flex-direction: var(--SearchResult-metaInformation-flex-direction, column);
  margin: var(--spacing-16) 0 0;
  order: var(--SearchResult-metaInformation-order, 0);
}
.SearchResult-tagsContainer {
  display: flex;
  flex: 0 0 auto;
  flex-direction: var(--SearchResult-tagsContainer-flex-direction);
  flex-wrap: wrap;
}
.SearchResult-tagsHeadline {
  margin: 0 var(--spacing-16) var(--spacing-8) 0;
}
.SearchResult-tags {
  position: relative;
  z-index: 1;
}
.SearchResult-time {
  display: var(--SearchResult-time-display, block);
  flex: 0 0 auto;
  margin: var(--SearchResult-time-margin);
}
.SearchResult-label + .SearchResult-time::before {
  background: var(--color-brand-green);
  content: '';
  height: var(--spacing-16);
  margin: var(--SearchResult-time-before-margin);
  width: 0.1rem;
}
/** @define Share; */
.Share {
  align-items: center;
  display: flex;
  flex-direction: var(--Share-flex-direction, initial);
}
.Share-networks {
  display: inline-flex;
  list-style: none;
  margin: var(--Share-networks-margin);
}
.Share-network:not(:first-child) {
  margin: var(--Share-network-margin);
}
.Share-networkLink {
  align-items: var(--Share-networkLink-align-items, center);
  background: var(--Share-networkLink-bg-color);
  border-radius: 50%;
  color: var(
    --Share-networkLink-color
  ); /* there is no visual changes on the page, but it's important for the accessibility */
  display: flex;
  font-size: var(
    --spacing-40
  ); /* there is no visual changes on the page, but it's important for the accessibility */
  height: var(--Share-networkLink-size);
  justify-content: center;
  position: relative;
  width: var(--Share-networkLink-size);
}
.Share-networkLink--facebook {
  --Share-icon-margin: 0 0 -0.2rem;
  --Share-networkLink-align-items: flex-end;
  --Share-networkLink-bg-color: var(--color-social-network--facebook);
  --Share-networkLink-color: var(--color-white);
}
.Share-networkLink--bluesky {
  --Share-networkLink-bg-color: var(--color-social-network--bluesky);
  --Share-networkLink-color: var(--color-white);
}
.Share-networkLink--mail {
  --Share-networkLink-bg-color: var(--color-social-network--mail);
  --Share-networkLink-color: var(--color-white);
}
.Share-networkLink--whatsapp {
  --Share-networkLink-bg-color: var(--color-social-network--whatsapp);
  --Share-networkLink-color: var(--color-antracite);
}
.Share-icon {
  color: var(--color-white);
  font-size: var(--Share-icon-font-size);
  margin: var(--Share-icon-margin, 0);
}
/** @define Tags; */
.Tags {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.Tags-tag {
  display: flex;
}
.Tags-tag:not(:first-child)::before {
  background: var(--color-brand-green);
  content: '';
  height: var(--spacing-16);
  margin: var(--Tags-tag-before-margin);
  width: 0.1rem;
}
/** @define Teaser; */
.Teaser {
  --Teaser-headline-margin: 0 var(--spacing-16) 0 0;
  --Teaser-image-before-background: var(--color-brand-green--hover);
  --Teaser-kids-gradient: var(--color-kids-red) 0%, var(--color-kids-red) 25%, var(--color-kids-yellow) 25%, var(--color-kids-yellow) 50%, var(--color-kids-green) 50%, var(--color-kids-green) 75%, var(--color-kids-blue) 75%, var(--color-kids-blue) 100%;
  --Teaser-textElement-margin: var(--spacing-16) 0 0;

  align-content: start;
  display: var(--Teaser-display, grid);
  grid-template-columns: 1fr;
  position: relative;
}
.Teaser:not(.Teaser--landscape, .Teaser--visualKids) {
  --Teaser-content-padding: 0 var(--spacing-8);
}
.Teaser:hover {
  --Teaser-image-before-width: 100%;
  --Teaser-image-transform: scale(1.1);
  --Teaser-link-color: var(--color-brand-green--hover);
  --Teaser-linkIcon--hover-opacity: 1;
  --Teaser-linkIcon--default-opacity: 0;
}
.Teaser--kids {
  --Teaser-formatLink-color: var(--color-kids-blue);
  --Teaser-image-before-background: linear-gradient(to right, var(--Teaser-kids-gradient));
  --Teaser-link-color: var(--color-kids-blue);
  --Teaser-metaItem-border-color: var(--color-kids-blue);
}
.Teaser--kids:hover {
  --Teaser-formatLink-color: var(--color-kids-blue--hover);
  --Teaser-link-color: var(--color-kids-blue--hover);
}
.Teaser--visualKids {
  --Teaser--visualKids-content-background: var(--Teaser-visualKids-decoration);
  --Teaser-content-padding: 0 var(--spacing-8) 0 var(--spacing-24);
  --Teaser-visualKids-decoration: linear-gradient(to top, var(--Teaser-kids-gradient));

  background-image: var(--Teaser--visualKids-background);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: var(--spacing-8) 100%;
}
.Teaser-image {
  grid-column: 1 / -1;
  grid-row: 1/2;
  margin-right: var(--Teaser-image-margin-right, 0);
  overflow: hidden;
  position: relative;
  width: var(--Teaser-image-width, auto);
}
.Teaser-image::before {
  background: var(--Teaser-image-before-background, var(--color-brand-green));
  content: "";
  height: var(--spacing-4);
  left: 0;
  position: absolute;
  top: 0;
  transition: width var(--default-transition-time), background var(--default-transition-time);
  width: var(--Teaser-image-before-width, 0);
  z-index: var(--level-1);
}
/* stylelint-disable-next-line */
.Teaser-image > * {
  transform: var(--Teaser-image-transform, none);
  transition: transform var(--default-transition-time);
}
.Teaser-copyright {
  color: var(--color-white);
  height: 60%; /* Avoid overlap with teaser headline */
  left: var(--spacing-8);
  position: absolute;
  text-align: end;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  top: var(--spacing-16);
  writing-mode: sideways-lr;
}
.Teaser-text {
  align-self: var(--Teaser-text-align-self, auto);
  display: var(--Teaser-text-display, contents);
  padding: var(--Teaser-text-padding);
  width: var(--Teaser-text-width, auto);
  z-index: 1;
}
.Teaser-headlineContainer {
  align-self: end;
  grid-column: 1 / -1;
  grid-row: 1/2;
  z-index: 1;
}
.Teaser-headline {
  margin: var(--Teaser-headline-margin, 0);
  text-wrap: balance;
}
.Teaser-content {
  padding: var(--Teaser-content-padding, 0);
}
.Teaser--visualKids .Teaser-content {
  background-image: var(--Teaser--visualKids-content-background);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: var(--spacing-8) 100%;
  margin-top: var(--spacing-16);
}
.Teaser-visualKidsLogo {
  height: 2.4rem;
  width: 13rem;
}
.Teaser-metaInfo {
  display: flex;
  list-style: none;
}
.Teaser-formatLink {
  color: var(--Teaser-formatLink-color, var(--color-brand-green));
  position: relative;
  transition: color var(--default-transition-time);
}
.Teaser-formatLink:hover {
  color: var(--Teaser-formatLink-color, var(--color-brand-green--hover));
}
.Teaser-formatLink[\:has\(\%2B\%20*\)] {
  border-right: 0.1rem solid var(--Teaser-metaItem-border-color, var(--color-brand-green));
  margin: 0 var(--spacing-16) 0 0;
  padding: 0 var(--spacing-16) 0 0;
}
.Teaser-formatLink:has(+ *) {
  border-right: 0.1rem solid var(--Teaser-metaItem-border-color, var(--color-brand-green));
  margin: 0 var(--spacing-16) 0 0;
  padding: 0 var(--spacing-16) 0 0;
}
.Teaser-link {
  align-items: center;
  color: var(--Teaser-link-color, var(--color-brand-green));
  display: inline-flex;
  vertical-align: top; /* to fix extra space behind the link */
}
.Teaser-linkButton::before,
.Teaser-link::before {
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}
.Teaser-metaInfo,
.Teaser-link,
.Teaser-copy {
  margin: var(--spacing-16) 0 0;
}
.Teaser-linkIcons {
  height: 2.4rem;
  margin: 0 var(--spacing-8) 0 0;
  position: relative;
  width: 2.4rem;
}
.Teaser-linkIcon {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity var(--default-transition-time);
}
.Teaser-linkIcon--default {
  background: currentColor;
  border-radius: 0.1rem;
  height: 0.2rem;
  opacity: var(--Teaser-linkIcon--default-opacity, 1);
  width: 1.6rem;
}
.Teaser-linkIcon--hover {
  font-size: 1.45em;
  opacity: var(--Teaser-linkIcon--hover-opacity, 0);
  transform: translate(-50%, -50%) rotate(270deg);
}
.Teaser-linkButton {
  justify-content: center;
  margin-top: var(--Teaser-linkButton-margin-top, var(--spacing-16));
  width: var(--Teaser-linkButton-width, 100%);
}
.Teaser-engagementLabel {
  background: var(--color-decoration-social--yellow);
  color: var(--color-antracite);
  display: inline-flex;
  margin: 0 0 var(--spacing-16) var(--Teaser-engagementLabel-margin-left, var(--spacing-8));
  padding: var(--spacing-2) var(--spacing-8);
}
.Teaser-progressBar {
  margin-top: var(--Teaser-progressBar-margin-top, var(--spacing-16));
}
/** @define Viewport; */
.Viewport {
  background-color: #f00;
  bottom: var(--spacing-16);
  left: var(--spacing-16);
  padding: var(--spacing-16);
  position: fixed;
  z-index: var(--level-3);
}
.Viewport::after {
  content: var(--Viewport-content);
  display: block;
}
/** @define Accordion; */
.Accordion-contentHolder {
  grid-column: var(--Accordion-contentHolder-grid-column);
}
.Accordion-headline {
  margin: var(--Accordion-headline-margin);
}
.Accordion-button {
  align-items: center;
  border-bottom: 0.2rem solid var(--Accordion-button-border-color, var(--color-decoration-natural));
  color: var(--Accordion-button-color, currentColor);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  min-height: calc(var(--Accordion-icon-size) + 2 * var(--spacing-16) + 0.2rem); /* height + paddings + border */
  padding: var(--Accordion-button-padding);
  text-align: left;
  transition: color var(--default-transition-time), border-bottom-color var(--default-transition-time);
  width: 100%;
}
.Accordion-button:hover,
.Accordion-button:focus {
  --Accordion-icon-color: var(--color-brand-green--hover);
  --Accordion-button-color: var(--color-brand-green--hover);
}
.Accordion-button[aria-expanded="true"] {
  --Accordion-button-border-color: var(--color-brand-green--hover);
  --Accordion-icon-transform: rotate(180deg);
}
.Accordion-icon {
  align-items: center;
  border: 0.3rem solid currentColor;
  border-radius: 50%;
  color: var(--Accordion-icon-color, var(--color-brand-green));
  display: flex;
  flex-shrink: 0;
  font-size: calc(var(--Accordion-icon-size) / 2);
  height: var(--Accordion-icon-size);
  justify-content: center;
  margin: 0 0 0 var(--spacing-16);
  pointer-events: none;
  transform: var(--Accordion-icon-transform, none);
  transition: color var(--default-transition-time), border-color var(--default-transition-time), transform var(--default-transition-time);
  width: var(--Accordion-icon-size);
}
.Accordion-content {
  overflow: hidden;
  transition: height var(--default-transition-time);
}
.Accordion-content.is-open {
  /* --Accordion-content-height is coming from twig/js */
  height: var(--Accordion-content-height) !important;
}
.Accordion-innerContent {
  border-bottom: 0.2rem solid var(--color-decoration-natural);
  display: var(--Accordion-innerContent-display, block);
  flex-direction: var(--Accordion-innerContent-flex-direction, row);
  overflow: hidden; /* to prevent breaking layout by floated images */
  padding: var(--Accordion-innerContent-padding);
}
.Accordion-innerContent:not(.Accordion-innerContent--materials) {
  background: var(--color-decoration-natural--40);
}
.Accordion-content--bottomImage {
  --Accordion-innerContent-display: flex;
  --Accordion-innerContent-flex-direction: column-reverse;
}
.Accordion-media {
  float: var(--Accordion-media-float, none);
  margin: var(--Accordion-media-margin, 0);
  width: var(--Accordion-media-width, 100%);
}
.Accordion-material {
  margin: var(--spacing-16) 0 0;
}
/** @define ArchiveMarker; */
.ArchiveMarker-content {
  grid-column: var(--ArchiveMarker-content-grid-colum);
}
.ArchiveMarker-text {
  background: var(--color-purple);
  color: var(--color-white);
  display: inline-block;
  padding: 0.2rem var(--spacing-8);
  vertical-align: top;
}
/** @define ArticleMetaInfo; */
.ArticleMetaInfo-items {
  color: var(--color-purple);
  grid-column: var(--ArticleMetaInfo-items-grid-column);
  list-style: none;
}
.ArticleMetaInfo-item {
  display: inline;
}
.ArticleMetaInfo-itemLink {
  text-decoration: underline;
}
.ArticleMetaInfo-item:first-child::before {
  background: currentColor;
  content: "";
  display: inline-flex;
  height: 0.2rem;
  margin: 0 var(--spacing-8) 0 0;
  vertical-align: middle;
  width: var(--ArticleMetaInfo-first-item-before-width);
}
.ArticleMetaInfo-item:not(:last-child)::after {
  content: "\00a0\00a0|\00a0\00a0";
}
/** @define AuthorsList; */
.AuthorsList-headline {
  margin-bottom: var(--AuthorsList-headline-margin-bottom);
}
.AuthorsList-theme:not(:last-child) {
  margin-bottom: var(--AuthorsList-theme-margin-bottom);
}
.AuthorsList-themeHeadline {
  align-items: center;
  color: var(--color-purple);
  display: flex;
  gap: var(--AuthorsList-themeHeadline-gap);
  margin-bottom: var(--AuthorsList-themeHeadline-headline-margin-bottom);
}
.AuthorsList-themeHeadline::after {
  border-bottom: 2px solid var(--color-decoration-natural);
  content: "";
  flex-grow: 1;
}
.AuthorsList-themeList {
  display: grid;
  gap: var(--AuthorsList-themeList-gap);
  grid-template-columns: repeat(var(--AuthorsList-themeList-columns), minmax(0, 1fr));
  list-style: none;
  text-align: center;
}
.AuthorsList-authorItem {
  position: relative;
}
.AuthorsList-image {
  aspect-ratio: 1 / 1;
  margin: 0 auto var(--spacing-16);
  width: var(--spacing-128);
}
/* stylelint-disable-next-line plugin/selector-bem-pattern */
.AuthorsList-image img {
  border-radius: 50%;
}
.AuthorsList-authorPosition {
  margin: 0 0 var(--spacing-4);
}
.AuthorsList-authorLink::before {
  content: "";
  inset: 0;
  position: absolute;
}
.AuthorsList-authorLink {
  text-decoration: underline;
}
/** @define Breadcrumb; */
.Breadcrumb {
  padding-top: var(--Breadcrumb-padding-top);
}
.Breadcrumb-list {
  list-style: none;
}
.Breadcrumb-item {
  display: inline;
}
.Breadcrumb-item:not(:last-child) {
  margin: 0 var(--Breadcrumb-item-margin-x) 0 0;
}
.Breadcrumb-item:not(:first-child)::before {
  background: var(--color-decoration-natural);
  content: '';
  display: inline-flex;
  height: var(--Breadcrumb-item-before-height, 2.4rem);
  margin: var(--spacing-4) var(--Breadcrumb-item-margin-x) var(--spacing-4) 0;
  vertical-align: middle;
  width: 0.2rem;
}
.Breadcrumb-icon {
  display: var(--Breadcrumb-icon-display, none);
  font-size: 1.4rem;
  vertical-align: text-bottom;
}
.Breadcrumb-link {
  color: var(--color-purple--80);
}
.Breadcrumb-link--active {
  font-weight: bold;
}
.Breadcrumb-link:hover {
  text-decoration: underline;
}
/** @define Buttons; */
.Buttons {
  align-items: center;
  display: flex;
  flex-direction: var(--Buttons-flex-direction, row);
  justify-content: center;
}
.Buttons-button:first-child:not(:only-child) {
  margin-right: var(--Buttons-child-margin-side, 0);
}
.Buttons-button:last-child:not(:only-child) {
  margin-left: var(--Buttons-child-margin-side, 0);
  margin-top: var(--Buttons-last-child-margin-top, 0);
}
/** @define ChatbotTeaser; */
.ChatbotTeaser {
  align-items: center;
  background-color: var(--color-decoration-natural);
  padding-block: var(--ChatbotTeaser-padding-block);
}
.ChatbotTeaser-image {
  max-width: var(--ChatbotTeaser-image-max-width);
  width: 100%;
}
.ChatbotTeaser-text,
.ChatbotTeaser-button {
  margin-block-start: var(--ChatbotTeaser-content-item-margin-block-start);
}
.ChatbotTeaser-content,
.ChatbotTeaser-imageContainer {
  grid-column: var(--ChatbotTeaser-item-grid-column);
}
/** @define ContactPersons; weak */
/** @define ContactChannel; */
.ContactChannel {
  list-style: none;
}
.ContactChannel-title {
  align-items: center;
  display: flex;
  gap: var(--spacing-8);
}
.ContactChannel-icon {
  color: var(--color-brand-green);
}
.ContactChannel-link {
  display: inline-block;
  margin-top: var(--spacing-8);
  text-decoration: underline;
  vertical-align: top;
}
.ContactPersons {
  --ContactPersons-about-grid-column: 1 / -1;
  --ContactPersons-about-margin-top: var(--spacing-40);
  --ContactPersons-contact-grid-column: 1 / -1;
  --ContactPersons-contact-icon-font-size: 2rem;
  --ContactPersons-contact-margin-top: var(--spacing-24);
  --ContactPersons-contactList-margin-top: var(--spacing-12);
  --ContactPersons-headline-margin-bottom: var(--spacing-24);
  --ContactPersons-image-grid-column: 1 / -1;
  --ContactPersons-image-margin-top: calc(var(--spacing-12) * -1);
  --ContactPersons-image-maxsize: 28rem; /* 280px - magic number, taken from the design */
  --ContactPersons-person-padding: 0 0 var(--spacing-24);

  margin-top: var(--spacing-48);
}
.ContactPersons-headline {
  margin-bottom: var(--ContactPersons-headline-margin-bottom);
}
.ContactPersons-inner {
  background: var(--color-decoration-natural--40);
}
.ContactPersons-person {
  padding: var(--ContactPersons-person-padding);
}
.ContactPersons-person:not(:first-child) {
  border-top: 0.2rem solid var(--color-decoration-natural);
}
.ContactPersons-image {
  aspect-ratio: 1 / 1;
  grid-column: var(--ContactPersons-image-grid-column);
  grid-row: 1;
  margin-inline: auto;
  margin-top: var(--ContactPersons-image-margin-top);
  max-width: var(--ContactPersons-image-maxsize);
  position: relative;
  width: 91%;
}
/* stylelint-disable-next-line plugin/selector-bem-pattern */
.ContactPersons-image img {
  aspect-ratio: 1 / 1;
  block-size: auto;
  border-radius: 50%;
  inline-size: 100%;
  object-fit: cover;
}
.ContactPersons-copyright {
  margin-bottom: var(--spacing-12);
  position: relative;
  text-align: center;
  top: var(--ContactPersons-copyright, var(--spacing-32));
  z-index: 2;
}
.ContactPersons .FlexEmbed,
.ContactPersons .FlexEmbed-ratio {
  height: 100% !important;
  padding-bottom: 0 !important;
}
.ContactPersons-decoration {
  inset: 0;
  position: absolute;
}
.ContactPersons-decoration::after,
  .ContactPersons-decoration::before {
    border: 0.2rem solid var(--color-white);
    border-radius: 50%;
    content: "";
    inset: 0;
    position: absolute;
  }
.ContactPersons-decoration:first-child {
    z-index: 2;
  }
.ContactPersons-decoration:first-child::after {
      transform: translate(-2.5%, -2.5%);
    }
.ContactPersons-decoration:first-child::before {
      transform: translate(2.5%, -2.5%);
    }
.ContactPersons-decoration:nth-child(2)::after {
      transform: translate(2.5%, -2.5%);
    }
.ContactPersons-decoration:nth-child(2)::before {
      transform: translate(-2.5%, 2.5%);
    }
.ContactPersons-about {
  grid-column: var(--ContactPersons-about-grid-column);
}
.ContactPersons-position {
  margin-top: var(--spacing-4);
}
.ContactPersons-bioHeadline {
  margin-top: var(--spacing-24);
}
.ContactPersons-bioText {
  margin-top: var(--spacing-16);
}
.ContactPersons-contact {
  grid-column: var(--ContactPersons-contact-grid-column);
  margin-top: var(--ContactPersons-contact-margin-top);
}
.ContactPersons-contactList {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--spacing-24);
  list-style: none;
  margin-top: var(--ContactPersons-contactList-margin-top);
}
/* stylelint-disable-next-line plugin/selector-bem-pattern */
.ContactPersons-contact .ContactChannel-icon {
  font-size: var(--ContactPersons-contact-icon-font-size);
}
.ContactPersons-socialNetworks {
  margin-top: var(--spacing-32);
}
.ContactPersons-socialNetworksList {
  display: flex;
  gap: var(--spacing-16);
  list-style: none;
  margin: var(--spacing-16) 0 0;
  padding: 0;
}
.ContactPersons-socialNetworklink {
  align-items: center;
  aspect-ratio: 1 / 1;
  background: var(--color-brand-green);
  border-radius: 50%;
  color: var(--color-white);
  display: flex;
  font-size: var(--spacing-24);
  justify-content: center;
  width: var(--spacing-48);
}
.ContactPersons-socialNetworklink:hover {
    background: var(--color-brand-green--hover);
  }
/** @define ContentEmbed */
.ContentEmbed-inner {
  grid-column: var(--ContentEmbed-inner-grid-colum);
}
/** @define DonationExamples; */
.DonationExamples-headline {
  margin: var(--DonationExamples-headline-margin);
}
.DonationExamples-itemsHolder {
  gap: var(--DonationExamples-itemsHolder-gap);
}
.DonationExamples-item {
  grid-column: var(--DonationExamples-item-grid-column);
}
/* Resets */
.TeaserBody .FskFormElement,
.TeaserBody .FskOptions--radios,
.TeaserBody .FskFieldset-wrapper {
  margin: 0 !important;
}
/* same as u-hidden utility class stats */
.TeaserBody .FskFieldset-legend .FskFieldset-label,
.TeaserBody .FskFieldset-errorMessage,
.TeaserBody .FskFormElementLabel:not(.FskOptions .FskFormElementLabel) {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.TeaserBody .FskFormElement,
.TeaserBody .FskOptions {
  flex-wrap: nowrap;
  text-align: center;
  width: 100%;
}
.TeaserBody-intervalRadios .FskFormElementLabel {
  display: flex;
  height: var(--spacing-48);
  justify-content: center;
}
.TeaserBody-intervalRadios.FskFieldset {
  min-width: auto;
  width: auto;
}
.TeaserBody-interval .FskRadio.FskRadio--switcher + .FskFormElementLabel {
  padding: 0;
}
.TeaserBody-amount .FskOptions--radios {
  display: flex;
  gap: var(--spacing-16);
}
.TeaserBody-amount .FskFieldset-wrapper {
  align-items: center;
  display: flex;
  gap: var(--spacing-16);
}
/* When error is present, align items to top to keep radio buttons aligned with custom input */
.TeaserBody-amount .FskFieldset-wrapper[\:has\(.FskFormElement--error\)] {
  align-items: flex-start;
}
.TeaserBody-amount .FskFieldset-wrapper:has(.FskFormElement--error) {
  align-items: flex-start;
}
/* Adding € symbol to input as a 'label' */
.TeaserBody-amount :not(.FskOptions) > .FskFormElement {
  position: relative;
}
.TeaserBody-amount :not(.FskOptions) > .FskFormElement::after {
  color: var(--color-purple--80);
  content: "€";
  pointer-events: none;
  position: absolute;
  right: 1rem;
  top: calc(var(--spacing-48) / 2);
  transform: translateY(-50%);
  z-index: 1;
}
.TeaserBody
  .FskInput:not(.FskInput--checkbox):not(.FskInput--radio):not(
    .FskInput--range
  ):not(.FskInput--select) {
  --checkmark-bg-position: right var(--spacing-24) top var(--spacing-12);
  --FskInput-bg-position--focus: var(--checkmark-bg-position);
  --FskInput-bg-position--hover: var(--checkmark-bg-position);
  --FskInput-bg-position: var(--checkmark-bg-position);
  --FskInput-padding-right: var(--spacing-24);

  text-overflow: ellipsis;
  white-space: nowrap;
}
.TeaserBody-amount .FskFormElement-errorMessage:not(:empty) {
  margin-left: 0;
  text-align: left;
}
/** @define TeaserBody; weak; */
.TeaserBody {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
}
.TeaserBody-topRow {
  position: relative;
}
.TeaserBody-copy {
  background-color: var(--color-decoration-brand-green--20);
  border-radius: 4px;
  margin-bottom: var(--spacing-24);
  padding: var(--spacing-12);
  position: relative;
}
.TeaserBody-copy--doubling {
  margin-bottom: 0;
}
.TeaserBody-arrow {
  bottom: 0.5rem;
  font-size: 5rem;
  left: -0.5rem;
  position: absolute;
}
.TeaserBody-doubleHeartWrapper {
  align-items: center;
  background-color: var(--color-white);
  border-radius: 50%;
  display: flex;
  height: 4.4rem; /* 44px Hardcoded form Figma */
  justify-content: center;
  width: 4.4rem; /* 44px Hardcoded form Figma */
}
.TeaserBody-doubleHeartWrapper.is-hidden {
  display: none;
}
.TeaserBody-doubleHeart {
  width: var(--spacing-32);
}
.TeaserBody-headline {
  padding-left: var(--spacing-40);
}
.TeaserBody-headline--noSpacing {
  padding-left: 0;
}
.TeaserBody-doublingHeadlineWrapper {
  align-items: center;
  display: flex;
  gap: var(--spacing-8);
  margin-bottom: var(--spacing-8);
}
.TeaserBody-copy strong {
  font-weight: bold;
}
.TeaserBody-dialogButton {
  color: var(--color-antracite);
  cursor: pointer;
  text-decoration: underline;
}
.TeaserBody-middleRow {
  align-items: center;
  display: flex;
  gap: var(--spacing-16);
}
/* When error is present, align items to top to keep inputs on same line */
.TeaserBody-middleRow[\:has\(.FskFormElement--error\)] {
  align-items: flex-start;
}
.TeaserBody-middleRow:has(.FskFormElement--error) {
  align-items: flex-start;
}
.TeaserBody-intervalWrapper[\:not-has\(\%3E\%20.TeaserBody-intervalRadios\)] {
  flex: 0 1 calc(1 / 3 * 100%);
}
.TeaserBody-intervalWrapper:not(:has(> .TeaserBody-intervalRadios)) {
  flex: 0 1 calc(1 / 3 * 100%);
}
.TeaserBody-amountWrapper {
  flex: 1 1 calc(2 / 3 * 100%);
  max-width: calc(2 / 3 * 100%);
}
.TeaserBody-interval {
  margin: 0;
  width: 100%;
}
.TeaserBody-intervalRadios {
  width: 100%;
}
.TeaserBody-amount {
  margin: 0;
  width: 100%;
}
.TeaserBody-amountInput {
  position: relative;
  width: 100%;
}
.TeaserBody-bottomRow {
  align-items: center;
  display: grid;
  gap: var(--spacing-16);
  grid-template-areas: "submit checks payments";
  grid-template-columns: repeat(3, 1fr);
}
.TeaserBody-submit {
  display: flex;
  grid-area: submit;
  justify-content: center;
  white-space: nowrap;
}
.TeaserBody-checks {
  grid-area: checks;
}
.TeaserBody-check {
  align-items: center;
  display: flex;
  gap: var(--spacing-4);
}
.TeaserBody-check .Icon {
  flex-shrink: 0;
}
.TeaserBody-check:first-child {
  margin-bottom: var(--spacing-8);
}
.TeaserBody-paymentMethods {
  display: flex;
  gap: var(--spacing-4);
  grid-area: payments;
  justify-content: end;
}
.TeaserBody-paymentWrapper {
  align-items: center;
  border: 1px solid var(--color-decoration-grey--light);
  border-radius: 4px;
  display: flex;
  font-size: 2rem;
  height: calc(2.6 * 1rem); /* 26px */
  justify-content: center;
  padding: var(--spacing-4);
}
.TeaserBody-paymentText {
  font-size: 1rem;
}
/** @define DonationTeaser; */
.DonationTeaser-imageContainer {
  grid-column: var(--DonationTeaser-imageContainer-grid-column);
  grid-row: var(--DonationTeaser-imageContainer-grid-row, auto);
  margin: var(--DonationTeaser-imageContainer-margin, 0);
  position: relative;
}
.DonationTeaser-copyright {
  color: var(--color-white);
  height: 70%; /* Avoid overlap with teaser headline */
  left: var(--spacing-8);
  position: absolute;
  text-align: end;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  top: var(--spacing-12);
  writing-mode: sideways-lr;
}
.DonationTeaser--inDonationForm {
  padding-bottom: var(
    --DonationTeaser--inDonationForm-padding-bottom,
    var(--spacing-40)
  );
}
.DonationTeaser-formHolder {
  align-self: end;
  background: var(--color-white);
  grid-column: var(--DonationTeaser-formHolder-grid-column);
  grid-row: var(--DonationTeaser-formHolder-grid-row, auto);
  height: -moz-fit-content;
  height: fit-content;
  margin: var(--DonationTeaser-formHolder-margin, 0);
  padding: var(--DonationTeaser-formHolder-padding, 0);
  z-index: 1;
}
.DonationTeaser-text {
  align-self: start;
  background: var(--color-white);
  grid-area: var(--DonationTeaser-text-grid-area, auto);
  margin: var(--DonationTeaser-text-margin, 0);
  padding: var(--DonationTeaser-text-padding, 0);
  z-index: 1;
}
.DonationTeaser-text[\:has\(.DonationTeaser-copy\)] ~ form[\:has\(.TeaserBody\)] {
  margin-top: var(--spacing-24);
}
.DonationTeaser-text:has(.DonationTeaser-copy) ~ form:has(.TeaserBody) {
  margin-top: var(--spacing-24);
}
.DonationTeaser-form {
  grid-area: var(--DonationTeaser-form-grid-area, auto);
  padding: var(--DonationTeaser-form-padding, 0);
}
.DonationTeaser-headline {
  background: var(--color-white);
  margin: var(--DonationTeaser-headline-margin, 0);
  padding: var(--DonationTeaser-headline-padding, 0);
}
.DonationTeaser-copy {
  margin: var(--DonationTeaser-copy-margin);
}
/* increase specificity to overwrite .PaymentAmount-interval */
/* stylelint-disable-next-line plugin/selector-bem-pattern */
.DonationTeaser-interval.DonationTeaser-interval {
  margin: var(--DonationTeaser-interval-margin);
}
/* stylelint-disable-next-line plugin/selector-bem-pattern */
.DonationTeaser .FskFieldset-label {
  color: var(--color-purple);
}
.DonationTeaser-buttonHolder {
  margin: var(--spacing-24) 0 0;
}
.DonationTeaser-button {
  justify-content: center;
  margin: var(--DonationTeaser-button-margin);
  text-align: center;
}
.DonationTeaser-interval {
  /* stylelint-disable-next-line plugin/selector-bem-pattern */
  --fsk-radios-fskFormElements-margin: 0;
}
/* stylelint-disable-next-line plugin/selector-bem-pattern */
.DonationTeaser-interval .FskOptions--radios {
  flex-wrap: nowrap;
}
.DonationTeaser-amount {
  margin: var(--DonationTeaser-amount-margin);
}
/* stylelint-disable-next-line plugin/selector-bem-pattern */
.DonationTeaser-amount .FskFieldset-wrapper {
  align-items: flex-start;
  display: var(--DonationTeaser-amount-display, block);
  margin: 0;
}
/* stylelint-disable-next-line plugin/selector-bem-pattern */
.DonationTeaser-amount--progress .FskFieldset-wrapper {
  align-items: flex-end;
  display: flex;
  gap: var(--DonationTeaser-amount--progress-gap, 0);
}
/* stylelint-disable-next-line plugin/selector-bem-pattern */
.DonationTeaser-amount .FskOptions--radios {
  flex-shrink: 0;
  flex-wrap: nowrap;
  margin-top: var(--DonationTeaser-amount-margin-top, 0);
}
.DonationTeaser-countdown {
  margin: var(--DonationTeaser-countdown-margin);
}
.DonationTeaser-progress {
  margin: var(--DonationTeaser-progress-margin);
}
.DonationTeaser-progressTracker {
  margin: var(--spacing-24) 0;
}
/** @define ExpendableBlock; */
.ExpendableBlock {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.ExpendableBlock-headline {
  margin: 0 0 var(--spacing-32);
  text-align: center;
}
.ExpendableBlock-content {
  align-self: normal;
  margin-inline: calc(-1 * var(--u-container-side-padding));
}
.ExpendableBlock-content[aria-expanded="false"],
.ExpendableBlock-button[hidden="true"] {
  display: none;
}
/** @define CheckoutInfo; */
.CheckoutInfo-content {
  grid-column: var(--CheckoutInfo-content-grid-column);
}
.CheckoutInfo-copy,
.CheckoutInfo-subtitle {
  margin: var(--CheckoutInfo-child-margin);
}
.CheckoutInfo-detailsLabel {
  float: left;
}
/** @define CheckoutListIntro; */
.CheckoutListIntro-rte {
  grid-column: var(--CheckoutList-grid-column-full);
}
/** @define CheckoutListItem; */
.CheckoutListItem-header {
  border-bottom: 0.2rem solid var(--color-decoration-natural);
  padding: var(--CheckoutListItem-header-padding);
}
.CheckoutListItem-icon {
  font-size: 1.45em;
  margin-right: var(--CheckoutListItem-icon-margin-right);
}
.CheckoutListItem-headline {
  align-items: center;
  color: var(--color-purple);
  display: flex;
}
.CheckoutListItem-list,
.CheckoutListItem-text {
  margin-top: var(--CheckoutListItem-list-margin-top);
}
.CheckoutListItem-label:not(:first-child),
.CheckoutListItem-label:not(:first-child) + .CheckoutListItem-value {
  margin-top: var(--CheckoutListItem-item-margin-top);
}
.CheckoutListItem-descriptionHighlight {
  display: var(--CheckoutListItem-description-highlight-display, inline);
  margin-bottom: var(--CheckoutListItem-description-highlight-margin-bottom, 0);
}
.CheckoutListItem-description,
.CheckoutListItem-headline {
  grid-column: var(--CheckoutList-grid-column-full);
}
.CheckoutListItem-label {
  grid-column: var(--CheckoutList-grid-column-left);
}
.CheckoutListItem-value {
  grid-column: var(--CheckoutList-grid-column-right);
}
/** @define CheckoutList; */
.CheckoutList-item {
  margin-top: var(--CheckoutList-item-margin-top);
}
.CheckoutList-link {
  grid-column: var(--CheckoutList-grid-column-full);
  margin-top: var(--CheckoutList-item-margin-top);
}
/** @define GiftOption; */
.GiftOption {
  --GiftOption-image-width: 25rem;
  --GiftOption-image-margin: 0 0 var(--spacing-16);

  display: var(--GiftOption-display);
}
.GiftOption-image {
  flex: 0 0 var(--GiftOption-image-width);
  margin: var(--GiftOption-image-margin);
  width: var(--GiftOption-image-width);
}
/* Additional styling for label below the gift option */
/* stylelint-disable-next-line */
.DonateGift + .FskCheckbox + .FskFormElementLabel {
  align-self: flex-start;
  margin-top: var(--spacing-16);
}
/** @define LayoutButton; weak */
.LayoutButton .is-hidden {
  display: none;
}
.LayoutButton--link .FskButton {
  --LayoutButton--link-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9999 11.9998L4.99994 11.9998' stroke='%2366CC00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99994 16.9999L4.99994 11.9999L9.99994 6.99988' stroke='%2366CC00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --LayoutButton--link-bg-position: 0 50%;

  /* stylelint-disable */
  --FskButton-bg-position: var(--LayoutButton--link-bg-position);
  --FskButton-bg-image: var(--LayoutButton--link-icon);
  --FskButton-color: var(--color-brand-green);
  --FskButton-bg-size: var(--spacing-24);
  --FskButton-bg-color: none;
  --FskButton-font-size: var(--typo-copy-bold-font-size);
  --FskButton-font-weight: var(--typo-copy-bold-font-weight);
  --FskButton-line-height: var(--typo-copy-bold-line-height);
  --FskButton-padding-x: var(--spacing-32);
  --FskButton-border-radius-size: none;
  /* stylelint-enable */

  background-repeat: no-repeat;
}
.LayoutButton--link .FskButton:hover:not(:disabled),
.LayoutButton--link .FskButton:focus:not(:disabled),
.LayoutButton--link .FskButton:active:not(:disabled) {
  /* stylelint-disable */
  --FskButton-bg-position: var(--LayoutButton--link-bg-position);
  --FskButton-bg-image: var(--LayoutButton--link-icon);
  --FskButton-color: var(--color-brand-green--hover);
  --FskButton-bg-color: none;
  /* stylelint-enable */
}
/** @define LayoutButtons; weak */
.LayoutButtons {
  display: var(--LayoutButtons-display, grid);
}
.LayoutButtons-holder {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-24);
  grid-column: var(--LayoutButtons-holder-grid-column);
}
.LayoutButtons .LayoutButton {
  grid-column: var(--LayoutButtons-grid-column);
  margin-top: var(--LayoutButtons-button-margin-top);
}
/** @define LayoutFieldset */
.LayoutFieldset {
  --LayoutFieldset-padding: var(--spacing-40) 0;
  --LayoutFieldset-wrapper-margin: var(--spacing-12) 0 0;
}
.LayoutFieldset:not(.LayoutFieldset--fullWidth, .LayoutFieldset--contentWithTeaser) {
  border-top: 0.2rem solid var(--color-decoration-natural);
  padding: var(--LayoutFieldset-padding);
}
.LayoutFieldset--wrapperTop {
  --LayoutFieldset-wrapper-margin: 0;
}
.LayoutFieldset-fieldset {
  display: contents; /* to prevent wrong position of the legend in Safari */
}
.LayoutFieldset-legend {
  float: left;
  grid-column: var(--LayoutFieldset-grid-column);
}
.LayoutFieldset-wrapper {
  grid-column: var(--LayoutFieldset-grid-column);
}
.LayoutFieldset-wrapper:not(.LayoutFieldset-wrapper--fullWidth) {
  margin: var(--LayoutFieldset-wrapper-margin);
}
/* very specific case: remove margin when there is an donation teaser the first element of the donation form */
:is(.PaymentForm--reducedMargin .LayoutFieldset:first-child) .LayoutFieldset-wrapper {
  --LayoutFieldset-wrapper-margin: 0;
}
.LayoutFieldset-errorMessage {
  color: var(--color-signal--dark);
  grid-column: 1 / -1;
  margin: var(--spacing-8) 0 0 var(--spacing-16);
}
.LayoutFieldset-errorMessage.is-hidden {
  display: none;
}
.LayoutFieldset-fieldset--2columns .LayoutFieldset-wrapper {
  display: grid;
  gap: var(--spacing-24);
  grid-template-columns: var(--LayoutFieldset-wrapper-grid-template-columns, 1fr);
  margin-bottom: var(--LayoutFieldset-wrapper-margin-bottom, var(--spacing-24));
}
/** @define PaymentAmount; weak */
.PaymentAmount {
  --PaymentAmount-examples-margin: var(--spacing-24) 0 0;
}
.PaymentAmount .is-hidden {
  display: none;
}
.PaymentAmount-interval {
  margin: 0;
}
.PaymentAmount-amount .FskFieldset-wrapper {
  align-items: flex-start;
  display: var(--PaymentAmount-amount-display, block);
}
.PaymentAmount-amount .FskFieldset-errorMessage {
  display: none;
}
.PaymentAmount-amount .FskOptions--radios {
  flex-shrink: 0;
  flex-wrap: nowrap;
  margin-top: var(--PaymentAmount-amount-margin-top);
}
.PaymentAmount-intervalHolder {
  position: relative;
}
.PaymentAmount-flyout {
  inset: calc(100% + var(--spacing-16)) auto auto 0;
  position: absolute;
  z-index: 2;
}
.PaymentAmount-examples {
  margin: var(--PaymentAmount-examples-margin);
}
/** @define PaymentMethod */
.PaymentMethod-errorMessage {
  color: var(--color-signal--dark);
  font-size: var(--typo-copy-small-font-size);
  font-weight: var(--typo-copy-small-bold-font-weight);
  margin: var(--spacing-8) 0 0 var(--spacing-16);
}
.PaymentMethod-description {
  margin-top: var(--spacing-24);
}
/** @define StripeElement */
.StripeElement {
  background-color: var(--FskInput-bg-color);
  background-position: var(--FskInput-bg-position);
  background-repeat: no-repeat;
  background-size: var(--FskInput-bg-size);
  border: none;
  border-radius: 0.3rem;
  margin: var(--StripeElement-margin);
  padding: 1.6rem var(--spacing-40) 1.6rem 1.2rem;
  transition: var(--FskInput-transition);
}
.StripeElement:hover {
  background-color: var(--FskInput-bg-color--hover);
}
.StripeElement--focus {
  background-color: var(--FskInput-bg-color--focus);
  border-left: 0.2rem solid var(--color-purple--80);
}
.StripeElement--invalid {
  background-image: var(--FskInput-bg-image--error);
  border-left: 0.2rem solid var(--color-decoration-signal--red);
}
.StripeElement--complete {
  background-image: var(--FskInput-bg-image--valid);
  border-left: 0.2rem solid var(--color-brand-green);
}
/** @define PaymentForm; weak */
.PaymentForm {
  scroll-margin-top: var(--header-height--desktop);
}
.PaymentForm .is-hidden {
  display: none;
}
.PaymentForm--checkout .PaymentForm-error {
  color: var(--color-signal--dark);
  grid-column: var(--CheckoutList-grid-column-right);
  margin-top: var(--spacing-16);
}
/** @define RequiredFieldInfo; */
.RequiredFieldInfo {
  margin: var(--spacing-24) 0;
}
/** @define ContactsList; */
.ContactsList {
  list-style: none;
}
.ContactsList-item + .ContactsList-item {
  margin: var(--ContactsList-item-margin);
}
.ContactsList-type {
  align-items: center;
  display: flex;
}
.ContactsList-icon {
  color: var(--color-brand-green);
  font-size: 1.45em;
  margin: 0 var(--spacing-8) 0 0;
}
.ContactsList-link {
  display: inline-flex;
  margin: var(--spacing-8) 0 0;
}
/** @define FurtherQuestions; */
.FurtherQuestions-content {
  background: var(--color-decoration-natural--40);
  margin: var(--FurtherQuestions-content-margin);
  padding: var(--FurtherQuestions-content-padding);
}
.FurtherQuestions-column {
  grid-column: var(--FurtherQuestions-column-grid-column);
}
.FurtherQuestions-columnTitle {
  margin: var(--FurtherQuestions-columnTitle-margin);
}
/** @define GiftCertificate; */
.GiftCertificate {
  align-items: center;
}
.GiftCertificate-title {
  grid-column: var(--GiftCertificate-title-grid-column);
  margin: var(--GiftCertificate-title-margin);
}
.GiftCertificate-text {
  grid-column: var(--GiftCertificate-text-grid-column);
}
.GiftCertificate-imageHolder {
  grid-column: var(--GiftCertificate-imageHolder-grid-column);
  margin: var(--GiftCertificate-imageHolder-margin, 0);
}
.GiftCertificate-image {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}
.GiftCertificate-copyright {
  text-align: right;
}
.GiftCertificate-copy {
  margin: var(--spacing-16) 0 0;
  width: var(--GiftCertificate-copy-width);
}
.GiftCertificate-share {
  margin: var(--GiftCertificate-share-margin, 0);
}
.GiftCertificate-button {
  margin: var(--GiftCertificate-button-margin);
}
.GiftCertificate-shareLink {
  aspect-ratio: 1;
  display: block;
  margin: var(--spacing-16) 0 0;
  width: var(--GiftCertificate-shareLink-width);
}
.GiftCertificate-shareIcon {
  height: 100%;
  width: 100%;
}
/** @define GreenStrip; weak; */
.GreenStrip {
  align-items: center;
  background-color: var(--color-decoration-brand-green--20);
  border-radius: 4px;
  display: flex;
  gap: 1rem;
  margin-top: var(--spacing-24);
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: var(--spacing-12);
}
.GreenStrip strong {
  font-weight: bold;
}
.GreenStrip-icon {
  align-items: center;
  background-color: var(--color-white);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  min-height: var(--spacing-32);
  min-width: var(--spacing-32);
  padding: 0.6rem;
}
/** @define GreenwireTeaser; */
.GreenwireTeaser-headline {
  margin-bottom: calc(-1 * var(--spacing-24));
}
.GreenwireTeaser-headlineBackground {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.GreenwireTeaser-headlineBackground::after {
  background: url("../images/petition-teaser-bg.svg") repeat 0 0 / auto 100%;
  content: '';
  inset: -0.2em;
  position: absolute;
  z-index: -1;
}
.GreenwireTeaser-content {
  background: var(--color-decoration-natural--40);
  padding: var(--GreenwireTeaser-content-padding);
}
.GreenwireTeaser-contentHeadline {
  margin: var(--GreenwireTeaser-contentHeadline-margin);
}
.GreenwireTeaser-mainInfo {
  grid-column: var(--GreenwireTeaser-mainInfo-grid-column);
}
.GreenwireTeaser-details {
  display: flex;
  flex-direction: var(--GreenwireTeaser-details-flex-direction, row);
  gap: var(--GreenwireTeaser-details-gap);
  margin: 0 0 var(--spacing-16);
}
.GreenwireTeaser-additionalInfolabel {
  color: var(--color-brand-green);
}
.GreenwireTeaser-button {
  margin: var(--GreenwireTeaser-button-margin);
}
.GreenwireTeaser-additionalInfo {
  border: solid var(--color-white);
  border-width: var(--GreenwireTeaser-additionalInfo-border-width);
  grid-column: var(--GreenwireTeaser-additionalInfo-grid-column);
  margin: var(--GreenwireTeaser-additionalInfo-margin);
  padding: var(--GreenwireTeaser-additionalInfo-padding);
}
.GreenwireTeaser-logo {
  display: block;
  height: auto;
  margin: var(--GreenwireTeaser-logo-margin);
  width: var(--GreenwireTeaser-logo);
}
.GreenwireTeaser-logo + .GreenwireTeaser-moreDetails {
  margin: var(--GreenwireTeaser-moreDetails-margin);
}
.GreenwireTeaser-moreDetails {
  display: grid;
  grid-auto-columns: max-content;
}
.GreenwireTeaser-moreDetailsTermin {
  grid-column-start: 1;
  margin: 0 var(--spacing-16) 0 0;
}
.GreenwireTeaser-moreDetailsDescription {
  grid-column-start: 2;
}
.GreenwireTeaser-additionalInfoCopy {
  margin: var(--GreenwireTeaser-additionalInfoCopy-margin);
}
.GreenwireTeaser-image {
  position: relative;
}
.GreenwireTeaser-copyright {
  color: var(--color-decoration-grey--dark);
  position: absolute;
  right: calc(-1 * var(--spacing-32));
  top: 10%;
  writing-mode: sideways-lr;
  z-index: 3;
}
/* stylelint-disable-next-line plugin/selector-bem-pattern */
.GreenwireTeaser-image img {
  border-radius: 50%;
}
.GreenwireTeaser-decoration {
  inset: 0;
  position: absolute;
}
.GreenwireTeaser-decoration:first-child {
  z-index: 2;
}
.GreenwireTeaser-decoration::after,
.GreenwireTeaser-decoration::before {
  border: 0.2rem solid var(--color-white);
  border-radius: 50%;
  content: '';
  inset: 0;
  position: absolute;
}
.GreenwireTeaser-decoration:first-child::after {
  transform: translate(-2.5%, -2.5%);
}
.GreenwireTeaser-decoration:first-child::before {
  transform: translate(2.5%, -2.5%);
}
.GreenwireTeaser-decoration:nth-child(2)::after {
  transform: translate(2.5%, -2.5%);
}
.GreenwireTeaser-decoration:nth-child(2)::before {
  transform: translate(-2.5%, 2.5%);
}
.GreenwireTeaser-image--mobile {
  display: var(--GreenwireTeaser-image-mobile-display);
}
.GreenwireTeaser-image--desktop {
  display: var(--GreenwireTeaser-image-desktop-display);
}
/** @define Highlight; */
.Highlight {
  background-color: var(--Highlight-background-color);
  padding-block: var(--Highlight-padding-block);
}
.Highlight--white {
  --Highlight-background-color: var(--color-white);
}
.Highlight--natural,
.Highlight--texture {
  --Highlight-background-color: var(--color-decoration-natural);
}
.Highlight--texture {
  background-image: url("../images/texture.webp");
  background-position: center;
  background-repeat: repeat;
}
.Highlight-inner {
  align-items: var(--Highlight-inner-align-items, center);
  position: relative;
  z-index: 2;
}
.Highlight--media .Highlight-inner {
  --Highlight-inner-align-items: flex-start;
}
.Highlight-content {
  margin-block-start: var(--Highlight-content-margin-block-start, 0);
  margin-inline-start: var(--Highlight-content-margin-inline-start, 0);
}
.Highlight-headline,
.Highlight-media,
.Highlight-content {
  grid-column: var(--Highlight-item-grid-column);
  grid-row: var(--Highlight-item-grid-row, auto);
}
.Highlight-media {
  margin-block-start: var(--Highlight-media-margin-block-start);
}
.Highlight-button {
  margin-block-start: var(--Highlight-button-margin-block-start);
}
.Highlight-headline {
  position: relative;
  text-align: var(--Highlight-headline-text-align, left);
}
.Highlight-headline--marker {
  overflow: hidden;
}
.Highlight-headline--marker::after,
.Highlight-headline--squiggle::after,
.Highlight-headline--zigzag::after {
  background-image: var(--Highlight-headline-after-background-image);
  background-position: var(--Highlight-headline-after-background-position);
  background-repeat: no-repeat;
  background-size: var(--Highlight-headline-after-background-size);
  content: '';
  height: var(--Highlight-headline-after-height);
  inset: var(--Highlight-headline-after-inset);
  position: absolute;
  transform: var(--Highlight-headline-after-transform);
  width: var(--Highlight-headline-after-width, auto);
  z-index: -1;
}
.Highlight-headline--marker::after {
  --Highlight-headline-after-background-image: url("../images/highlight-bg-marker-1.svg"), url("../images/highlight-bg-marker-2.svg"), url("../images/highlight-bg-marker-3.svg"), url("../images/highlight-bg-marker-4.svg");
  --Highlight-headline-after-background-position: 0 0, 0 var(--Highlight-headline-line-height), 0 calc(2 * var(--Highlight-headline-line-height)), 0 calc(3 * var(--Highlight-headline-line-height));
  --Highlight-headline-after-background-size: auto var(--Highlight-headline-line-height);
  --Highlight-headline-after-height: calc(4 * var(--Highlight-headline-line-height));
  --Highlight-headline-after-inset: 0 0 auto;
}
.Highlight-headline--zigzag::after {
  --Highlight-headline-after-background-image: url("../images/highlight-bg-zigzag.svg");
}
.Highlight-headline--squiggle::after {
  --Highlight-headline-after-background-image: url("../images/highlight-bg-squiggle.svg");
}
.Highlight-headline--zigzag::after,
.Highlight-headline--squiggle::after {
  --Highlight-headline-after-background-position: 50% 50%;
  --Highlight-headline-after-background-size: contain;
  --Highlight-headline-after-transform: translate(-50%, -50%);
}
/** @define ImageGallery; weak */
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;user-select:none}
.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}
.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}
.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}
.splide--rtl{direction:rtl}
.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}
.splide__container{box-sizing:border-box;position:relative}
.splide__list{backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}
.splide.is-initialized:not(.is-active) .splide__list{display:block}
.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}
.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}
.splide__progress__bar{width:0}
.splide{outline:none;position:relative;visibility:hidden}
.splide.is-initialized,.splide.is-rendered{visibility:visible}
.splide__slide{backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}
.splide__slide img{vertical-align:bottom}
.splide__slider{position:relative}
.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}
.splide__track{overflow:hidden;position:relative;z-index:0}
.ImageGallery-headline {
  margin-bottom: var(--ImageGallery-headline-margin-bottom);
}
.ImageGallery-content {
  position: relative;
}
.ImageGallery-content::before,
.ImageGallery-content::after {
  content: var(--ImageGallery-pseudo-content);
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: width var(--default-transition-time);
  width: 10.8rem;
  z-index: 2;
}
.ImageGallery-content::before {
  background: linear-gradient(
    90deg,
    var(--color-white--rgba-08) 10%,
    var(--color-white--rgba-0) 100%
  );
  left: 0;
}
.ImageGallery-content::after {
  background: linear-gradient(
    90deg,
    var(--color-white--rgba-0) 10%,
    var(--color-white--rgba-08) 100%
  );
  right: 0;
}
.ImageGallery:focus:focus-visible {
  outline-color: -webkit-focus-ring-color;
  outline-offset: 0.3rem;
  outline-style: auto;
}
.ImageGallery-figure,
.ImageGallery-image {
  width: calc(
    var(--ImageGallery-image-height) * var(--ImageGallery-image-ratio)
  );
}
.ImageGallery-imageContainer {
  position: relative;
}
.ImageGallery-image {
  align-items: center;
  display: flex;
  height: var(--ImageGallery-image-height);
  max-width: 90vw;
}
.ImageGallery-image > * {
  flex: 1 1 auto;
}
.ImageGallery-title {
  background-color: var(--color-decoration-natural);
  bottom: var(--ImageGallery-title-position-bottom);
  left: var(--ImageGallery-title-position-left);
  max-width: var(--ImageGallery-title-max-width);
  opacity: var(--ImageGallery-title-opacity);
  padding: var(--spacing-8);
  position: var(--ImageGallery-title-position);
  transition: opacity var(--default-transition-time);
  width: var(--ImageGallery-title-width);
}
.ImageGallery-info {
  border-left: 0.2rem solid var(--color-brand-green);
  left: var(--ImageGallery-info-position-left);
  margin-top: var(--ImageGallery-info-margin-top);
  opacity: var(--ImageGallery-info-opacity);
  padding: 0 var(--spacing-16);
  position: relative;
  transition: opacity var(--default-transition-time);
  width: var(--ImageGallery-info-width);
}
.ImageGallery-copyright {
  display: flex;
  margin-top: var(--spacing-8);
}
.ImageGallery-count {
  flex: 0 0 8rem;
  margin-right: var(--spacing-16);
}
.ImageGallery-arrows {
  display: var(--ImageGallery-arrows-display, none);
}
.ImageGallery-arrow {
  align-items: center;
  background-color: var(--color-brand-green);
  border-radius: 50%;
  color: var(--color-white);
  cursor: pointer;
  display: flex;
  font-size: 2.4rem;
  height: 4.8rem;
  justify-content: center;
  position: absolute;
  top: calc(var(--ImageGallery-image-height) / 2);
  width: 4.8rem;
  z-index: 3;
}
.ImageGallery-arrow--prev {
  left: var(--spacing-32);
}
.ImageGallery-arrow--next {
  right: var(--spacing-32);
}
/*
 * no-script fallback
*/
.ImageGallery-content:not(.splide) {
  --ImageGallery-pseudo-display: none;
  --ImageGallery-title-opacity: 1;
}
.ImageGallery-content:not(.splide) .ImageGallery-list {
  display: flex;
  list-style: none;
  overflow-x: scroll;
}
.ImageGallery-content:not(.splide) .ImageGallery-slide:not(:last-child) {
  margin-right: var(--spacing-16);
}
/** @define ImageTeasers; */
.ImageTeasers-headline {
  margin: var(--ImageTeasers-headline-margin);
  text-align: center;
}
.ImageTeasers-items {
  gap: var(--spacing-24) var(--ImageTeasers-items-column-gap, var(--spacing-24));
}
.ImageTeasers-item {
  grid-column: var(--ImageTeasers-item-grid-column);
}
/** @define Infobox; */
.Infobox {
  --Infobox-content-border-width: var(--spacing-4);
}
.Infobox-icon {
  background: var(--color-white);
  border-radius: 50%;
  color: var(--color-brand-green);
  font-size: 4rem;
  left: var(--Infobox-icon-position-left);
  position: absolute;
  top: 0;
  transform: translateY(calc(-50% - var(--Infobox-content-border-width) / 2));
}
.Infobox-content {
  border: solid var(--color-brand-green);
  border-width: var(--Infobox-content-border-width) 0;
  padding: var(--Infobox-content-padding);
  position: relative;
}
.Infobox-headline {
  margin: var(--Infobox-headline-margin);
}
.Infobox-columns {
  display: flex;
  flex-direction: var(--Infobox-columns-flex-direction, row);
  gap: var(--Infobox-columns-gap, var(--spacing-56));
}
.Infobox-column {
  flex: 1 1 0;
}
.Infobox-columnHeadline {
  margin: var(--Infobox-columnHeadline-margin);
}
.Infobox-columnMedia + .Infobox-columnRte {
  margin: var(--Infobox-columnRte-margin);
}
/** @define JsWarning; */
.JsWarning {
  margin-bottom: var(--spacing-24);
  margin-top: var(--spacing-24);
}
.JsWarning-copy {
  border: 2px solid var(--color-brand-green);
  padding: var(--spacing-24);
}
/** @define List; weak */
.List {
  --List-list-left: 2em;
  --List-item-icon-size: 1.3em;
  --List-content-grid-colum: 1 / -1;
}
.List-content {
  grid-column: var(--List-content-grid-colum);
}
.List .List-list--unchecked,
.List .List-list--checked,
.List .List-list--failed {
  left: var(--List-list-left);
  list-style: none;
  width: calc(100% - var(--List-list-left));
}
.List-item {
  position: relative;
}
:is(
  .List-list--unchecked,
  .List-list--checked,
  .List-list--failed
) .List-item:not(:first-child) {
  margin-top: var(--spacing-16);
}
:is(
  .List-list--unchecked,
  .List-list--checked,
  .List-list--failed
) .List-item::before {
  background-position-y: 0.2em;
  background-repeat: no-repeat;
  background-size: var(--List-item-icon-size);
  content: "";
  height: 100%;
  left: calc(var(--List-list-left) * -1);
  position: absolute;
  width: var(--List-item-icon-size);
}
.List-list--unchecked .List-item::before,
.List-list--checked .List-item.List-item--unchecked::before,
.List-list--failed .List-item.List-item--unchecked::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='16' height='16' rx='8' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E");
}
.List-list--checked .List-item::before,
.List-list--unchecked .List-item.List-item--checked::before,
.List-list--failed .List-item.List-item--checked::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.333 9.233V10a8.333 8.333 0 11-4.941-7.617' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.333 3.333L10 11.675l-2.5-2.5' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.List-list--failed .List-item::before,
.List-list--checked .List-item.List-item--failed::before,
.List-list--unchecked .List-item.List-item--failed::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12.8%203.1h-.3c-.8-.3-1.6-.4-2.5-.4-.9%200-1.8.2-2.5.4-.4.1-.9-.1-1-.5-.2-.4%200-.9.5-1.1.8-.3%201.9-.5%203-.5s2.1.2%203.1.5c.4.2.6.6.5%201-.2.4-.5.6-.8.6zM17.7%2013.6h-.3c-.4-.2-.6-.6-.5-1%20.3-.8.4-1.6.4-2.5%200-.9-.1-1.7-.4-2.5-.2-.4.1-.9.5-1%20.4-.2.9.1%201%20.5.4%201%20.5%202%20.5%203.1s-.2%202.1-.5%203.1c-.1.1-.4.3-.7.3zM10%2019c-1.1%200-2.1-.2-3.1-.5-.4-.2-.6-.6-.5-1%20.2-.4.6-.6%201-.5.8.3%201.6.4%202.5.4s1.7-.1%202.5-.4c.4-.2.9.1%201%20.5.2.4-.1.9-.5%201-.8.3-1.8.5-2.9.5zM2.3%2013.6c-.3%200-.6-.2-.8-.5-.4-1-.5-2-.5-3.1s.2-2.1.5-3.1c.2-.4.6-.6%201-.5.4.2.6.6.5%201-.2.9-.4%201.7-.4%202.6%200%20.9.1%201.7.4%202.5.2.4-.1.9-.5%201%200%20.1-.1.1-.2.1zM17.1%2017.9c-.2%200-.4-.1-.6-.2L2.3%203.5c-.3-.4-.3-.9%200-1.2.3-.3.8-.3%201.2%200l14.2%2014.2c.3.3.3.8%200%201.2-.2.2-.4.2-.6.2z%22%2F%3E%3Cpath%20d%3D%22M2.9%2017.9c-.2%200-.4-.1-.6-.2-.3-.3-.3-.8%200-1.2L16.5%202.3c.3-.3.8-.3%201.2%200%20.3.3.3.8%200%201.2L3.5%2017.7c-.2.2-.4.2-.6.2z%22%2F%3E%3C%2Fsvg%3E");
}
/** @define MaterialHeader */
.MaterialHeader-headline,
.MaterialHeader-subline {
  grid-column: var(--MaterialHeader-headlines-grid-column);
}
.MaterialHeader-subline {
  margin-top: var(--MaterialHeader-subline-margin-top);
}
.MaterialHeader .MaterialHeader-headlines + .MaterialHeader-label {
  margin-top: var(--MaterialHeader-meta-info-margin-top);
}
/** @define Material; */
.Material-content {
  align-items: flex-start;
  background: var(--color-decoration-natural--40);
  border-bottom: 0.2rem solid var(--color-decoration-natural);
  display: flex;
  flex-wrap: wrap;
  grid-column: var(--Material-content-grid-column);
  padding: var(--spacing-16);
}
.Material-imageHolder {
  margin-right: var(--Material-imageHolder-margin-right, var(--u-grid-gap));
  position: relative;
  width: var(--Material-imageHolder-width);
}
.Material-imageHolder--info {
  align-items: center;
  display: flex;
  height: var(--Material-imageHolder-height);
  justify-content: center;
}
.Material-image {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.Material-label {
  background: var(--color-purple);
  color: var(--color-white);
  left: 0;
  padding: var(--Material-label-padding);
  position: absolute;
  top: 0;
}
.Material-text {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.Material-item {
  margin: var(--spacing-8) 0 0;
}
.Material-size {
  color: var(--color-decoration-grey--dark);
}
.Material-alternatives {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin: var(--spacing-4) 0 0;
}
.Material-button {
  align-self: var(--Material-button-align-self, flex-start);
  margin: var(--spacing-16) 0 0;
}
.Material-inputs {
  align-items: var(--Material-inputs-align-items, normal);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: var(--Material-inputs-margin, 0);
  min-height: var(--Material-inputs-min-height, 0);
  width: var(--Material-inputs-width);
}
.Material[\:has\(input\[type\%3D\%22checkbox\%22\]\)] {
  --Material-inputs-width: 100%;

  grid-auto-rows: initial;
}
.Material:has(input[type="checkbox"]) {
  --Material-inputs-width: 100%;

  grid-auto-rows: initial;
}
/** @define MotiveLightbox; */
.MotiveLightbox {
  container-type: inline-size;
  margin-top: var(--spacing-8);
}
.MotiveLightbox-content {
  align-items: center;
  aspect-ratio: 1 / 1.414; /* aspect ratio of A4 */
  background-image: url("../images/motive-cerficate.png");
  background-size: 100% auto;
  box-shadow: 0 0.4rem 2.4rem 0 rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  padding: 48.5cqw 7.2cqw 6.4cqw;
  position: relative;
}
.MotiveLightbox-media {
  aspect-ratio: 16 / 9;
  color: var(--color-white);
  margin: 0 0 9cqw;
  position: relative;
  width: 63cqw;
}
.MotiveLightbox-imageElement {
  display: block;
  height: auto;
  width: 100%;
}
.MotiveLightbox-copyright {
  color: var(--color-antracite);
  font-size: 1.18cqw;
  padding: 0.8cqw 0 0;
  position: absolute;
  right: 0;
  top: 100%;
}
.MotiveLightbox-text {
  display: block;
  font-size: 2.36cqw;
  font-weight: 500;
  line-height: 1.56;
  max-width: 80%;
  text-align: center;
  white-space: pre-wrap; /* to keep formatting copied from the textarea value */
}
.MotiveLightbox-footer {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}
.MotiveLightbox-footnote {
  font-size: 1.35cqw;
  line-height: 1.5;
  width: 65%;
}
/** @define Motive; */
.Motive {
  margin-bottom: var(--spacing-48);
}
.Motive-headline {
  margin: 0 0 var(--spacing-16);
}
.Motive-copy {
  margin: var(--Motive-copy-margin);
}
.Motive-legendCopy {
  display: block;
  font-weight: normal;
}
.Motive-variantsHolder {
  display: flex;
  flex-direction: var(--Motive-variantsHolder-flex-direction);
  gap: var(--u-grid-gap);
}
.Motive-variants {
  gap: var(--u-grid-gap);
  list-style: none;
}
.Motive-preview {
  aspect-ratio: 16 / 9;
  flex-shrink: 0;
}
.Motive-previewButtonHolder {
  display: flex;
  justify-content: flex-end;
}
.Motive-image {
  display: block;
  height: auto;
  width: 100%;
}
.Motive-label {
  cursor: pointer;
  display: block;
  position: relative;
  transition: border-radius var(--default-transition-time);
}
.Motive-radio:checked + .Motive-label {
  border-radius: var(--spacing-4);
  overflow: hidden;
}
.Motive-radio:focus-visible + .Motive-label {
  outline-color: -webkit-focus-ring-color;
  outline-offset: 0.3rem;
  outline-style: auto;
}
.Motive-label::before {
  border: var(--spacing-4) solid transparent;
  content: '';
  inset: 0;
  position: absolute;
  transition:
    inset var(--default-transition-time),
    border-color var(--default-transition-time),
    box-shadow var(--default-transition-time);
}
.Motive-radio:checked + .Motive-label::before {
  border-color: var(--color-brand-green);
  box-shadow: 0 0 0 var(--spacing-4) var(--color-white) inset;
}
.Motive-confirmation {
  margin: var(--Motive-confirmation-margin);
}
/* stylelint-disable-next-line plugin/selector-bem-pattern */
.Motive .LayoutFieldset {
  border: none;
}
/** @define Pager; */
.Pager {
  color: var(--color-antracite);
  margin: var(--spacing-40) auto;
  width: min(100%, 40rem);
}
.Pager-item--previous,
.Pager-item--next {
  font-weight: 700;
}
.Pager-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.Pager-itemLink {
  align-items: center;
  display: flex;
  gap: var(--spacing-8);
  text-decoration: none;
}
.Pager-itemIcon--prev {
  font-size: var(--spacing-24);
  transform: rotate(90deg);
}
.Pager-itemIcon--next {
  font-size: var(--spacing-24);
  transform: rotate(-90deg);
}
.Pager-item--disabled {
  color: var(--color-brand-green--disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.Pager-pageNumber {
  color: var(--color-antracite);
}
.Pager-pageNumber--active {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--color-brand-green);
  text-decoration-thickness: var(--spacing-2);
  text-underline-offset: var(--spacing-4);
}
/** @define PetitionTeaser; */
.PetitionTeaser-inner {
  align-items: end;
  border: solid var(--color-decoration-natural);
  border-width: 0.2rem 0;
  padding: var(--PetitionTeaser-inner-padding);
}
.PetitionTeaser-text {
  grid-column: var(--PetitionTeaser-text-grid-column);
}
.PetitionTeaser-link {
  margin: var(--spacing-8) 0 0;
}
.PetitionTeaser-headline {
  margin: var(--PetitionTeaser-headline-margin);
  overflow: hidden;
  position: relative;
}
.PetitionTeaser-headline::after {
  background-image: url("../images/petition-teaser-bg.svg"), url("../images/petition-teaser-bg.svg"), url("../images/petition-teaser-bg.svg");
  background-position: 0 0, var(--spacing-24) var(--PetitionTeaser-headline-line-height), 0 calc(2 * var(--PetitionTeaser-headline-line-height));
  background-repeat: no-repeat;
  background-size: auto var(--PetitionTeaser-headline-line-height);
  content: '';
  height: calc(3 * var(--PetitionTeaser-headline-line-height));
  inset: 0 0 auto;
  position: absolute;
  z-index: -1;
}
.PetitionTeaser-copy {
  margin: var(--spacing-16) 0 0;
}
.PetitionTeaser-button {
  margin: var(--PetitionTeaser-button-margin);
}
.PetitionTeaser-progressBar {
  grid-column: var(--PetitionTeaser-progressBar-grid-column);
  margin-top: var(--PetitionTeaser-progressBar-margin-top, var(--spacing-32));
}
/** @define Quote; weak; */
.Quote-imageContainer {
  grid-column: var(--Quote-image-container-grid-column);
}
.Quote-content {
  grid-column: var(--Quote-content-grid-column);
  padding-top: var(--Quote-content-padding-top, 0);
}
.Quote-image {
  display: block;
  height: auto;
  margin-bottom: var(--Quote-image-margin-bottom, 0);
  max-width: var(--Quote-image-max-width, 8rem);
  position: relative;
  width: 100%;
}
.Quote-image--circular {
  position: relative;
}
.Quote-image--circular .FlexEmbed {
  border-radius: 50%;
}
.Quote-cite + .Quote-author {
  margin-top: var(--spacing-24);
}
.Quote-author {
  border-left: 0.2rem solid var(--color-brand-green);
  padding-left: var(--Quote-author-padding-left, var(--spacing-8));
}
.Quote-authorLink {
  text-decoration: underline;
}
.Quote-authorName + .Quote-authorPosition,
.Quote-authorLink + .Quote-authorPosition {
  margin-top: var(--Quote-author-position-margin-top, var(--spacing-4));
}
.Quote-symbol {
  color: var(--color-brand-green);
  display: block;
  font-size: var(--Quote-symbol-font-size, 14rem);
  line-height: 0.8;
  margin-bottom: var(--Quote-symbol-margin-bottom, 0);
  text-indent: -0.8rem;
}
.Quote-copyright {
  padding: var(--spacing-4);
  text-align: center;
}
/** @define Rating; weak */
.Rating {
  text-align: center;
}
.Rating-headline {
  margin: var(--Rating-headline-margin);
  text-align: left;
}
.Rating .thumbsupdown-rating-wrapper {
  display: flex;
  gap: var(--spacing-24);
  margin: 0 auto;
  width: max-content;
}
.Rating .thumbsupdown-rating-label,
.Rating .thumbsupdown-rating-label.rate-voted {
  transition: color 0.1s, transform 0.1s;
}
.Rating .thumbsupdown-rating-label:hover,
.Rating .thumbsupdown-rating-label.rate-voted {
  color: var(--color-brand-green--hover) !important;
}
.Rating .thumbsupdown-rating-label-up:hover,
.Rating .thumbsupdown-rating-label-up.rate-voted {
  transform:rotate(-10deg) translateY(-2px);
}
.Rating .thumbsupdown-rating-label-down:hover,
.Rating .thumbsupdown-rating-label-down.rate-voted {
  transform:rotate(10deg) translateY(2px);
}
.Rating-message {
  opacity: 0;
  transition: opacity var(--default-transition-time);
  visibility: hidden;
}
.Rating .thumbsupdown-rating-wrapper[\:has\(.rate-voted\)] ~ .Rating-message {
  opacity: 1;
  visibility: visible;
}
.Rating .thumbsupdown-rating-wrapper:has(.rate-voted) ~ .Rating-message {
  opacity: 1;
  visibility: visible;
}
.Rating .thumbsupdown-rating-wrapper[\:has\(.rate-voted\)] .thumbsupdown-rating-label {
  pointer-events: none;
}
.Rating .thumbsupdown-rating-wrapper:has(.rate-voted) .thumbsupdown-rating-label {
  pointer-events: none;
}
/** @define SearchResults; weak */
/*
 * When fetching new search result items,
 * we only use this template: src/components/elements/search-result
 * and we don't pass a dedicated class like e.g. SearchResults-item
 */
.SearchResults-headline {
  margin: var(--SearchResults-headline-margin);
}
.SearchResults-items:not(.SearchResults-items--grid) .SearchResult:not(:first-child) {
  margin: var(--SearchResults-item-margin);
}
.SearchResults-items--grid {
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: var(--u-grid-gap);
  grid-template-columns: repeat(var(--SearchResults-items--grid-columns), 1fr);
}
.SearchResults-loading {
  justify-content: center;
  margin: var(--SearchResults-loading-margin);
}
.SearchResults-loading.is-hidden {
  display: none;
}
/** @define Filters; weak */
.Filters {
  --Filters-searchButton-grid-column-start: span 2;
  border: solid var(--color-decoration-natural);
  border-width: 0.2rem 0;
  display: flex;
  flex-direction: column;
  padding: var(--Filters-padding);
}
.Filters-row {
  grid-gap: var(--Filters-row-grid-gap);
}
.Filters-row--general > *,
.Filters-row--general > * {
  grid-column: var(--Filters-child-grid-column);
  min-width: 0; /* prevent the shrinking of the child elements of the grid */
}
.Filters-row--general > .FskFormElement {
  margin: 0;
}
.Filters-row--general > .FskFieldset {
  margin: var(--Filters-fskFormElement-margin, 0);
}
.Filters-row--kids,
.Filters-row--exactMatch {
  margin: var(--Filters-row-kids-margin);
}
.Filters-row--button {
  display: flex;
  margin: var(--Filters-row-button-margin);
}
.Filters-searchButton,
.Filters .LayoutButton--eduSearch {
  align-self: end;
  grid-column: var(--Filters-searchButton-grid-column, auto);
  grid-column-start: var(--Filters-searchButton-grid-column-start);
  justify-content: center;
}
.Filters-extendableArea {
  max-height: var(--Filters-extendableArea-max-height, 100%);
  opacity: var(--Filters-extendableArea-opacity, 0);
  overflow: var(--Filters-extendableArea-overflow, hidden);
  transition: max-height var(--default-transition-time), opacity calc(2 * var(--default-transition-time));
}
.Filters-toggle {
  --Filters-toggle-margin: calc(-1 * var(--spacing-16)) 0;

  align-items: center;
  color: var(--color-brand-green);
  cursor: pointer;
  display: var(--Filters-toggle-display);
  margin: var(--Filters-toggle-margin);
  order: 1;
  padding: var(--spacing-24) 0;
  width: 100%;
}
.Filters-toggle[aria-expanded="true"] {
  --Filters-toggle-margin: var(--spacing-8) 0 calc(-1 * var(--spacing-8));
}
.Filters-icon {
  margin: 0 var(--spacing-8) 0 0;
}
.Filters-toggleLabel {
  display: var(--Filters-toggleLabel-display, block);
}
/** @define Query */
.Query-headline {
  margin: var(--Query-headline-margin);
}
.Query-inputHolder {
  grid-column: var(--Query-inputHolder-grid-column);
}
.Query-searchButton {
  grid-column: var(--Query-searchButton-grid-column);
  justify-content: center;
  margin: var(--Query-searchButton-margin);
}
/** @define ResultsAmount; */
.ResultsAmount-copy {
  margin: var(--spacing-8) 0 0;
}
/** @define Sorting; */
.Sorting {
  display: flex;
  justify-content: flex-end;
}
.Sorting-currentSort {
  margin: var(--Sorting-currentSort-margin);
}
.Sorting-button {
  cursor: pointer;
  height: var(--spacing-24);
  position: relative;
  width: var(--spacing-24);
}
.Sorting-icon {
  color: var(--Sorting-icon-color, var(--color-decoration-grey--light));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.Sorting-iconASC {
  transform: rotate(180deg);
}
.Sorting-button.is-active {
  --Sorting-icon-color: var(--color-brand-green);
}
.Sorting-searchResultAmount {
  margin: 0 auto 0 0;
}
/** @define Search; */
.Search {
  padding-bottom: var(--spacing-16);
}
.Search-resultsAmount {
  margin: var(--Search-resultsAmount-margin);
}
.Search-filters {
  margin: var(--Search-filters-margin);
}
.Search-resultsSorting {
  margin: var(--Search-resultsSorting-margin);
}
/** @define Sharing; */
.Sharing {
  align-items: center;
}
.Sharing-image {
  grid-column: var(--Sharing-image-grid-column);
}
.Sharing-text {
  grid-column: var(--Sharing-text-grid-column);
  margin: var(--Sharing-text-margin);
}
.Sharing-subline {
  margin: var(--Sharing-subline-margin);
}
.Sharing-copy {
  margin: var(--spacing-16) 0 0;
}
.Sharing-share {
  margin: var(--spacing-32) 0 0;
}
/** @define Stage; weak */
/*
 * Stage
 *
 * headline margins on mobile are "magic numbers"
 * because typo baselines should match with lower edges of image
 *
 * on desktop the behaviour of the FlexEmbed component gets overwritten
 * because the image should cover a specific area
 */
.Stage {
  overflow: hidden;
}
.Stage-container {
  grid-template-rows: 1fr;
  min-height: var(--Stage-min-height);
}
.Stage-image {
  grid-column: var(--Stage-image-column);
  left: var(--Stage-image-position-left);
  position: relative;
  width: var(--Stage-image-width);
}
.Stage-copyright {
  color: var(--color-white);
  position: absolute;
  text-align: end;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  top: var(--spacing-12);
  writing-mode: sideways-lr;
}
.Stage-copyright--left {
  right: var(--spacing-8);
}
.Stage-copyright--right {
  left: var(--spacing-8);
}
.Stage-info {
  align-items: center;
  display: flex;
  grid-column: var(--Stage-info-column);
  padding: var(--Stage-info-padding);
  width: 100%;
}
.Stage-text {
  padding: var(--Stage-text-padding, 0);
  position: relative;
  width: 100%;
}
.Stage-headline {
  left: var(--Stage-headline-position-left, 0);
  margin: var(--Stage-headline-margin);
  position: relative;
  width: var(--Stage-headline-width);
  z-index: var(--level-1);
}
.Stage-headlineMarker {
  background: var(--color-white);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  box-shadow: var(--Stage-headlineMarker-inset) 0 0 var(--color-white),
    calc(var(--Stage-headlineMarker-inset) * -1) 0 0 var(--color-white);
}
.Stage-subline {
  margin: var(--Stage-subline-margin);
}
.Stage-subline--italic {
  font-style: italic;
}
.Stage-copy {
  margin: var(--Stage-copy-margin);
}
.Stage-button {
  margin: var(--Stage-button-margin);
  max-width: var(--Stage-button-max-width, 100%);
}
.Stage-share {
  margin-top: var(--Stage-share-margin-top, var(--spacing-24));
}
.Stage .is-hidden {
  display: none;
}
.Stage-decoration--desktop {
  display: var(--Stage-decoration-desktop-display, block);
  font-size: 19rem;
  left: -6.3rem;
  position: absolute;
  top: -10.4rem;
}
.Stage-decoration--mobile {
  display: var(--Stage-decoration-mobile-display, none);
  font-size: var(--Stage-decoration-mobile-size);
}
/* start Stage with donation form */
.Stage-link {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-8);
  margin-top: var(--spacing-16);
}
.Stage-link::before {
  background: currentColor;
  border-radius: 0.1rem;
  content: '';
  height: 0.2rem;
  width: 1.6rem;
}
.Stage-amount {
  margin: 0;
}
.Stage-interval .FskFieldset-legend .FskFieldset-label,
.Stage-amount .FskFieldset-legend .FskFieldset-label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.Stage-amount .FskFieldset-wrapper {
  align-items: flex-end;
  display: flex;
}
/* end Stage with donation form */
/** @define SubNavigation; */
.SubNavigation {
  margin-top: var(--SubNavigation-margin-top, var(--spacing-24));
}
.SubNavigation-list {
  list-style: none;
}
.SubNavigation-link {
  color: var(--color-antracite);
  display: block;
  position: relative;
}
/* @define TabsGraph; */
.TabsGraph {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-64);
}
.TabsGraph-row {
  align-items: center;
  display: flex;
  gap: var(--spacing-40);
}
.TabsGraph-row:first-child {
  background-color: #f4f4f4; /* copied from Figma */
}
.TabsGraph-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--spacing-16);
  padding: var(--spacing-24);
}
.TabsGraph-imageWrapper {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
}
.TabsGraph-link {
  margin-left: var(--spacing-24);
  position: relative;
}
.TabsGraph-link::before {
  background-color: var(--color-brand-green);
  content: "";
  height: 0.2rem;
  left: -2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.4rem;
}
.TabsGraph-seals {
  display: flex;
  gap: var(--spacing-40);
  justify-content: space-between;
  list-style: none;
  padding: var(--spacing-24);
}
.TabsGraph-seal {
  height: 10.5rem; /* 105px */
  max-width: 36.9rem; /* 369px */
}
.TabsGraph-roundSeal {
  height: 10.5rem; /* 105px */
  width: 10.5rem; /* 105px */
}
/* @define TabsStats; */
.TabsStats {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-40);
}
.TabsStats-stats {
  align-items: center;
  background-color: var(--color-decoration-natural);
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-32) var(--spacing-64);
  width: 100%;
}
.TabsStats-statsItem {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.TabsStats-timeline {
  align-items: start;
  display: flex;
  gap: var(--spacing-32);
  justify-content: space-between;
}
.TabsStats-timelineItem {
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
}
.TabsStats-timelineItem--date {
  color: var(--color-brand-green);
}
.TabsStats-boldCopy {
  font-weight: bold;
}
.TabsStats-link {
  margin-left: var(--spacing-24);
  position: relative;
}
.TabsStats-link::before {
  background-color: var(--color-brand-green);
  content: "";
  height: 0.2rem;
  left: -2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.4rem;
}
/** @define TabsList; */
.TabsList {
  align-items: stretch;
  background-color: var(--color-decoration-brand-green--10);
  border-radius: var(--spacing-8);
  display: flex;
  gap: var(--spacing-48);
  justify-content: center;
  margin: 0 auto;
  width: 85%;
}
.TabsList[\:not-has\(\%2B\%20.Tabs-tabpanels\)] {
  margin-bottom: var(--spacing-24);
}
.TabsList:not(:has(+ .Tabs-tabpanels)) {
  margin-bottom: var(--spacing-24);
}
.TabsList-item {
  flex: 1;
  list-style-type: none;
}
.TabsList-tab {
  display: block;
  height: 100%;
  line-height: 18px;
  padding: var(--spacing-16) var(--spacing-64);
  position: relative;
  text-align: center;
  text-decoration: none;
  text-wrap: balance;
  width: 100%;
}
.TabsList-tab:is([aria-selected="true"], [aria-current="page"], .is-active) {
  background-color: var(--color-white);
  border: 1px solid var(--color-decoration-brand-green--20);
  border-radius: var(--spacing-8);
  box-shadow: 0 2px 8px 0 #31313114; /* Value copied from Figma */
  color: var(--color-antracite);
  font-weight: bold;
}
.TabsList-tab:is(
    [aria-selected="true"],
    [aria-current="page"],
    .is-active,
    :hover
  )::after {
  opacity: 1;
  transform: translateY(0);
}
/** @define Tabs; */
.Tabs[data-js="false"] .Tabs-tabpanel:not(:target) {
  display: none;
}
.Tabs[data-js="false"] .Tabs-tabpanel:target,
.Tabs[data-js="false"][\:not-has\(.Tabs-tabpanel\:target\)]
  .Tabs-tabpanel:not([hidden]) {
  display: block !important;
}
.Tabs[data-js="false"] .Tabs-tabpanel:target,
.Tabs[data-js="false"]:not(:has(.Tabs-tabpanel:target))
  .Tabs-tabpanel:not([hidden]) {
  display: block !important;
}
.Tabs-heading {
  margin-bottom: 2em;
}
.Tabs-tabpanels {
  margin-top: var(--spacing-40);
}
.Tabs-tabpanel:focus-visible {
  outline: var(--focus-outline);
  outline-offset: var(--focus-outline-offset);
}
/** @define TagsSharing; */
.TagsSharing-container {
  border-top: 0.2rem solid var(--color-purple);
  display: flex;
  flex-direction: var(--TagsSharing-container-flex-direction, row-reverse);
  justify-content: space-between;
  padding: var(--spacing-8) 0 0;
}
.TagsSharing-tags {
  margin: var(--TagsSharing-tags-margin, 0 var(--spacing-24) 0 0);
}
/** @define Teasers; weak; */
.Teasers-headline {
  margin: var(--Teasers-headline-margin);
  text-align: center;
}
.Teasers-headline--kids {
  align-items: center;
  display: flex;
  gap: var(--spacing-24);
  justify-content: center;
}
.Teasers-decoration {
  flex-shrink: 0;
  font-size: var(--Teasers-decoration-font-size, inherit);
 }
.Teasers-itemsHolder {
  row-gap: var(--Teasers-itemsHolder-row-gap, var(--spacing-40));
}
.Teasers-item {
  grid-column: var(--Teasers-item-grid-column);
}
/** @define TextMedia; */
.TextMedia {
  --TextMedia-media-side-margin: calc(var(--u-grid-gap) + var(--spacing-16));
}
.TextMedia-content {
  grid-column: var(--TextMedia-content-grid-colum);
}
.TextMedia-headline {
  margin: 0 0 var(--spacing-24);
}
.TextMedia--right {
  --TextMedia-media-float: right;
  --TextMedia-media-margin: 0 0 0 var(--TextMedia-media-side-margin);
}
.TextMedia--left {
  --TextMedia-media-float: left;
  --TextMedia-media-margin: 0 var(--TextMedia-media-side-margin) 0 0;
}
.TextMedia--mediaOnly {
  --TextMedia-media-margin: 0 auto;
  --TextMedia-media-float: none;
}
.TextMedia-media {
  float: var(--TextMedia-media-float);
  margin: var(--TextMedia-media-margin);
  padding: var(--TextMedia-media-padding, 0);
  position: relative;
  width: var(--TextMedia-media-width);
  z-index: 2;
}
.TextMedia--mediaVideo.TextMedia--mediaOnly {
  --TextMedia-media-width: 100%;
}
/** @define Footer; */
/** @define AffiliatesMenu; */
.AffiliatesMenu {
  display: flex;
  list-style: none;
}
.AffiliatesMenu-item {
  align-items: center;
  display: inline-flex;
}
.AffiliatesMenu-item:not(:first-child) {
  margin: var(--AffiliatesMenu-item--margin);
}
.AffiliatesMenu-itemLink {
  color: var(--color-white);
}
/** @define DonationInfo; */
.DonationInfo-seals {
  display: flex;
  list-style: none;
}
.DonationInfo-seal:not(:first-child) {
   margin-left: var(--DonationInfo-seal-margin-left, var(--spacing-24));
}
.DonationInfo-title {
  margin: var(--DonationInfo-title-margin);
}
.DonationInfo-columns {
  margin: var(--spacing-8) 0 0;
}
.DonationInfo-details,
.DonationInfo-bankNote {
  flex-basis: 0;
  flex-grow: 1;
}
.DonationInfo-bankLabel {
  float: left;
  margin: 0 var(--spacing-4) 0 0;
}
.DonationInfo-bankValue:not(:last-child) {
  margin: 0 0 var(--spacing-8);
}
.DonationInfo-button {
  cursor: pointer;
}
.DonationInfo-donationLink {
  display: inline-flex;
  margin: var(--spacing-16) 0 0;
}
/** @define LegalMenu; */
.LegalMenu {
  list-style: none;
}
.LegalMenu-item:not(:first-child) {
  margin: var(--LegalMenu-item-margin);
}
.LegalMenu-itemLink {
  color: currentColor;
  cursor: pointer;
}
/** @define Newsletter; */
.Newsletter-copy {
  margin: var(--spacing-8) 0 0;
}
.Newsletter-button {
  margin: var(--spacing-24) 0 0;
}
/** @define SocialNetworks; */
.SocialNetworks-list {
  display: inline-flex;
  list-style: none;
}
.SocialNetworks-network {
  margin: 0 0 0 var(--spacing-16);
}
.SocialNetworks-networkLink {
  align-items: var(--SocialNetworks-networkLink-align-items, center);
  background: var(--SocialNetworks-networkLink-bg-color);
  border-radius: 50%;
  color: var(--color-antracite);
  display: flex;
  height: var(--spacing-48);
  justify-content: center;
  position: relative;
  width: var(--spacing-48);
}
.SocialNetworks-networkLink--facebook {
  --SocialNetworks-accessibleText-color: var(--color-antracite);
  --SocialNetworks-icon-font-size: 4rem;
  --SocialNetworks-icon-margin: 0 0 -0.2rem;
  --SocialNetworks-networkLink-align-items: flex-end;
  --SocialNetworks-networkLink-bg-color: var(--color-social-network--facebook);
}
.SocialNetworks-networkLink--whatsapp {
  --SocialNetworks-accessibleText-color: var(--color-antracite);
  --SocialNetworks-icon-font-size: 3rem;
  --SocialNetworks-networkLink-bg-color: var(--color-social-network--whatsapp);
}
.SocialNetworks-networkLink--instagram {
  --SocialNetworks-accessibleText-color: var(--color-white);
  --SocialNetworks-networkLink-bg-color: var(--color-social-network--instagram);
}
.SocialNetworks-networkLink--youtube {
  --SocialNetworks-accessibleText-color: var(--color-antracite);
  --SocialNetworks-networkLink-bg-color: var(--color-social-network--youtube);
}
.SocialNetworks-networkLink--linkedin {
  --SocialNetworks-accessibleText-color: var(--color-white);
  --SocialNetworks-networkLink-bg-color: var(--color-social-network--linkedin);
}
.SocialNetworks-networkLink--tiktok {
  --SocialNetworks-accessibleText-color: var(--color-antracite);
  --SocialNetworks-networkLink-bg-color: var(--color-social-network--tiktok);
}
.SocialNetworks-icon {
  color: var(--color-white);
  font-size: var(--SocialNetworks-icon-font-size, 2.4rem);
  margin: var(--SocialNetworks-icon-margin);
}
/* there is no visual changes on the page, but it's important for the accessibility */
.SocialNetworks-accessibleText {
  color: var(--SocialNetworks-accessibleText-color);
  font-size: var(--spacing-40);
}
.Footer {
  border-top: 0.2rem solid var(--color-decoration-natural);
  margin-top: auto; /* to have footer at bottom */
}
.Footer-container {
  padding-bottom: var(--Footer-container-padding-bottom);
  padding-top: var(--Footer-container-padding-top);
}
.Footer-donationInfo {
  align-self: end;
  display: flex;
  grid-column: var(--Footer-donationInfo-grid-column);
  justify-content: center;
}
.Footer-newsletter {
  grid-column: var(--Footer-newsletter-grid-column);
  margin: var(--Footer-newsletter-margin, 0);
}
.Footer-newsletter + .Footer-donationInfo {
  display: block;
}
.Footer-extraContent {
  padding-bottom: var(--Footer-extraContent-padding-bottom);
  padding-top: var(--Footer-extraContent-padding-top);
}
.Footer-extraLinks {
  background: var(--color-decoration-natural--40);
}
.Footer-bottomBar {
  background: var(--color-antracite);
}
.Footer-bottomContent {
  padding: var(--Footer-bottomContent-padding);
  position: relative;
}
.Footer-logo {
  background: var(--color-brand-green);
  color: var(--color-white);
  display: block;
  left: 0;
  padding: var(--Footer-logo-padding);
  position: absolute;
}
.Footer-logoIcon {
  height: var(--Footer-logoIcon-height);
  width: var(--Footer-logoIcon-width);
}
.Footer-socialNetworks {
  margin: var(--Footer-socialNetworks-margin, 0);
}
.Footer-taxInfo {
  margin-top: calc(-1 * var(--spacing-32));
  padding: var(--Footer-taxInfo-padding);
}
/** @define Header; */
/** @define DropdownList; */
.DropdownList {
  list-style: none;
}
.DropdownList-item {
  margin: var(--DropdownList-item-margin, 0);
}
.DropdownList-label {
  align-items: center;
  color: var(--DropdownList-label-color, currentColor);
  cursor: pointer;
  display: flex;
  page-break-inside: avoid;
  text-align: left;
  transition: color var(--default-transition-time);
}
.DropdownList-icon {
  color: var(--DropdownList-icon-color, currentColor);
  flex-shrink: 0;
  font-size: 2rem;
  margin: 0 0 0 var(--spacing-8);
  transform: var(--DropdownList-icon-transform, rotate(-90deg));
  transition: transform var(--default-transition-time);
}
.DropdownList-submenu {
  transition: var(--DropdownList-submenu-transition)
    var(--default-transition-time);
  visibility: var(--DropdownList-submenu-visibility, hidden);
}
.DropdownList-label.is-active + .DropdownList-submenu {
  --DropdownList-submenu-visibility: visible;
}
/** @define DropdownMenu; */
.DropdownMenu {
  background: var(--color-white);
  padding: var(--DropdownMenu-padding);
}
.DropdownMenu-list {
  grid-column: var(--DropdownMenu-list--grid-column);
  margin: var(--DropdownMenu-list-margin);
}
/** @define DropdownSubmenu; */
.DropdownSubmenu-backButton {
  display: var(--DropdownSubmenu-backButton-display);
}
.DropdownSubmenu-list,
.DropdownSubmenu-overviewLink {
  grid-column: var(--DropdownSubmenu-content-grid-column);
}
.DropdownSubmenu-list {
  margin: var(--DropdownSubmenu-list-margin);
}
/** @define OverviewLink; */
.OverviewLink {
  background: var(--OverviewLink-background, var(--color-white));
  color: currentColor;
  display: inline-flex;
  flex-direction: column;
  margin: var(--OverviewLink-margin, 0);
}
.OverviewLink-title + .OverviewLink-copy {
  margin: var(--OverviewLink-copy-margin);
}
.OverviewLink-icon {
  font-size: var(--OverviewLink-icon-font-size);
  transform: var(--OverviewLink-icon-transform, none);
}
/** @define MainNavigation; */
.MainNavigation-button {
  align-items: center;
  cursor: pointer;
  display: var(--MainNavigation-button-display);
  flex-direction: column;
}
.MainNavigation-nav {
  padding: var(--MainNavigation-nav-padding, 0);
}
.MainNavigation-list {
  display: flex;
  justify-content: space-between;
  list-style: none;
}
.MainNavigation-label {
  color: currentColor;
  cursor: pointer;
  display: flex;
  font-weight: var(--MainNavigation-label-font-weight, normal);
  min-height: 100%;
  padding: var(--MainNavigation-label-padding);
  position: relative;
  transition: font-weight var(--default-transition-time);
}
.MainNavigation-labelIcon {
  display: var(--MainNavigation-labelIcon-display, none);
  flex-shrink: 0;
  font-size: 2rem;
  transition: transform var(--default-transition-time);
}
.MainNavigation-dropdownMenu {
  transition: var(--MainNavigation-dropdownMenu-transition) var(--default-transition-time);
  visibility: var(--MainNavigation-dropdownMenu-visibility, hidden);
}
.MainNavigation-label.is-active + .MainNavigation-dropdownMenu {
  --MainNavigation-dropdownMenu-visibility: visible;
}
.MainNavigation-metaNavigation {
  display: var(--MainNavigation-metaNavigation-display, none);
}
/** @define MetaNavigation; */
.MetaNavigation {
  padding: var(--MetaNavigation-padding, 0);
}
.MetaNavigation-list {
  display: flex;
  flex-direction: var(--MetaNavigation-list-flex-direction, row);
  list-style: none;
}
.MetaNavigation-link {
  color: currentColor;
  display: block;
  padding: var(--MetaNavigation-link-padding, 0);
}
/** @define SearchBar; */
.SearchBar {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.SearchBar.is-open {
  --SearchBar-form-top: 0;
  --SearchBar-form-visibility: visible;
}
.SearchBar-openButton {
  align-items: center;
  cursor: pointer;
  display: var(--SearchBar-openButton-display);
  flex-direction: column;
}
.SearchBar-openButtonIcon {
  font-size: var(--SearchBar-openButtonIcon-font-size);
  margin: var(--SearchBar-openButtonIcon-margin, 0);
}
.SearchBar-form {
  align-items: center;
  background: var(--color-white);
  display: flex;
  flex-wrap: var(--SearchBar-form-flex-wrap, nowrap);
  inset: var(--SearchBar-form-top, 0) var(--SearchBar-form-right, 0) var(--SearchBar-form-bottom, auto) var(--SearchBar-form-left);
  justify-content: flex-end;
  position: absolute;
  transition: top var(--default-transition-time);
  visibility: var(--SearchBar-form-visibility, hidden);
}
.SearchBar-form::after {
  background: var(--color-antracite);
  content: var(--SearchBar-form-after-content, normal);
  inset: 0;
  opacity: 0.6;
  position: fixed;
  z-index: -1;
}
.SearchBar-autocompleteResults:not(:empty) {
  background: var(--color-white);
  box-shadow: var(--default-box-shadow);
  display: flex;
  flex-direction: column;
  inset: 100% 0 auto 0;
  max-height: 30rem;
  overflow-y: auto;
  position: absolute;
}
.SearchBar-autocompleteResult {
  cursor: pointer;
  padding: var(--spacing-16);
  text-align: left;
}
.SearchBar-closeButton {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
}
.SearchBar-closeButtonIcon {
  font-size: 2.4rem;
  margin: 0 0 0 var(--spacing-8);
}
.SearchBar-searchButton {
  margin: var(--SearchBar-searchButton-margin);
}
.SearchBar-searchButtonIcon {
  font-size: var(--SearchBar-searchButtonIcon-font-size);
  margin: var(--SearchBar-searchButtonIcon-margin, 0);
}
.SearchBar-inputHolder {
  flex-grow: 1;
  margin-left: var(--SearchBar-inputHolder-margin-left, var(--spacing-16));
  position: relative;
}
.SearchBar-input {
  padding: var(--spacing-12);
  width: 100%;
}
.SearchBar-input::placeholder {
  color: currentColor;
}
.Header {
  background: var(--color-white);
  box-shadow: var(--default-box-shadow--bottom);
  position: sticky;
  top: var(--Header-top);
  z-index: var(--level-2);
}
.Header-content {
  align-items: center;
  background: var(--color-white);
  display: flex;
  height: var(--Header-content, auto);
  justify-content: space-between;
  position: relative; /* for the `SearchBar-form` positioning */
}
.Header-logoIcon {
  color: var(--color-brand-green);
  height: var(--Header-logo-icon-height);
  max-width: var(--Header-logo-icon-width);
  width: 100%;
}
.Header-metaNavigation {
  background: var(--color-white);
  display: var(--Header-metaNavigation-display, block);
  position: relative;
  z-index: 2; /* to simulate the effect that the search bar appears from underneath the metaNavigation */
}
.Header-donationButton {
  font-size: var(--Header-donationButton-font-size);
  margin: var(--Header-donationButton-margin, 0);
}
.Header-searchBar {
  margin: var(--Header-searchBar-margin);
}
/** @define OverlayTeaser; */
/** @define OverlayTeaser; weak */
.OverlayTeaser-closed,
.OverlayTeaser-opened {
  background-color: var(--OverlayTeaser-background-color);
  bottom: 0;
  color: var(--color-white);
  display: var(--OverlayTeaser-display);
  left: 0;
  max-width: var(--OverlayTeaser-max-width);
  padding: var(--OverlayTeaser-padding);
  position: fixed;
  z-index: var(--level-2);
}
.OverlayTeaser-closed.is-hidden,
.OverlayTeaser-opened.is-hidden {
  --OverlayTeaser-display: none;
}
.OverlayTeaser-image {
  flex: 0 0 auto;
  margin: var(--OverlayTeaser-image-margin);
  position: relative;
  top: var(--OverlayTeaser-image-top);
  width: var(--OverlayTeaser-image-width);
}
.OverlayTeaser-text {
  margin: var(--OverlayTeaser-text-margin);
}
/*
 closed state
*/
.OverlayTeaser-closed {
  --OverlayTeaser-background-color: var(--color-brand-green);
  --OverlayTeaser-closeButton-color: var(--color-white);
  --OverlayTeaser-closeButton-right: var(--spacing-16);
  --OverlayTeaser-display: flex;
  --OverlayTeaser-image-margin: 0 var(--spacing-16) 0 0;

  border-left: 0.4rem solid var(--color-antracite);
  width: min-content;
}
.OverlayTeaser-closed .OverlayTeaser-text {
  align-items: flex-end;
  display: flex;
}
.OverlayTeaser-closed .OverlayTeaser-openButton {
  color: var(--color-white);
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  font-size: var(--OverlayTeaser-openButton-font-size);
  margin-left: var(--spacing-8);
}
.OverlayTeaser-closed .OverlayTeaser-openButton::after {
  content: '';
  inset: 0;
  position: absolute;
  z-index: 2;
}
/*
 opened state
*/
.OverlayTeaser-opened {
  --OverlayTeaser-close-button-width: calc(11rem + var(--spacing-24));
  --OverlayTeaser-display: block;
  --OverlayTeaser-background-color: var(--color-antracite);
  --OverlayTeaser-padding: 0 var(--spacing-16);

  border-right: 0.4rem solid var(--color-brand-green);
}
.OverlayTeaser-openedContent {
  display: var(--OverlayTeaser-openedConent-display);
  position: relative;
}
.OverlayTeaser-closeButton {
  align-items: center;
  color: var(--OverlayTeaser-closeButton-color, var(--color-brand-green));
  cursor: pointer;
  display: flex;
  position: absolute;
  right: var(--OverlayTeaser-closeButton-right, 0);
  top: var(--spacing-16);
  z-index: 3;
}
.OverlayTeaser-opened .OverlayTeaser-closeButton:hover {
  --OverlayTeaser-closeButton-color: var(--color-brand-green--hover);
}
.OverlayTeaser-opened .OverlayTeaser-icon {
  font-size: var(--spacing-24);
  margin-left: var(--spacing-8);
}
.OverlayTeaser-opened .OverlayTeaser-copy {
  margin-top: var(--spacing-8);
}
.OverlayTeaser-opened .OverlayTeaser-buttons {
  justify-content: flex-start;
  margin-top: var(--spacing-16);
}
.OverlayTeaser-opened .OverlayTeaser-headline {
  margin: var(--OverlayTeaser-headline-margin, 0);
}
/*
 * Animations
 */
/*
 * initial
 */
.OverlayTeaser:not(.is-hidden) .OverlayTeaser-closed {
  animation: fadeInAndMoveSlightlyRight var(--default-transition-time) ease-out forwards;
}
/*
 * show
 */
.OverlayTeaser-content--animationShow .OverlayTeaser-opened {
  --OverlayTeaser-anim-duration: 0.75s;

  animation: scaleVerticalLineToFullWidth var(--OverlayTeaser-anim-duration)
    ease-out forwards;
  transform-origin: left bottom;
}
.OverlayTeaser-content--animationShow .OverlayTeaser-openedContent {
  animation: fadeIn var(--default-transition-time)
    var(--OverlayTeaser-anim-duration) ease-out forwards;
  opacity: 0;
}
/*
 * hide
 */
.OverlayTeaser-content--animationHide .OverlayTeaser-opened,
.OverlayTeaser-content--animationHide.OverlayTeaser-content--oneClick .OverlayTeaser-closed {
  animation: fadeOutAndMoveSlightlyLeft var(--default-transition-time) ease-out forwards;
}
.OverlayTeaser.is-hidden {
  display: none;
}
/** @define Page; weak */
.Page {
  display: flex; /* to have footer at bottom */
  flex-direction: column;
  min-height: 100vh; /* to have footer at bottom */
}
.Page-main {
  margin-bottom: var(--Page-main-margin-bottom);
}
.Page-main .Accordion--component,
.Page-main .ArchiveMarker,
.Page-main .ArticleMetaInfo,
.Page-main .AuthorsList,
.Page-main .Buttons,
.Page-main .ChatbotTeaser:not(:first-child),
.Page-main .CheckoutInfo,
.Page-main .ContactPersons,
.Page-main .ContentEmbed--component,
.Page-main .DonationExamples,
.Page-main .DonationTeaser:not(.DonationTeaser--inDonationForm),
.Page-main .ExpendableBlock,
.Page-main .FurtherQuestions,
.Page-main .GiftCertificate,
.Page-main .GreenwireTeaser,
.Page-main .Highlight,
.Page-main .ImageGallery,
.Page-main .ImageTeasers,
.Page-main .Infobox,
.Page-main .List,
.Page-main .Material[\:not-has\(input\[type\%3D\%22checkbox\%22\]\)],
.Page-main .MaterialHeader,
.Page-main .PaymentForm:not(.PaymentForm--reducedMargin),
.Page-main .PetitionTeaser,
.Page-main .Quote,
.Page-main .Rating,
.Page-main .Search,
.Page-main .Sharing,
.Page-main .TagsSharing,
.Page-main .Teasers.u-container, 
.Page-main .TextMedia,
.Page-main .TaxForm,
.Page-main .u-pageMainChild {
  margin-top: var(--Page-main-child-margin-top);
}
.Page-main .Accordion--component,
.Page-main .ArchiveMarker,
.Page-main .ArticleMetaInfo,
.Page-main .AuthorsList,
.Page-main .Buttons,
.Page-main .ChatbotTeaser:not(:first-child),
.Page-main .CheckoutInfo,
.Page-main .ContactPersons,
.Page-main .ContentEmbed--component,
.Page-main .DonationExamples,
.Page-main .DonationTeaser:not(.DonationTeaser--inDonationForm),
.Page-main .ExpendableBlock,
.Page-main .FurtherQuestions,
.Page-main .GiftCertificate,
.Page-main .GreenwireTeaser,
.Page-main .Highlight,
.Page-main .ImageGallery,
.Page-main .ImageTeasers,
.Page-main .Infobox,
.Page-main .List,
.Page-main .Material:not(.Material:has(input[type="checkbox"])),
.Page-main .MaterialHeader,
.Page-main .PaymentForm:not(.PaymentForm--reducedMargin),
.Page-main .PetitionTeaser,
.Page-main .Quote,
.Page-main .Rating,
.Page-main .Search,
.Page-main .Sharing,
.Page-main .TagsSharing,
.Page-main .Teasers.u-container, /* Add margin only when .Teasers is a pattern (not element) */
.Page-main .TextMedia,
.Page-main .TaxForm,
.Page-main .u-pageMainChild {
  margin-top: var(--Page-main-child-margin-top);
}
.Page-main--withBreadcrumbs .Stage:not(.Dialog .Stage),
.Page-main--withBreadcrumbs .PaymentForm--reducedMargin {
  margin-top: var(--Page-main-child-margin-top);
}
@media (min-width: 976px) {
  .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon,
  .toolbar-menu-administration > .toolbar-menu > .menu-item > .responsive-preview-icon,
  .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .toolbar-icon,
  .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .responsive-preview-icon {
    font-size: 16px !important;
  }

  .toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu .menu-item .toolbar-icon,
  .toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu .menu-item .responsive-preview-icon {
    font-size: 15px !important;
  }

  .toolbar-menu-administration a.toolbar-menu__trigger {
    font-size: 14px !important;
  }
}
@media (prefers-contrast: more) {
  html:not(.contrast-low) {
    --color-brand-green--hover: var(--color-brand-green--hover-accessible);
    --color-brand-green--pressed: var(--color-brand-green--pressed-accessible);
    --color-brand-green--visited: var(--color-brand-green--visited-accessible);
    --color-brand-green: var(--color-brand-green-accessible);
    --color-decoration-signal--red-50: var(
      --color-decoration-signal--red-50-accessible
    );
    --color-decoration-signal--red: var(
      --color-decoration-signal--red-accessible
    );
    --color-purple--50: var(--color-purple--50-accessible);
  }
}
@media (max-width: 35.5625em) {
  :root {
    --typo-headline1-font-size: 3.2rem;
    --typo-headline1-font-weight: 600;
    --typo-headline1-letter-spacing: var(--typo-letter-spacing--normal);
    --typo-headline1-line-height: calc(4 / 3.2);

    --typo-headline2-font-size: 2.4rem;
    --typo-headline2-font-weight: 600;
    --typo-headline2-letter-spacing: var(--typo-letter-spacing--normal);
    --typo-headline2-line-height: calc(3.2 / 2.4);

    --typo-headline3-font-size: 2.4rem;
    --typo-headline3-font-weight: 600;
    --typo-headline3-letter-spacing: var(--typo-letter-spacing--normal);
    --typo-headline3-line-height: calc(3.2 / 2.4);

    --typo-headline4-font-size: 1.6rem;
    --typo-headline4-font-weight: 600;
    --typo-headline4-line-height: calc(2.4 / 1.6);

    --typo-headline5-font-size: 1.6rem;
    --typo-headline5-font-weight: 600;
    --typo-headline5-line-height: calc(2.4 / 1.6);

    --typo-headline6-font-size: 1.4rem;
    --typo-headline6-font-weight: 600;
    --typo-headline6-line-height: calc(2.4 / 1.4);

    --typo-big-copy-subline-font-size: 1.6rem;
    --typo-big-copy-subline-line-height: calc(2.4 / 1.6);

    --typo-copy-font-size: 1.4rem;
    --typo-copy-line-height: calc(2.4 / 1.4);

    --typo-copy-bold-font-size: var(--typo-copy-font-size);
    --typo-copy-bold-font-weight: 700;
    --typo-copy-bold-line-height: var(--typo-copy-line-height);

    --typo-link-font-size: var(--typo-copy-font-size);
    --typo-link-font-weight: 700;
    --typo-link-line-height: var(--typo-copy-line-height);
    --typo-link-text-decoration: underline;

    --typo-copy-small-font-size: 1.2rem;
    --typo-copy-small-line-height: calc(1.6 / 1.2);

    --typo-copy-small-bold-font-size: var(--typo-copy-small-font-size);
    --typo-copy-small-bold-font-weight: 700;
    --typo-copy-small-bold-line-height: var(--typo-copy-small-line-height);

    --typo-copy-small-semibold-font-size: var(--typo-copy-small-font-size);
    --typo-copy-small-semibold-font-weight: 600;
    --typo-copy-small-semibold-line-height: var(--typo-copy-small-line-height);

    --typo-button-font-weight: 700;
    --typo-button-text-font-size: 1.4rem;
    --typo-button-text-line-height: calc(2 / 1.4);

    --typo-label-font-size: 1.4rem;
    --typo-label-font-weight: 600;
    --typo-label-letter-spacing: var(--typo-letter-spacing--wide);
    --typo-label-line-height: calc(2.4 / 1.4);
    --typo-label-text-transform: uppercase;

    --typo-label-small-font-size: 1rem;
    --typo-label-small-font-weight: var(--typo-label-font-weight);
    --typo-label-small-letter-spacing: var(--typo-label-letter-spacing);
    --typo-label-small-line-height: calc(1.6 / 1);
    --typo-label-small-text-transform: var(--typo-label-text-transform);

    --typo-highlight-headline-font-size: 3.2rem;
    --typo-highlight-headline-font-weight: 700;
    --typo-highlight-headline-line-height: calc(4 / 3.2);
  }
  body {
    --body-font-size: 1.4rem;
    --body-line-height: calc(2.4 / 1.4);
  }
  :root {
    --u-grid-gap: var(--spacing-16);
  }
  .u-grid {
    --u-grid-template-columns-amount: 4;
  }
  /* When the overlay banner is present, prevent the chatbot:in button
     to overlap with it. Used transform property so we don't need to
     use !important over bottom. */
  body.has-overlay .webchat-toggle-button {
    transform: translateY(calc(-1 * var(--spacing-12)));
  }
  .uc-embedding-container .uc-embedding-wrapper {
    max-width: calc(100% - 3rem);
  }

  .uc-embedding-container .uc-embedding-wrapper h3 {
    font-size: 1.2rem;
    margin-top: 0;
  }

  .uc-embedding-container .description-text {
    font-size: 1.2rem;
  }
  .FskFieldset {
    --fsk-fieldset-margin: var(--spacing-16) 0 0;
  }
  .GiftPrompt {
    --GiftPrompt-copy-size: 1.4rem;
    --GiftPrompt-gap: var(--spacing-16);
    --GiftPrompt-icon-size: var(--spacing-56);
    --GiftPrompt-link-size: 1.2rem;
    --GiftPrompt-padding-inline: var(--spacing-8);
    --GiftPrompt-width: 100%;
  }
  .Iframe {
    aspect-ratio: var(--Iframe-mobile-aspect-ratio);
  }
  .Lightbox {
    --Lightbox-closeButton-right: var(--spacing-8) ;
    --Lightbox-closeButton-top: var(--spacing-8) ;
    --Lightbox-content-max-width: 100%;
    --Lightbox-copy-margin: var(--spacing-8) 0 0;
    --Lightbox-link-margin: var(--spacing-16) 0 0;
  }

  .Lightbox-content--wide {
    --Lightbox-content-padding: var(--spacing-16);
    --Lightbox-content-width: 100%;
  }
  .Rte {
    --typo-headline2-font-size: 2.6rem;
    --typo-headline2-line-height: calc(3.2 / 2.6);

    --typo-headline3-font-size: 2rem;
    --typo-headline3-line-height: calc(2.8 / 2);

    --typo-headline4-font-size: 1.8rem;
    --typo-headline4-line-height: calc(2.4 / 1.8);
  }
  .SearchResult-headline {
    hyphens: auto;
  }
  .Viewport {
    --Viewport-content: "sm";
  }
  .AuthorsList {
    --AuthorsList-themeList-columns: 2;
  }
  .ChatbotTeaser {
    --ChatbotTeaser-padding-block: var(--spacing-24);
    --ChatbotTeaser-content-item-margin-block-start: var(--spacing-16);
    --ChatbotTeaser-image-max-width: 5rem;
  }

  .ChatbotTeaser-imageContainer,
  .ChatbotTeaser-content {
    --ChatbotTeaser-item-grid-column: 1 / -1;
  }
  .DonationTeaser--inDonationForm {
    --DonationTeaser--inDonationForm-padding-bottom: var(--spacing-16);
  }

  .DonationTeaser-copyright {
    left: initial;
    right: var(--spacing-8);
  }
  .CheckoutListItem {
    --CheckoutListItem-description-highlight-display: block;
    --CheckoutListItem-header-padding: var(--spacing-4) 0;
    --CheckoutListItem-icon-margin-right: var(--spacing-8);
    --CheckoutListItem-list-margin-top: var(--spacing-8);
  }

  .CheckoutListItem-label:not(:first-child) {
    --CheckoutListItem-item-margin-top: var(--spacing-8);
  }

  .CheckoutListItem-descriptionHighlight:not(:last-child) {
    --CheckoutListItem-description-highlight-margin-bottom: var(--spacing-8);
  }
  :root {
    --CheckoutList-grid-column-full: 1 / -1;
    --CheckoutList-grid-column-left: 1 / -1;
    --CheckoutList-grid-column-right: 1 / -1;
  }

  .CheckoutList {
    --CheckoutList-item-margin-top: var(--spacing-24);
  }
  .LayoutButtons {
    --LayoutButtons-grid-column: 1 / 5;
  }
  .LayoutFieldset {
    --LayoutFieldset-padding: var(--spacing-16) 0;
  }
  .PaymentAmount-amount {
    margin-top: var(--spacing-24);
  }
  .GiftCertificate {
    --GiftCertificate-button-margin: var(--spacing-24) 0 0;
    --GiftCertificate-imageHolder-grid-column: 1 / -1;
    --GiftCertificate-imageHolder-margin: var(--spacing-24) 0 0;
    --GiftCertificate-share-margin: var(--spacing-24) 0 0;
    --GiftCertificate-shareLink-width: var(--spacing-40);
    --GiftCertificate-text-grid-column: 1 / -1;
  }

  .GiftCertificate-imageHolder--desktop {
    display: none;
  }
  .Highlight {
    --Highlight-headline-line-height: 3.2rem;
  }

  .Highlight-headline {
    --Highlight-item-grid-column: 1 / span 3;
  }

  .Highlight-media,
  .Highlight-content {
    --Highlight-item-grid-column: 1 / span 4;
  }
  .ImageTeasers-item:nth-child(odd) {
    --ImageTeasers-item-grid-column: 1 / 3;
  }

  .ImageTeasers-item:nth-child(even) {
    --ImageTeasers-item-grid-column: 3 / -1;
  }
  .Infobox {
    --Infobox-columnHeadline-margin: 0 0 var(--spacing-16);
    --Infobox-columns-gap: var(--spacing-32);
  }
  .Material {
    --Material-imageHolder-width: 21%;
  }

  .Material-imageHolder--info {
    --Material-imageHolder-width: 9.6rem;
  }
  .Motive {
    --Motive-confirmation-margin: var(--spacing-16) 0 var(--spacing-8);
    --Motive-copy-margin: 0 0 var(--spacing-16);
    --Motive-variantsHolder-flex-direction: column;
  }

  .Motive-variants {
    display: flex;
    margin: var(--spacing-16) calc(-1 * var(--u-container-side-padding)) 0 0;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
  }

  .Motive-variant {
    /* 2.7 - amount of the visible items */
    flex: 1 0 calc((100% - 2 * var(--u-grid-gap)) / 2.7);
    position: relative; /* it removes horizontal scrollbar on the page */
    scroll-snap-align: start;
  }

  .Motive-variant:last-child {
    margin-right: var(--u-container-side-padding);
  }
  .Sharing {
    --Sharing-image-grid-column: 2 / 4;
  }
  .Stage {
    --Stage-headline-margin: -3.1rem 0 0;
  }

  /* start Stage with donation form */
  .Stage-amount {
    margin: 0;
  }

  .Stage-amount .FskOptions--radios {
    flex-wrap: nowrap;
  }

  .Stage-amount .FskOptions .FskFormElementLabel {
    padding-left: var(--spacing-8);
    padding-right: var(--spacing-8);
  }

  .Stage-amount .FskFieldset-wrapper > .FskFormElement .FskFormElementLabel {
    padding-left: 0;
  }

  /* end Stage with donation form */
  .TextMedia--portraitImage:not(.TextMedia--mediaOnly) {
    --TextMedia-media-width: calc(
      var(--TextMedia-column-width) * 3 + var(--u-grid-gap) * 2
    );
  }
  .AffiliatesMenu {
    --AffiliatesMenu-item--margin: var(--spacing-16) 0 0;

    flex-direction: column;
  }
  .DonationInfo {
    --DonationInfo-seal-margin-left: var(--spacing-16);
    --DonationInfo-title-margin: var(--spacing-40) 0 0;
  }

  .DonationInfo-seal {
    flex: 1;
  }

  /* itz logo is 3.55 times wider than the rest (224px vs. 63px) */
  .DonationInfo-seal--itz {
    flex-grow: 3.55;
  }

  .DonationInfo-logo {
    height: auto;
    width: 100%;
  }

  .DonationInfo-bankNote {
    margin: var(--spacing-16) 0 0;
  }
  .LegalMenu {
    --LegalMenu-item-margin: var(--spacing-16) 0 0;
  }
  .SocialNetworks {
    text-align: center;
  }

  .SocialNetworks-list {
    margin: var(--spacing-12) 0 0;
  }

  .SocialNetworks-network:first-child {
    margin: 0;
  }
  .Footer {
    --Footer-container-padding-bottom: var(--spacing-24);
    --Footer-container-padding-top: var(--spacing-24);
    --Footer-extraContent-padding-top: var(--spacing-24);
    --Footer-logoIcon-height: 2.1rem;
    --Footer-logoIcon-width: 13.3rem;
    --Footer-newsletter-margin: 0 0 var(--spacing-40);
    --Footer-socialNetworks-margin: var(--spacing-32) 0 0;
  }
  .MainNavigation {
    --MainNavigation-nav-padding: var(--spacing-8) var(--spacing-16) var(--spacing-96);
  }
  .SearchBar {
    --SearchBar-searchButton-margin: 0 var(--spacing-16);
  }
  .Header {
    --Header-donationButton-margin: 0 var(--spacing-16) 0 0;
    --Header-searchBar-margin: 0 var(--spacing-16) 0 auto;
  }
}
@media (min-width: 35.625em) and (max-width: 59.9375em) {
  :root {
    --typo-headline1-font-size: 4rem;
    --typo-headline1-font-weight: 600;
    --typo-headline1-letter-spacing: var(--typo-letter-spacing--narrow);
    --typo-headline1-line-height: calc(4.8 / 4);

    --typo-headline2-font-size: 3.2rem;
    --typo-headline2-font-weight: 600;
    --typo-headline2-letter-spacing: var(--typo-letter-spacing--narrow);
    --typo-headline2-line-height: calc(4 / 3.2);

    --typo-headline3-font-size: 2.4rem;
    --typo-headline3-font-weight: 600;
    --typo-headline3-letter-spacing: var(--typo-letter-spacing--normal);
    --typo-headline3-line-height: calc(3.2 / 2.4);

    --typo-headline4-font-size: 2.4rem;
    --typo-headline4-font-weight: 600;
    --typo-headline4-line-height: calc(3.2 / 2.4);

    --typo-headline5-font-size: 1.6rem;
    --typo-headline5-font-weight: 600;
    --typo-headline5-line-height: calc(2.4 / 1.6);

    --typo-headline6-font-size: 1.6rem;
    --typo-headline6-font-weight: 600;
    --typo-headline6-line-height: calc(2.4 / 1.6);

    --typo-big-copy-subline-font-size: 2rem;
    --typo-big-copy-subline-line-height: calc(2.4 / 2);

    --typo-copy-font-size: 1.6rem;
    --typo-copy-line-height: calc(2.4 / 1.6);

    --typo-copy-bold-font-size: var(--typo-copy-font-size);
    --typo-copy-bold-font-weight: 700;
    --typo-copy-bold-line-height: var(--typo-copy-line-height);

    --typo-link-font-size: var(--typo-copy-font-size);
    --typo-link-font-weight: 700;
    --typo-link-line-height: var(--typo-copy-line-height);
    --typo-link-text-decoration: underline;

    --typo-copy-small-font-size: 1.2rem;
    --typo-copy-small-line-height: calc(1.6 / 1.2);

    --typo-copy-small-bold-font-size: var(--typo-copy-small-font-size);
    --typo-copy-small-bold-font-weight: 700;
    --typo-copy-small-bold-line-height: var(--typo-copy-small-line-height);

    --typo-copy-small-semibold-font-size: var(--typo-copy-small-font-size);
    --typo-copy-small-semibold-font-weight: 600;
    --typo-copy-small-semibold-line-height: var(--typo-copy-small-line-height);

    --typo-button-font-weight: 600;
    --typo-button-text-font-size: 1.6rem;
    --typo-button-text-line-height: calc(2.4 / 1.6);

    --typo-label-font-size: 1.6rem;
    --typo-label-font-weight: 600;
    --typo-label-letter-spacing: var(--typo-letter-spacing--wide);
    --typo-label-line-height: calc(2.4 / 1.6);
    --typo-label-text-transform: uppercase;

    --typo-label-small-font-size: 1.2rem;
    --typo-label-small-font-weight: var(--typo-label-font-weight);
    --typo-label-small-letter-spacing: var(--typo-label-letter-spacing);
    --typo-label-small-line-height: calc(1.6 / 1.2);
    --typo-label-small-text-transform: var(--typo-label-text-transform);

    --typo-highlight-headline-font-size: 3.2rem;
    --typo-highlight-headline-font-weight: 700;
    --typo-highlight-headline-line-height: calc(4 / 3.2);
  }
  :root {
    --u-grid-gap: var(--spacing-16);
  }
  .u-grid {
    --u-grid-template-columns-amount: 8;
  }
  .GiftPrompt {
    --GiftPrompt-copy-size: 1.6rem;
    --GiftPrompt-gap: var(--spacing-16);
    --GiftPrompt-icon-size: var(--spacing-56);
    --GiftPrompt-link-size: 1.4rem;
    --GiftPrompt-padding-inline: var(--spacing-8);
    --GiftPrompt-width: 100%;
  }
  .Rte {
    --typo-headline4-font-size: 2rem;
    --typo-headline4-line-height: calc(2.8 / 2);

    --typo-headline5-font-size: 1.8rem;
    --typo-headline5-line-height: calc(2.4 / 1.8);
  }
  .Viewport {
    --Viewport-content: "md";
  }
  .AuthorsList {
    --AuthorsList-themeList-columns: 3;
  }
  .ChatbotTeaser {
    --ChatbotTeaser-image-max-width: 15rem;
  }

  .ChatbotTeaser-imageContainer {
    --ChatbotTeaser-item-grid-column: 2 / span 2;
  }

  .ChatbotTeaser-content {
    --ChatbotTeaser-item-grid-column: 4 / span 4;
  }
  :root {
    --CheckoutList-grid-column-full: 1 / 8;
    --CheckoutList-grid-column-left: 1 / 5;
    --CheckoutList-grid-column-right: 5 / 8;
  }
  .LayoutButtons {
    --LayoutButtons-grid-column: 1 / 9;
  }
  .GiftCertificate {
    --GiftCertificate-imageHolder-grid-column: 6 / 9;
    --GiftCertificate-text-grid-column: 1 / 6;
  }
  .Highlight {
    --Highlight-headline-line-height: 4rem;
  }

  .Highlight-headline {
    --Highlight-item-grid-column: 2 / span 4;
  }

  .Highlight-media,
  .Highlight-content {
    --Highlight-item-grid-column: 2 / span 6;
  }
  .ImageTeasers-item:nth-child(odd) {
    --ImageTeasers-item-grid-column: 1 / 5;
  }

  .ImageTeasers-item:nth-child(even) {
    --ImageTeasers-item-grid-column: 5 / -1;
  }
  .Infobox {
    --Infobox-columnHeadline-margin: 0 0 var(--spacing-8);
  }
  .Sharing {
    --Sharing-image-grid-column: 3 / 7;
  }
  .Stage {
    --Stage-headline-margin: -3.6rem 0 0;
  }
  .TextMedia--portraitImage:not(.TextMedia--mediaOnly) {
    --TextMedia-media-width: calc(
      var(--TextMedia-column-width) * 7 + var(--u-grid-gap) * 6
    );
  }
  .DonationInfo {
    --DonationInfo-title-margin: var(--spacing-48) 0 0;
  }
  .Footer {
    --Footer-container-padding-bottom: var(--spacing-32);
    --Footer-container-padding-top: var(--spacing-32);
    --Footer-extraContent-padding-top: var(--spacing-32);
    --Footer-logoIcon-height: 2.3rem;
    --Footer-logoIcon-width: 14.6rem;
    --Footer-newsletter-margin: 0 0 var(--spacing-48);
    --Footer-socialNetworks-margin: var(--spacing-24) 0 0;
  }
  .MainNavigation {
    --MainNavigation-nav-padding: var(--spacing-8) var(--spacing-48) var(--spacing-96);
  }
  .SearchBar {
    --SearchBar-searchButton-margin: 0 calc(var(--spacing-24) + var(--spacing-12)) 0 var(--spacing-16);
    --SearchBar-inputHolder-margin-left: calc(var(--spacing-24) + var(--spacing-12));
  }
  .Header {
    --Header-donationButton-margin: 0 var(--spacing-32) 0 0;
    --Header-searchBar-margin: 0 var(--spacing-32) 0 auto;
  }

  .Header-content {
    padding-left: var(--spacing-48);
    padding-right: var(--spacing-48);
  }
}
@media (min-width: 60em) {
  :root {
    --typo-headline1-font-size: 5.6rem;
    --typo-headline1-font-weight: 600;
    --typo-headline1-letter-spacing: var(--typo-letter-spacing--narrow);
    --typo-headline1-line-height: calc(6.4 / 5.6);

    --typo-headline2-font-size: 4.8rem;
    --typo-headline2-font-weight: 600;
    --typo-headline2-letter-spacing: var(--typo-letter-spacing--narrow);
    --typo-headline2-line-height: calc(5.6 / 4.8);

    --typo-headline3-font-size: 4rem;
    --typo-headline3-font-weight: 600;
    --typo-headline3-letter-spacing: var(--typo-letter-spacing--narrow);
    --typo-headline3-line-height: calc(4.8 / 4);

    --typo-headline4-font-size: 3.2rem;
    --typo-headline4-font-weight: 600;
    --typo-headline4-line-height: calc(4 / 3.2);

    --typo-headline5-font-size: 2.4rem;
    --typo-headline5-font-weight: 600;
    --typo-headline5-line-height: calc(3.2 / 2.4);

    --typo-headline6-font-size: 1.6rem;
    --typo-headline6-font-weight: 600;
    --typo-headline6-line-height: calc(2.4 / 1.6);

    --typo-big-copy-subline-font-size: 2.4rem;
    --typo-big-copy-subline-line-height: calc(3.2 / 2.4);

    --typo-copy-font-size: 1.6rem;
    --typo-copy-line-height: calc(2.4 / 1.6);

    --typo-copy-bold-font-size: var(--typo-copy-font-size);
    --typo-copy-bold-font-weight: 700;
    --typo-copy-bold-line-height: var(--typo-copy-line-height);

    --typo-link-font-size: var(--typo-copy-font-size);
    --typo-link-font-weight: 700;
    --typo-link-line-height: var(--typo-copy-line-height);
    --typo-link-text-decoration: underline;

    --typo-copy-small-font-size: 1.2rem;
    --typo-copy-small-line-height: calc(1.6 / 1.2);

    --typo-copy-small-bold-font-size: var(--typo-copy-small-font-size);
    --typo-copy-small-bold-font-weight: 700;
    --typo-copy-small-bold-line-height: var(--typo-copy-small-line-height);

    --typo-copy-small-semibold-font-size: var(--typo-copy-small-font-size);
    --typo-copy-small-semibold-font-weight: 600;
    --typo-copy-small-semibold-line-height: var(--typo-copy-small-line-height);

    --typo-button-font-weight: 600;
    --typo-button-text-font-size: 1.6rem;
    --typo-button-text-line-height: calc(2.4 / 1.6);

    --typo-label-font-size: 1.6rem;
    --typo-label-font-weight: 600;
    --typo-label-letter-spacing: var(--typo-letter-spacing--wide);
    --typo-label-line-height: calc(2.4 / 1.6);
    --typo-label-text-transform: uppercase;

    --typo-label-small-font-size: 1.2rem;
    --typo-label-small-font-weight: var(--typo-label-font-weight);
    --typo-label-small-letter-spacing: var(--typo-label-letter-spacing);
    --typo-label-small-line-height: calc(1.6 / 1.2);
    --typo-label-small-text-transform: var(--typo-label-text-transform);

    --typo-highlight-headline-font-size: 4.8rem;
    --typo-highlight-headline-font-weight: 700;
    --typo-highlight-headline-line-height: calc(5.6 / 4.8);
  }
  .u-typo-headline2-desktop-headline1-mobile {
    font-size: var(--typo-headline2-font-size);
    font-weight: var(--typo-headline2-font-weight);
    letter-spacing: var(--typo-headline2-letter-spacing);
    line-height: var(--typo-headline2-line-height);
  }

  .u-typo-headline4-desktop-headline3-mobile {
    font-size: var(--typo-headline4-font-size);
    font-weight: var(--typo-headline4-font-weight);
    line-height: var(--typo-headline4-line-height);
  }

  .u-typo-copy-desktop-copy-small-mobile {
    font-size: var(--typo-copy-font-size);
    line-height: var(--typo-copy-line-height);
  }

  .u-typo-copy-small-desktop-copy-bold-mobile {
    font-size: var(--typo-copy-small-font-size);
    line-height: var(--typo-copy-small-line-height);
  }
  .captcha {
    --captcha-paragraph-margin: var(--spacing-32) 0 0;
  }
  .webform-flex--container .FskFormElement,
  .FskFormElement:not(:first-child) {
    --fsk-form-element-margin: var(--spacing-32) 0 0;
  }
  .FskOptions--radios {
    --FskFormElement--switcher-margin: var(--spacing-16) 0 0;
    --fsk-radios-fskFormElements-margin: var(--spacing-24);
  }
  :root {
    --FskButton-padding-x: calc(
      var(--spacing-32) - var(--FskButton-border-width)
    );
    --FskButton-padding-y: calc(
      var(--spacing-12) - var(--FskButton-border-width)
    );
  }
  .ContrastSwitcher {
    --ContrastSwitcher-button-inset: auto 50% 0;
    --ContrastSwitcher-button-padding: var(--spacing-8) 0;
    --ContrastSwitcher-content-padding: 0 var(--spacing-16);
    --ContrastSwitcher-textCopy-margin: var(--spacing-8) 0 0;

    position: relative;
    width: -moz-fit-content;
    width: fit-content;
  }

  .ContrastSwitcher.is-open {
    --ContrastSwitcher-button-font-weight: bold;
    --ContrastSwitcher-button-inset: 100% 0 auto;
    --ContrastSwitcher-content-padding: var(--spacing-24) var(--spacing-16) var(--spacing-16);
  }

  .ContrastSwitcher-button::after {
    border-bottom: 0.2rem solid var(--color-brand-green);
    content: '';
    inset: var(--ContrastSwitcher-button-inset);
    position: absolute;
    transition: inset var(--default-transition-time);
    z-index: 2;
  }

  .ContrastSwitcher-buttonText {
    font-weight: var(--ContrastSwitcher-button-font-weight, normal);
    transition: font-weight var(--default-transition-time);
  }

  .ContrastSwitcher-buttonText::after {
    content: attr(title);
    display: block;
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
  }

  .ContrastSwitcher-button:hover {
    --ContrastSwitcher-button-font-weight: bold;
  }

  .ContrastSwitcher-content {
    background: var(--color-decoration-natural--40);
    box-shadow: var(--default-box-shadow);
    position: absolute;
    right: 0;
    top: 100%;
    width: 27.7rem;
  }
  .DonationExample {
    --DonationExample-text-margin-top: -7.2rem;
  }

  .DonationExample--small {
    --DonationExample-text-margin-top: 0;
    --DonationExample-image-width: 7.2rem;
    --DonationExample-flex-gap: var(--spacing-32);
    --DonationExample-flex-direction: row;
  }
  .hs-form {
    --legal-consent-margin: var(--spacing-32) 0;
    --fsk-form-element-margin: var(--spacing-32) 0 0;
  }
  .LoadingAnimation {
    --LoadingAnimation-loader-margin: 0 var(--spacing-24) 0 0 ;
  }
  .ProgressBar {
    --ProgressBar-numbers-flex-direction: column;
    --ProgressBar-progress-margin-top: var(--spacing-24);
    --ProgressBar-text-align: right;
  }

  .ProgressBar--minimal {
    --ProgressBar-numbers-flex-direction: row;
    --ProgressBar-progress-margin-top: var(--spacing-8);
    --ProgressBar-text-align: left;
  }
  .ProgressTracker {
    --ProgressTracker-list-grid-column: 5 / 13;
    --ProgressTracker-list-margin: 0 -3% 0 -5%;
  }

  .ProgressTracker--contentSize {
    --ProgressTracker-list-grid-column: 2 / -2;
    --ProgressTracker-list-margin: 0 -10% var(--spacing-16);
  }
  .Progress {
    --Progress-grid-template-areas:
      "percentage percentage"
      "progressbar progressbar"
      "current target"
  }
  .Rte {
    --Rte-headline-margin-top: var(--spacing-40);
  }
  .Rte {
    --typo-headline3-font-size: 3.6rem;
    --typo-headline3-line-height: calc(4.4 / 3.6);
  }
  .SearchResult {
    --SearchResult-copy-margin: var(--spacing-8) 0 0;
    --SearchResult-image-margin: 0 var(--spacing-32) 0 0;
    --SearchResult-image-width: 18.4rem;
    --SearchResult-tagsContainer-flex-direction: row;
    --SearchResult-text-display: block;
    --SearchResult-time-margin: var(--spacing-8) 0 0;
    --SearchResult-time-before-margin: 0 var(--spacing-16);
  }

  .SearchResult--portrait {
    --SearchResult-image-margin: 0;
    --SearchResult-image-width: 100%;
    --SearchResult-text-display: flex;
    --SearchResult-text-flex-direction: column;
    --SearchResult-time-margin: 0;
  }

  .SearchResult--withoutImage {
    --SearchResult-image-width: 0;
  }
  .Share {
    --Share-icon-font-size: 3rem;
    --Share-network-margin: 0 0 0 var(--spacing-32);
    --Share-networkLink-size: var(--spacing-48);
    --Share-networks-margin: 0 0 0 var(--spacing-56);
  }

  .Share-networkLink--facebook {
    --Share-icon-font-size: 4rem;
  }
  .Tags {
    --Tags-tag-before-margin: 0 var(--spacing-16);
  }
  .Teaser {
    --Teaser-progressBar-margin-top: var(--spacing-24);
    --Teaser-linkButton-margin-top: var(--spacing-24);
  }

  .Teaser--landscape {
    --Teaser-content-padding: 0 var(--spacing-32);
    --Teaser-display: flex;
    --Teaser-engagementLabel-margin-left: var(--spacing-32);
    --Teaser-headline-margin: 0 0 0 -20%;
    --Teaser-image-margin-right: var(--u-grid-gap);
    --Teaser-image-width: 50%;
    --Teaser-linkButton-margin-top: var(--spacing-16);
    --Teaser-linkButton-width: auto;
    --Teaser-text-align-self: center;
    --Teaser-text-display: block;
    --Teaser-text-padding: 0 calc((100% / 6) - 4 * var(--u-grid-gap)) 0 0;
    --Teaser-text-width: 50%;
    --Teaser-textElement-margin: var(--spacing-24) 0 0;
  }

  .Teaser--visualKids.Teaser--landscape {
    --Teaser--visualKids-background: var(--Teaser-visualKids-decoration);
    --Teaser--visualKids-content-background: none;
  }
  .Accordion {
    --Accordion-children-padding-x: var(--spacing-24);
    --Accordion-button-padding: var(--spacing-16) var(--Accordion-children-padding-x);
    --Accordion-contentHolder-grid-column: 1 / -1;
    --Accordion-headline-margin: 0 0 var(--spacing-40);
    --Accordion-icon-size: 4.8rem;
    --Accordion-innerContent-padding: var(--spacing-24) var(--Accordion-children-padding-x);
  }

  .Accordion--narrow {
    --Accordion-contentHolder-grid-column: 2 / 12;
  }

  .Accordion-innerContent--materials {
    --Accordion-innerContent-padding: 0 0 var(--spacing-16);
  }

  .Accordion-content--rightImage,
  .Accordion-content--leftImage {
    --Accordion-media-width: 31.2%;
  }

  .Accordion-content--rightImage {
    --Accordion-media-float: right;
    --Accordion-media-margin: 0 0 0 var(--u-grid-gap);

  }

  .Accordion-content--leftImage {
    --Accordion-media-float: left;
    --Accordion-media-margin: 0 var(--u-grid-gap) 0 0;
  }

  .Accordion-content--topImage {
    --Accordion-media-margin: 0 0 var(--spacing-16);
  }

  .Accordion-content--bottomImage {
    --Accordion-media-margin: var(--spacing-16) 0 0;
  }
  .ArchiveMarker {
    --ArchiveMarker-content-grid-colum: 2 / 12;
  }
  .ArticleMetaInfo {
    --ArticleMetaInfo-first-item-before-width: var(--spacing-24);
    --ArticleMetaInfo-items-grid-column: 2 / 12;
  }
  .AuthorsList {
    --AuthorsList-authorItem-flex-basis: 20%;
    --AuthorsList-headline-margin-bottom: var(--spacing-40);
    --AuthorsList-theme-margin-bottom: var(--spacing-40);
    --AuthorsList-themeHeadline-gap: var(--spacing-24);
    --AuthorsList-themeHeadline-headline-margin-bottom: var(--spacing-32);
    --AuthorsList-themeList-columns: 5;
    --AuthorsList-themeList-gap: var(--spacing-64) var(--spacing-24);
  }
  .Breadcrumb {
    --Breadcrumb-item-margin-x: var(--spacing-16);
    --Breadcrumb-padding-top: var(--spacing-24);

    min-height: var(--breadcrumb-min-height, 0); /* is needed for proper size of the `stage` */
  }
  .Buttons {
    --Buttons-child-margin-side: var(--spacing-24);
  }
  .ChatbotTeaser-imageContainer {
    --ChatbotTeaser-item-grid-column: 2 / span 2;
  }

  .ChatbotTeaser-content {
    --ChatbotTeaser-item-grid-column: 5 / span 7;
  }
  .ContactPersons {
    --ContactPersons-about-grid-column: 1 / span 4;
    --ContactPersons-contact-grid-column: 5 / span 4;
    --ContactPersons-contact-icon-font-size: var(--spacing-24);
    --ContactPersons-contact-margin-top: var(--spacing-4);
    --ContactPersons-contactList-margin-top: var(--spacing-24);
    --ContactPersons-headline-margin-bottom: var(--spacing-40);
    --ContactPersons-image-grid-column: 9 / -1;
    --ContactPersons-image-margin-top: calc(-1 * var(--spacing-72));
    --ContactPersons-person-padding: var(--spacing-56) 0;
  }

  .ContactPersons-socialNetworks--mobile {
    display: none;
  }
  .ContentEmbed {
    --ContentEmbed-inner-grid-colum: 2 / 12;
  }
  .DonationExamples {
    --DonationExamples-headline-margin: 0 0 var(--spacing-32);
    --DonationExamples-itemsHolder-gap: var(--u-grid-gap);
  }

  .DonationExamples-item:nth-child(3n+1) {
    --DonationExamples-item-grid-column: 1 / 5;
  }

  .DonationExamples-item:nth-child(3n+2) {
    --DonationExamples-item-grid-column: 5 / 9;
  }

  .DonationExamples-item:nth-child(3n+3) {
    --DonationExamples-item-grid-column: 9 / -1;
  }
  .DonationTeaser {
    --DonationTeaser-amount-display: flex;
    --DonationTeaser-amount-margin-top: 2.2rem;
    --DonationTeaser-amount-margin: var(--spacing-24) 0 0;
    --DonationTeaser-button-margin: 0 auto 0 0;
    --DonationTeaser-copy-margin: var(--spacing-24) 0 0;
    --DonationTeaser-countdown-margin: var(--spacing-32) 0 var(--spacing-48);
    --DonationTeaser-formHolder-grid-column: 6 / -1;
    --DonationTeaser-formHolder-grid-row: 1;
    --DonationTeaser-formHolder-margin: 0 0 0 calc(-1 * var(--u-grid-gap));
    --DonationTeaser-formHolder-padding: var(--spacing-24) var(--spacing-24) 0
      var(--spacing-32);
    --DonationTeaser-imageContainer-grid-column: 1 / 8;
    --DonationTeaser-imageContainer-grid-row: 1;
    --DonationTeaser-interval-margin: var(--spacing-24) 0 0;
    --DonationTeaser-progress-margin: var(--spacing-32) 0 0;
  }

  .DonationTeaser--inDonationForm {
    --DonationTeaser-formHolder-padding: var(--spacing-24) 0 0 var(--spacing-16);
    --DonationTeaser-formHolder-grid-column: 5 / -1;
    --DonationTeaser-text-padding: 0 0 var(--spacing-24);
  }

  .DonationTeaser--small {
    --DonationTeaser-form-grid-area: 1 / 8 / 2 / 13;
    --DonationTeaser-interval-margin: 0;
    --DonationTeaser-text-grid-area: 1 / 4 / 2 / 8;
    --DonationTeaser-text-margin: 0 0 0 calc(-2 * var(--u-grid-gap));
    --DonationTeaser-text-padding: 0 0 var(--spacing-16) var(--spacing-24);
  }

  .DonationTeaser--progress {
    --DonationTeaser-column-width: calc(
      (100% - ((var(--u-grid-template-columns-amount) - 1) * var(--u-grid-gap))) /
        var(--u-grid-template-columns-amount)
    );
    --DonationTeaser-formHolder-margin: var(--spacing-24) 0 0
      calc(-1 * var(--u-grid-gap));
    --DonationTeaser-headline-margin: calc(-1 * var(--spacing-24)) 0 0
      calc(
        -3 * var(--u-grid-gap) - calc(2 * var(--DonationTeaser-column-width))
      );
    --DonationTeaser-headline-padding: var(--spacing-24) 0 var(--spacing-24)
      var(--spacing-24);
    --DonationTeaser-imageContainer-grid-column: 1 / 6;
  }

  /* stylelint-disable-next-line plugin/selector-bem-pattern */
  .DonationTeaser-amount .FskOptions--radios + .FskFormElement {
    margin: 0 0 0 var(--spacing-24);
  }

  /* stylelint-disable-next-line plugin/selector-bem-pattern */
  .DonationTeaser-amount .FskFormElement {
    margin-top: 0;
  }
  .CheckoutInfo {
    --CheckoutInfo-child-margin: var(--spacing-32) 0 0;
    --CheckoutInfo-content-grid-column: 2 / 12;
  }
  :root {
    --CheckoutList-grid-column-full: 2 / 12;
    --CheckoutList-grid-column-left: 2 / 5;
    --CheckoutList-grid-column-right: 5 / 12;
  }
  .GiftOption {
    --GiftOption-display: flex;
    --GiftOption-image-margin: 0 var(--spacing-48) 0 0;
  }
  .LayoutButtons {
    --LayoutButtons-grid-column: 5 / 13;
    --LayoutButtons-holder-grid-column: 5 / 13;
  }

  .LayoutButtons--checkout {
    --LayoutButtons-grid-column: 2 / 13;
  }

  .LayoutButtons .LayoutButton:first-child {
    --LayoutButtons-button-margin-top: var(--spacing-56);
  }

  .LayoutButtons .LayoutButton:not(:first-child) {
    --LayoutButtons-button-margin-top: var(--spacing-32);
  }

  .LayoutButtons-holder .LayoutButton:first-child,
  .LayoutButtons-holder .LayoutButton:last-child {
    --LayoutButtons-button-margin-top : 0;
  }
  .LayoutFieldset-legend {
    --LayoutFieldset-grid-column: 1 / 4;
  }

  .LayoutFieldset-wrapper {
    --LayoutFieldset-grid-column: 5 / 13;
  }

  .LayoutFieldset-wrapper--fullWidth {
    --LayoutFieldset-grid-column: 1 / -1;
  }

  .LayoutFieldset--contentWithTeaser .LayoutFieldset-wrapper {
    --LayoutFieldset-grid-column: 1 / -1;
  }

  .LayoutFieldset-fieldset--2columns {
    --LayoutFieldset-wrapper-grid-template-columns: repeat(2, 1fr);
    --LayoutFieldset-wrapper-margin-bottom: var(--spacing-40);
  }
  .PaymentAmount {
    --PaymentAmount-examples-margin: var(--spacing-32) 0 0;
  }

  .PaymentAmount-amount {
    --PaymentAmount-amount-display: flex;
    --PaymentAmount-amount-margin-top: 2.2rem;
  }

  .PaymentAmount-amount .FskOptions--radios + .FskFormElement {
    margin-left: var(--spacing-24);
    width: 100%;
  }

  .PaymentAmount-amount .FskFormElement {
    margin-top: 0;
  }
  .StripeElement {
    --StripeElement-margin: var(--spacing-32) 0 0;
  }
  .webform-flexbox {
    display: flex;
  }

  .webform-flexbox .webform-flex:not(:first-child) {
    margin-left: var(--spacing-24);
  }

  .webform-flex--1 {
    flex: 1;
  }

  .webform-flex--2 {
    flex: 2;
  }

  .webform-flex--3 {
    flex: 3;
  }

  .webform-flex--4 {
    flex: 4;
  }

  .webform-flex--5 {
    flex: 5;
  }

  .webform-flex--6 {
    flex: 6;
  }
  .ContactsList {
    --ContactsList-item-margin: var(--spacing-32) 0 0;
  }
  .FurtherQuestions {
    --FurtherQuestions-column-grid-column: 1/6;
    --FurtherQuestions-columnTitle-margin: 0 0 var(--spacing-8);
    --FurtherQuestions-content-margin: var(--spacing-32) 0 0;
    --FurtherQuestions-content-padding: var(--spacing-32) 0;
  }

  .FurtherQuestions-column:last-child {
    --FurtherQuestions-column-grid-column: 7/-1;
  }
  .GiftCertificate {
    --GiftCertificate-copy-width: 60%;
    --GiftCertificate-imageHolder-grid-column: 8 / -2;
    --GiftCertificate-text-grid-column: 2 / 8;
    --GiftCertificate-title-grid-column: 2 / -2;
    --GiftCertificate-title-margin: 0 0 var(--spacing-40);
  }
  .GreenwireTeaser {
    --GreenwireTeaser-additionalInfo-border-width: 0 0 0 0.2rem;
    --GreenwireTeaser-additionalInfo-grid-column: 6 / 9;
    --GreenwireTeaser-additionalInfo-margin: 0 0 0 var(--spacing-24);
    --GreenwireTeaser-additionalInfo-padding: 0 0 0 var(--spacing-48);
    --GreenwireTeaser-additionalInfoCopy-margin: var(--spacing-32) 0 0;
    --GreenwireTeaser-button-margin: var(--spacing-32) 0 0;
    --GreenwireTeaser-content-padding: var(--spacing-56) 0 var(--spacing-32);
    --GreenwireTeaser-contentHeadline-margin: 0 0 var(--spacing-16);
    --GreenwireTeaser-details-gap: var(--spacing-16);
    --GreenwireTeaser-image-desktop-display: block;
    --GreenwireTeaser-image-mobile-display: none;
    --GreenwireTeaser-logo-margin: var(--spacing-16) 0 0;
    --GreenwireTeaser-logo: 15rem;
    --GreenwireTeaser-mainInfo-grid-column: 1 / 6;
    --GreenwireTeaser-moreDetails-margin: var(--spacing-32) 0 0;
  }

  .GreenwireTeaser-topic:not(.GreenwireTeaser-topic--withoutGroupForm) {
    border-left: 0.1rem solid currentColor;
    padding: 0 0 0 var(--spacing-16);
  }

  .GreenwireTeaser-imageContainer {
    grid-column: 9 / 13;
    margin: calc(-1 * var(--spacing-80)) 0 0;
    padding: 0 var(--spacing-16);
  }

  .GreenwireTeaser-additionalInfo--middleAligment {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .Highlight {
    --Highlight-button-margin-block-start: var(--spacing-32);
    --Highlight-content-margin-inline-start: var(--spacing-24);
    --Highlight-headline-line-height: 5.6rem;
    --Highlight-media-margin-block-start: calc((var(--spacing-64) + var(--spacing-48)) * -1);
    --Highlight-padding-block: var(--spacing-64);
    --Highlight-item-grid-row: 1 / -1;
  }

  .Highlight-headline,
  .Highlight-media {
    --Highlight-item-grid-column: 2 / span 4;
  }

  .Highlight-content {
    --Highlight-item-grid-column: 6 / span 6;
  }

  .Highlight-content:only-child {
    --Highlight-item-grid-column: 2 / span 10;
  }

  .Highlight--left .Highlight-headline,
  .Highlight--left .Highlight-media {
    --Highlight-item-grid-column: 8 / span 4;
  }

  .Highlight--left .Highlight-headline {
    --Highlight-headline-text-align: right;
  }

  .Highlight--left .Highlight-content {
    --Highlight-item-grid-column: 2 / span 6;
  }

  .Highlight-headline--zigzag::after {
    --Highlight-headline-after-height: calc(5 * var(--Highlight-headline-line-height));
    --Highlight-headline-after-width: calc(5 * var(--Highlight-headline-line-height));
  }

  .Highlight-headline--squiggle::after {
    --Highlight-headline-after-height: calc(4 * var(--Highlight-headline-line-height));
    --Highlight-headline-after-width: calc(4 * var(--Highlight-headline-line-height));
  }

  .Highlight-headline--zigzag::after,
  .Highlight-headline--squiggle::after {
    --Highlight-headline-after-inset: 50% 0 0 50%;
  }

  .Highlight--left .Highlight-headline--zigzag::after,
  .Highlight--left .Highlight-headline--squiggle::after {
    --Highlight-headline-after-inset: 50% 0 0 65%;
  }

  .Highlight--left .Highlight-headline--marker::after {
    --Highlight-headline-after-background-position: 100% 0, 100% var(--Highlight-headline-line-height), 100% calc(2 * var(--Highlight-headline-line-height)), 100% calc(3 * var(--Highlight-headline-line-height));
  }
  .ImageGallery {
    --ImageGallery-headline-margin-bottom: var(--spacing-40);
    --ImageGallery-pseudo-content: "";
    --ImageGallery-slide-gap: var(--spacing-24);
    --ImageGallery-image-height: 47rem;
    --ImageGallery-title-opacity: 1;
    --ImageGallery-title-position: absolute;
    --ImageGallery-title-position-left: var(--spacing-16);
    --ImageGallery-title-position-bottom: calc(var(--spacing-16) * -1);
    --ImageGallery-title-width: auto;
    --ImageGallery-title-max-width: calc(100% - (var(--spacing-16) * 2));
    --ImageGallery-info-position-left: 0;
    --ImageGallery-info-width: 100%;
    --ImageGallery-info-margin-top: var(--spacing-32);
    --ImageGallery-info-opacity: 1;
  }
  .ImageTeasers {
    --ImageTeasers-headline-margin: 0 0 var(--spacing-64);
  }

  .ImageTeasers-item:nth-child(3n+1) {
    --ImageTeasers-item-grid-column: 1 / 5;
  }

  .ImageTeasers-item:nth-child(3n+2) {
    --ImageTeasers-item-grid-column: 5 / 9;
  }

  .ImageTeasers-item:nth-child(3n+3) {
    --ImageTeasers-item-grid-column: 9 / -1;
  }
  .Infobox {
    --Infobox-columnHeadline-margin: 0 0 var(--spacing-24);
    --Infobox-columnRte-margin: var(--spacing-24) 0 0;
    --Infobox-content-padding: var(--spacing-48) var(--spacing-40);
    --Infobox-headline-margin: 0 0 var(--spacing-40);
    --Infobox-icon-position-left: var(--spacing-40);
  }

  .Infobox-columns--2 {
    --Infobox-columns-gap: var(--spacing-64);
  }
  .List {
    --List-content-grid-colum: 2 / 12;
  }
  .MaterialHeader {
    --MaterialHeader-headlines-grid-column: 2 / 12;
    --MaterialHeader-subline-margin-top: var(--spacing-16);
    --MaterialHeader-meta-info-margin-top: var(--spacing-56);
  }
  .Material {
    --Material-content-grid-column: 2 / 12;
    --Material-inputs-min-height: 100%;
    --Material-inputs-width: 22%;
    --Material-label-padding: 0 var(--spacing-8);
  }

  .Material--element {
    --Material-content-grid-column: 1 / -1;
  }

  .Material-imageHolder--info {
    --Material-imageHolder-height: 16rem;
    --Material-imageHolder-width: 18.4rem;
  }

  .Material-inputs[\:has\(input\[type\%3D\%22checkbox\%22\]\)] {
    --Material-inputs-align-items: flex-end;
    --Material-inputs-min-height: 0;

    align-self: flex-end;
  }

  .Material-inputs:has(input[type="checkbox"]) {
    --Material-inputs-align-items: flex-end;
    --Material-inputs-min-height: 0;

    align-self: flex-end;
  }
  .PetitionTeaser {
    --PetitionTeaser-button-margin: var(--spacing-32) 0 0;
    --PetitionTeaser-headline-line-height: 4.8rem;
    --PetitionTeaser-headline-margin: var(--spacing-16) 0 0;
    --PetitionTeaser-inner-padding: var(--spacing-32) 0;
    --PetitionTeaser-progressBar-grid-column: 8 / -1;
    --PetitionTeaser-progressBar-margin-top: 0;
    --PetitionTeaser-text-grid-column: 1 / 8;
  }

  .PetitionTeaser--general {
    --PetitionTeaser-text-grid-column: 1 / 10;
  }
  .Quote {
    --Quote-author-padding-left: var(--spacing-16);
    --Quote-author-position-margin-top: var(--spacing-8);
    --Quote-content-grid-column: 3 / 12;
    --Quote-content-padding-top: var(--spacing-24);
    --Quote-image-container-grid-column: 2 / 3;
    --Quote-symbol-font-size: 16rem;
  }

  .Quote--withImage {
    --Quote-content-grid-column: 4 / 12;
    --Quote-image-container-grid-column: 2 / 4;
    --Quote-image-max-width: 16rem;
  }

  .Quote-content--paddingless {
    --Quote-content-padding-top: initial;
  }
  .Rating {
    --Rating-headline-margin: 0 0 var(--spacing-40);
  }
  .SearchResults {
    --SearchResults-headline-margin: var(--spacing-80) 0 var(--spacing-40);
    --SearchResults-item-margin: var(--spacing-32) 0 0;
    --SearchResults-items--grid-columns: 3;
    --SearchResults-loading-margin: var(--spacing-80) 0 0;
  }
  .Filters {
    --Filters-extendableArea-opacity: 1;
    --Filters-extendableArea-overflow: visible;
    --Filters-padding: var(--spacing-32) 0;
    --Filters-row-button-margin: var(--spacing-32) 0 0;
    --Filters-row-grid-gap: var(--u-grid-gap);
    --Filters-row-kids-margin: var(--spacing-16) 0 0;
    --Filters-toggle-display: none;
  }

  .Filters-row--general > *:first-child,
  .Filters-row--general > *:nth-child(5) {
    --Filters-child-grid-column: 1 / 4;
  }

  .Filters-row--general > *:nth-child(2),
  .Filters-row--general > *:nth-child(6) {
    --Filters-child-grid-column: 4 / 7;
  }

  .Filters-row--general > *:nth-child(3) {
    --Filters-child-grid-column: 7 / 10;
  }

  .Filters-row--general > *:nth-child(4) {
    --Filters-child-grid-column: 10 / 13;
  }
  .Query {
    --Query-headline-margin: 0 0 var(--spacing-16);
    --Query-inputHolder-grid-column: 1 / 8;
    --Query-searchButton-margin: 0 0 0 var(--spacing-16);
  }
  .Sorting {
    --Sorting-currentSort-margin: 0 var(--spacing-8) 0 0;
  }
  .Search {
    --Search-filters-margin: var(--spacing-32) 0 0;
    --Search-resultsAmount-margin: var(--spacing-80) 0 0;
    --Search-resultsSorting-margin: var(--spacing-80) 0 0;
  }
  .Sharing {
    --Sharing-image-grid-column: 2 / 5;
    --Sharing-subline-margin: var(--spacing-8) 0 0;
    --Sharing-text-grid-column: 5 / 12;
    --Sharing-text-margin: 0 var(--spacing-40);
  }

  .Sharing--withoutMedia {
    --Sharing-subline-margin: var(--spacing-24) 0 0;
    --Sharing-text-grid-column: 2 / 12;
    --Sharing-text-margin: 0;
  }
  .Stage {
    --Stage-button-margin: var(--spacing-32) 0 0;
    --Stage-copy-margin: var(--spacing-32) 0 0;
    --Stage-headline-margin: 0;
    --Stage-headline-width: 165%;
    --Stage-headlineMarker-inset: var(--spacing-8);
    --Stage-image-column: 5 / -1;
    --Stage-image-position-left: 0;
    --Stage-info-column: 1 / 5;
    --Stage-info-padding: var(--spacing-80) 0;
    --Stage-min-height: calc(100vh - var(--header-height--desktop));
    --Stage-share-margin-top: var(--spacing-32);
    --Stage-subline-margin: var(--spacing-16) 0 0;
  }

  /* stylelint-disable-next-line */
  .with-breadcrumb .Stage {
    --Stage-min-height: calc(
      100vh - var(--header-height--desktop) - var(--breadcrumb-min-height)
    );
  }

  .Stage .FlexEmbed,
  .Stage .FlexEmbed-ratio {
    height: 100% !important;
    padding-bottom: 0 !important;
  }

  .Stage .Image {
    object-fit: cover;
  }

  .Stage-info,
  .Stage-image {
    grid-row: 1 / -1;
  }

  .Stage--right {
    --Stage-image-column: 1 / 9;
    --Stage-info-column: 9 / -1;
    --Stage-headline-position-left: calc(100% - var(--Stage-headline-width));

    text-align: right;
  }

  .Stage--small {
    --Stage-min-height: 50rem;
  }

  .Stage--small .Stage-info--bottom {
    align-items: flex-end;
  }

  .Stage--small .Stage-info--top {
    align-items: flex-start;
  }

  /* start Stage with donation form */
  .Stage--withDonationForm .Stage-link {
    display: none;
  }

  .Stage-form {
    align-items: flex-end;
    align-self: end;
    background: var(--color-white);
    display: flex;
    gap: var(--spacing-16);
    grid-column: 5 / -1;
    grid-row: 1 / -1;
    justify-self: self-start;
    margin-bottom: var(--spacing-40);
    padding: 0 var(--spacing-16) var(--spacing-16);
    z-index: 1;
  }

  .Stage--right .Stage-form {
    grid-column: 1 / 9;
    justify-self: self-end;
  }

  .Stage-interval {
    padding: var(--spacing-8) 0 0;
  }

  .Stage-amount .FskFieldset-wrapper > .FskFormElement {
    align-items: flex-start;
    margin: 0 0 0 var(--spacing-16);
    width: var(--spacing-120);
  }

  .Stage-amount .FskOptions--radios,
  .Stage-amount .FskOptions--radios .FskFormElement {
    margin: 0;
  }

  .Stage-amount .FskOptions--radios .FskFormElement:first-child .FskFormElementLabel,
  .Stage-amount .FskOptions--radios .FskFormElement:nth-child(4) .FskFormElementLabel {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0;
  }

  .Stage-amount .FskOptions--radios .FskFormElement:last-child .FskFormElementLabel,
  .Stage-amount .FskOptions--radios .FskFormElement:nth-child(3) .FskFormElementLabel {
    border-bottom-left-radius: 0;
    border-left: 0;
    border-top-left-radius: 0;
  }

  .Stage-amount .FskOptions--radios .FskFormElement:nth-child(2) .FskFormElementLabel,
  .Stage-amount .FskOptions--radios .FskFormElement:nth-child(5) .FskFormElementLabel {
    border-radius: 0;
  }

  .Stage-amount .FskOptions .FskFormElementLabel {
    min-width: 5.8rem;
  }

  /* end Stage with donation form */
  .SubNavigation {
    font-weight: bold;
    position: relative;
  }

  .SubNavigation-copy,
  .SubNavigation-button {
    display: none;
  }

  .SubNavigation::after {
    border-bottom: 0.2rem solid var(--color-decoration-natural);
    bottom: 0;
    content: '';
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100vw;
  }

  .SubNavigation-list {
    display: flex;
    gap: var(--spacing-40);
  }

  .SubNavigation-link {
    padding: 0 0 var(--spacing-8);
  }

  .SubNavigation-link::after {
    border-bottom: var(--spacing-4) solid var(--color-kids-blue);
    content: '';
    inset: auto 50% 0;
    position: absolute;
    transition: inset var(--default-transition-time);
    z-index: 2;
  }

  .SubNavigation-link--active::after,
  .SubNavigation-link:hover::after {
    inset: auto 0 0;
  }
  .Teasers {
    --Teasers-headline-margin: 0 0 var(--spacing-40);
  }

  .Teasers--1columns {
    --Teasers-item-grid-column: 1 / -1;
  }

  .Teasers--2columns .Teasers-item:nth-child(odd) {
    --Teasers-item-grid-column: 1 / 7;
  }

  .Teasers--2columns .Teasers-item:nth-child(even) {
    --Teasers-item-grid-column: 7 / -1;
  }

  .Teasers--3columns .Teasers-item:nth-child(3n+1) {
    --Teasers-item-grid-column: 1 / 5;
  }

  .Teasers--3columns .Teasers-item:nth-child(3n+2) {
    --Teasers-item-grid-column: 5 / 9;
  }

  .Teasers--3columns .Teasers-item:nth-child(3n+3) {
    --Teasers-item-grid-column: 9 / -1;
  }

  .Teasers--2columns .Teaser-copyright,
  .Teasers--3columns .Teaser-copyright {
    left: auto;
    right: var(--spacing-8);
  }
  .TextMedia {
    --TextMedia-column-width: calc(
      (100% - ((var(--u-grid-template-columns-amount) - 3) * var(--u-grid-gap))) /
        (var(--u-grid-template-columns-amount) - 2)
    );
    --TextMedia-content-grid-colum: 2 / 12;
  }

  .TextMedia--fullWidth {
    --TextMedia-content-grid-colum: 1 / -1;
  }

  .TextMedia--right {
    --TextMedia-media-margin: 0 0 var(--spacing-16)
      var(--TextMedia-media-side-margin);
  }

  .TextMedia--left {
    --TextMedia-media-margin: 0 var(--TextMedia-media-side-margin)
      var(--spacing-16) 0;
  }

  .TextMedia--landscapeImage:not(.TextMedia--mediaOnly) {
    --TextMedia-media-width: calc(
      var(--TextMedia-column-width) * 5 + var(--u-grid-gap) * 4
    );
  }

  .TextMedia--portraitImage:not(.TextMedia--mediaOnly) {
    --TextMedia-media-width: calc(
      var(--TextMedia-column-width) * 4 + var(--u-grid-gap) * 3
    );
  }

  .TextMedia--mediaVideo:not(.TextMedia--mediaOnly) {
    --TextMedia-media-width: calc(
      var(--TextMedia-column-width) * 6 + var(--u-grid-gap) * 5
    );
  }

  .TextMedia--landscapeImage.TextMedia--mediaOnly {
    --TextMedia-media-padding: 0 var(--spacing-16);
    --TextMedia-media-width: 100%;
  }

  .TextMedia--portraitImage.TextMedia--mediaOnly {
    --TextMedia-media-width: calc(
      var(--TextMedia-column-width) * 4 + var(--u-grid-gap) * 5
    );
  }
  .AffiliatesMenu {
    justify-content: center;
  }
  .DonationInfo {
    --DonationInfo-title-margin: var(--spacing-32) 0 0;
  }
  .Footer {
    --Footer-bottomContent-padding: var(--spacing-12) 0;
    --Footer-container-padding-bottom: var(--spacing-24);
    --Footer-container-padding-top: var(--spacing-32);
    --Footer-donationInfo-grid-column: 5 / -1;
    --Footer-extraContent-padding-bottom: var(--spacing-40);
    --Footer-extraContent-padding-top: var(--spacing-24);
    --Footer-logo-padding: var(--spacing-24) var(--spacing-16);
    --Footer-logoIcon-height: 2.6rem;
    --Footer-logoIcon-width: 16rem;
    --Footer-newsletter-grid-column: 1 / 4;
    --Footer-taxInfo-padding: var(--spacing-16) 0 var(--spacing-16) calc(2 * var(--spacing-120));
  }

  .Footer-extraContent {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

  .Footer-logo {
    bottom: 0;
  }
  .DropdownList {
    --DropdownList-submenu-transition: opacity;

    column-count: 3;
    column-gap: var(--u-grid-gap, var(--spacing-16));
  }

  .DropdownList-item:not(:last-child) {
    --DropdownList-item-margin: 0 0 var(--spacing-24);
  }

  .DropdownList-label:hover {
    --DropdownList-label-color: var(--color-brand-green);
    --DropdownList-icon-transform: rotate(-90deg) translateY(var(--spacing-4));
  }

  .DropdownList-submenu {
    opacity: var(--DropdownList-submenu-opacity, 0);
    z-index: var(--DropdownList-submenu-z-index, -1);
  }

  .DropdownList-label.is-active + .DropdownList-submenu {
    --DropdownList-submenu-opacity: 1;
    --DropdownList-submenu-z-index: 1;
  }
  .DropdownMenu {
    --DropdownMenu-border: 0.2rem solid var(--color-decoration-natural);
    --DropdownMenu-list--grid-column: 1 / 10;
    --DropdownMenu-list-margin: var(--spacing-32) 0 0;
    --DropdownMenu-padding: var(--spacing-16) var(--spacing-16)
      var(--spacing-32);

    background: var(--color-white);
    border-top: var(--DropdownMenu-border);
    box-shadow: var(--default-box-shadow--bottom);
  }

  .DropdownMenu::before {
    background: var(--color-white);
    border-top: var(--DropdownMenu-border);
    box-shadow: var(--default-box-shadow--bottom);
    content: "";
    inset: -0.2rem auto 0 50%;
    max-width: var(--Header-width, none);
    position: absolute;
    transform: translateX(-50%);
    width: var(--viewport-width);
    z-index: -1;
  }
  .DropdownSubmenu {
    --DropdownSubmenu-backButton-display: flex;
    --DropdownSubmenu-backIcon-transform: rotate(180deg);
    --DropdownSubmenu-content-grid-column: 3 / 12;
    --DropdownSubmenu-list-margin: var(--spacing-32) 0 0;

    background: var(--color-white);
    left: 0;
    min-height: 100%;
    padding: var(--spacing-16) var(--spacing-8) 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  .DropdownSubmenu-backButton {
    align-self: center;
    cursor: pointer;
    grid-column: 1 / 3;
    text-align: left;
  }

  .DropdownSubmenu-backIcon {
    display: inline-flex;
    font-size: 2rem;
    margin: 0 var(--spacing-8) 0 0;
    transform: var(--DropdownSubmenu-backIcon-transform, none);
    transition: transform var(--default-transition-time);
  }

  .DropdownSubmenu-backButton:hover {
    --DropdownSubmenu-backIcon-transform: rotate(180deg)
      translateX(var(--spacing-4));
  }

  .DropdownSubmenu-backText {
    border-right: 0.2rem solid currentColor;
    flex: 1;
    padding: 0 var(--spacing-8) var(--spacing-12) 0;
  }
  .OverviewLink {
    --OverviewLink-copy-margin: var(--spacing-4) 0 0;
    --OverviewLink-margin: 0 0 0 calc(-1 * var(--spacing-16));

    padding: var(--spacing-16);
    transition: background-color var(--default-transition-time);
  }

  .OverviewLink:hover {
    --OverviewLink-background: var(--color-decoration-brand-green--10);
    --OverviewLink-icon-transform: translateX(var(--spacing-4));
  }

  .OverviewLink-copy {
    align-items: center;
    display: flex;
  }

  .OverviewLink-icon {
    --OverviewLink-icon-font-size: 2.4rem;

    margin: 0 0 0 var(--spacing-8);
    transition: transform var(--default-transition-time);
  }
  .MainNavigation {
    --MainNavigation-button-display: none;
    --MainNavigation-dropdownMenu-transition: transform;
    --MainNavigation-label-padding: var(--spacing-24) 0;
  }

  .MainNavigation-item {
    align-items: center;
    display: flex;
  }

  .MainNavigation-item:not(:first-child) {
    margin-left: var(--spacing-8);
  }

  .MainNavigation-item:not(:last-child) {
    margin-right: var(--spacing-8);
  }

  .MainNavigation-label.is-active,
  .MainNavigation-item:hover {
    --MainNavigation-label-font-weight: 700;
    --MainNavigation-label-pseudoElement-scale: 1;
  }

  .MainNavigation-label {
    flex-direction: column;
    justify-content: center;
  }

  /* to prevent content shift when menu item is hovered */
  .MainNavigation-label::before {
    content: attr(title);
    display: block;
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
  }

  .MainNavigation-label::after {
    border-bottom: 0.2rem solid var(--color-brand-green);
    content: "";
    height: 0;
    inset: auto 0 -0.2rem;
    position: absolute;
    transform: scaleX(var(--MainNavigation-label-pseudoElement-scale, 0));
    transition: transform var(--default-transition-time);
    z-index: 1; /* to be on the top of the dropdown menu */
  }

  .MainNavigation-label.is-active + .MainNavigation-dropdownMenu {
    --MainNavigation-dropdownMenu-translateY-value: 0;
  }

  .MainNavigation-dropdownMenu {
    --MainNavigation-dropdownMenu-translateY-value: -100%;

    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(var(--MainNavigation-dropdownMenu-translateY-value));
    z-index: -2;
  }
  .MetaNavigation {
    --MetaNavigation-link-padding: var(--spacing-8) 0;

    border-bottom: 0.2rem solid var(--color-decoration-natural);
  }

  .MetaNavigation-list {
    align-items: center;
    justify-content: flex-end;
  }

  .MetaNavigation-item {
    display: inline-flex;
  }

  .MetaNavigation-item + .MetaNavigation-item {
    margin-left: var(--spacing-32);
  }

  .MetaNavigation-link--openSearchBar {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
  }

  .MetaNavigation-linkIcon {
    font-size: 1.7em;
    margin-right: var(--spacing-4);
  }
  .SearchBar {
    --SearchBar-form-bottom: 0;
    --SearchBar-form-left: 21%;
    --SearchBar-form-right: var(--spacing-12);
    --SearchBar-form-top: calc(-1 * var(--main-navigation-height));
    --SearchBar-openButton-display: none;
    --SearchBar-openButtonIcon-font-size: 2.4rem;
    --SearchBar-openButtonIcon-margin: 0 0 var(--spacing-8);
    --SearchBar-searchButton-margin: 0 var(--spacing-56);
    --SearchBar-searchButtonIcon-font-size: 2.4rem;
    --SearchBar-searchButtonIcon-margin: 0 0 0 var(--spacing-4);
  }
  .Header {
    --Header-donationButton-font-size: 1.4rem;
    --Header-logo-icon-height: 3.3rem;
    --Header-logo-icon-width: 20.24rem;
    --Header-top: calc(-1 * var(--meta-navigatation-height));
  }

  .Header--kids {
    --Header-logo-icon-height: 4rem;
    --Header-logo-icon-width: 21.8rem;
  }

  .Header--jags {
    --Header-logo-icon-height: 6rem;
  }

  .Header-mainNavigation {
    flex: 1;
    margin: 0 var(--spacing-24);
    max-width: 60rem;
  }

  .Header-content::before {
    background: var(--color-white);
    content: '';
    inset: 0 auto 0 50%;
    max-width: var(--Header-width, none);
    position: absolute;
    transform: translateX(-50%);
    width: var(--viewport-width);
    z-index: -1;
  }

  .Header-mainNavigation::after {
    content: '';
  }
  .OverlayTeaser-closed {
    --OverlayTeaser-max-width: 83%;
    --OverlayTeaser-image-width: 19.3rem;
    --OverlayTeaser-openButton-font-size: 4rem;
    --OverlayTeaser-text-margin: var(--spacing-16) 0;
    --OverlayTeaser-padding: 0 var(--spacing-16);
    --OverlayTeaser-image-top: calc(var(--spacing-16) * -1);
  }

  .OverlayTeaser-opened {
    --OverlayTeaser-max-width: 65rem;
    --OverlayTeaser-openedConent-display: flex;
    --OverlayTeaser-image-width: 14.4rem;
    --OverlayTeaser-image-top: 0;
    --OverlayTeaser-image-margin: var(--spacing-16) var(--spacing-16) 0 0;
    --OverlayTeaser-text-margin: var(--spacing-16) 0;
    --OverlayTeaser-headline-margin: 0 var(--OverlayTeaser-close-button-width) 0 0;
  }

  .OverlayTeaser-opened .OverlayTeaser-buttons {
    /* stylelint-disable-next-line */
    --Buttons-child-margin-side: var(--spacing-12);
  }
  .Page-main,
  .Page-main .MaterialHeader + .Material {
    --Page-main-child-margin-top: var(--spacing-80);
    --Page-main-margin-bottom: var(--spacing-120);
  }

  .Page-main .TextMedia + .TextMedia {
    --Page-main-child-margin-top: var(--spacing-32);
  }

  .Page-main .ArchiveMarker + .TextMedia,
  .Page-main .Material + .Material {
    --Page-main-child-margin-top: var(--spacing-24);
  }

  .Page-main .Material,
  .Page-main .ExpendableBlock {
    --Page-main-child-margin-top: var(--spacing-32);
  }

  .Page-main .Highlight {
    --Page-main-child-margin-top: var(--spacing-120);
  }

  .Page-main--withBreadcrumbs .Stage:not(.Dialog .Stage),
  .Page-main--withBreadcrumbs .PaymentForm--reducedMargin,
  .Page-main--withBreadcrumbs .DonationTeaser--firstOnPage {
    --Page-main-child-margin-top: var(--spacing-24);
  }
}
@media (min-width: 35.625em) {
  body {
    --body-font-size: 1.6rem;
    --body-line-height: calc(2.4 / 1.6);
  }
  .Lightbox {
    --Lightbox-closeButton-right: var(--spacing-16) ;
    --Lightbox-closeButton-top: var(--spacing-16) ;
    --Lightbox-content-max-width: 65rem;
    --Lightbox-copy-margin: var(--spacing-16) 0 0;
    --Lightbox-link-margin: var(--spacing-24) 0 0;
  }

  .Lightbox-content--wide {
    --Lightbox-content-padding: var(--spacing-16) var(--spacing-32);
  }
  .ChatbotTeaser {
    --ChatbotTeaser-padding-block: var(--spacing-32);
    --ChatbotTeaser-content-item-margin-block-start: var(--spacing-24);
  }
  .CheckoutListItem {
    --CheckoutListItem-header-padding: var(--spacing-12) 0;
    --CheckoutListItem-icon-margin-right: var(--spacing-16);
    --CheckoutListItem-item-margin-top: var(--spacing-16);
    --CheckoutListItem-list-margin-top: var(--spacing-32);
  }
  .CheckoutList {
    --CheckoutList-item-margin-top: var(--spacing-56);
  }
  .GiftCertificate {
    --GiftCertificate-button-margin: var(--spacing-32) 0 0;
    --GiftCertificate-share-margin: var(--spacing-64) 0 0;
    --GiftCertificate-shareLink-width: var(--spacing-48);
  }

  .GiftCertificate-imageHolder--mobile {
    display: none;
  }
  .Material {
    --Material-button-align-self: flex-end;
    --Material-imageHolder-width: 11rem;
  }
  .Motive {
    --Motive-confirmation-margin: var(--spacing-16) 0 var(--spacing-40);
    --Motive-copy-margin: 0 0 var(--spacing-32);
    --Motive-variantsHolder-flex-direction: row;
  }

  .Motive-variants {
    display: grid;
    grid-column: var(--Motive-preview-middleColumn) / -1;
    grid-template-columns: repeat(var(--Motive-variants-items-per-row), 1fr);
  }

  .Motive-variantsHolder {
    display: grid;
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: var(--u-grid-gap);
    grid-template-columns: repeat(var(--Motive-variantsHolder-columns), 1fr);
  }

  .Motive-preview {
    grid-column: 1 / var(--Motive-preview-middleColumn);
  }

  .Motive--small {
    --Motive-preview-middleColumn: 10;
    --Motive-variants-items-per-row: 3;
    --Motive-variantsHolder-columns: 22;
  }

  .Motive--medium {
    --Motive-preview-middleColumn: 8;
    --Motive-variants-items-per-row: 4;
    --Motive-variantsHolder-columns: 20;
  }

  .Motive--large {
    --Motive-preview-middleColumn: 7;
    --Motive-variants-items-per-row: 5;
    --Motive-variantsHolder-columns: 20;
  }

  .Motive--huge {
    --Motive-preview-middleColumn: 10;
    --Motive-variants-items-per-row: 4;
    --Motive-variantsHolder-columns: 20;
  }
  .AffiliatesMenu {
    --AffiliatesMenu-item--margin: 0 0 0 var(--spacing-8);
  }

  .AffiliatesMenu-item:not(:first-child)::before {
    background: var(--color-brand-green);
    content: '';
    height: var(--spacing-16);
    margin: 0 var(--spacing-8) 0 0;
    width: 0.1rem;
  }
  .DonationInfo-columns {
    display: flex;
  }

  .DonationInfo-bankNote {
    margin-left: var(--u-grid-gap, var(--spacing-16));
  }
  .LegalMenu {
    --LegalMenu-item-margin: 0 0 0 var(--spacing-32);

    display: flex;
  }
  .SocialNetworks {
    align-items: center;
    display: inline-flex;
  }
}
@media (max-width: 59.9375em) {
  body.is-fixed {
    overflow: hidden;
  }
  .u-typo-headline2-desktop-headline1-mobile {
    font-size: var(--typo-headline1-font-size);
    font-weight: var(--typo-headline1-font-weight);
    letter-spacing: var(--typo-headline1-letter-spacing);
    line-height: var(--typo-headline1-line-height);
  }

  .u-typo-headline4-desktop-headline3-mobile {
    font-size: var(--typo-headline3-font-size);
    font-weight: var(--typo-headline3-font-weight);
    letter-spacing: var(--typo-headline3-letter-spacing);
    line-height: var(--typo-headline3-line-height);
  }

  .u-typo-copy-desktop-copy-small-mobile {
    font-size: var(--typo-copy-small-font-size);
    line-height: var(--typo-copy-small-line-height);
  }

  .u-typo-copy-small-desktop-copy-bold-mobile {
    font-size: var(--typo-copy-bold-font-size);
    font-weight: var(--typo-copy-bold-font-weight);
    line-height: var(--typo-copy-bold-line-height);
  }
 .captcha {
   --captcha-paragraph-margin: var(--spacing-16) 0 0;
 }
  .FskButton--reduced {
    --FskButton-icon-margin: 0;
  }
  .webform-flex--container .FskFormElement,
  .FskFormElement:not(:first-child) {
    --fsk-form-element-margin: var(--spacing-16) 0 0;
  }
  .FskOptions--radios {
    --FskFormElement--switcher-margin: var(--spacing-4) 0 0;
    --fsk-radios-fskFormElements-margin: var(--spacing-12);
  }
  .FskStatusMessages {
    --FskStatusMessages-side-margin: var(--spacing-16);
  }
  :root {
    --FskButton-padding-x: calc(
      var(--spacing-24) - var(--FskButton-border-width)
    );
    --FskButton-padding-y: calc(
      var(--spacing-12) - var(--FskButton-border-width)
    );
  }

  .FskButton--reduced {
    --FskButton-padding-x: calc(
      var(--spacing-12) - var(--FskButton-border-width)
    );
  }

  .FskButton--reduced .FskButton-label {
    display: none;
  }
  .ContrastSwitcher {
    --ContrastSwitcher-button-padding: var(--spacing-8);
    --ContrastSwitcher-content-padding: 0 var(--spacing-8);
    --ContrastSwitcher-textCopy-margin: var(--spacing-4) 0 0;

    background: var(--color-decoration-natural--40);
    order: -1;
  }

  .ContrastSwitcher.is-open {
    --ContrastSwitcher-content-border: 0.2rem solid var(--color-decoration-natural--dark);
    --ContrastSwitcher-content-padding: var(--spacing-24) var(--spacing-8);
  }

  .ContrastSwitcher-button {
    justify-content: space-between;
    width: 100%;
  }

  .ContrastSwitcher-content {
    border-top: var(--ContrastSwitcher-content-border, none);
  }
  .Dialog {
    max-height: 90svh;
    max-width: 90svw;
    padding-bottom: var(--spacing-32);
  }

  .Dialog-content {
    max-height: 90svh;
  }

  .Dialog-close {
    right: var(--spacing-16);
    top: var(--spacing-16);
  }
  .DonationExample {
    --DonationExample-text-margin-top: -5.7rem;
  }

  .DonationExample--small {
    --DonationExample-text-margin-top: 0;
    --DonationExample-image-width: 6.4rem;
    --DonationExample-flex-gap: var(--spacing-16);
    --DonationExample-flex-direction: row-reverse;
  }
  .hs-form {
    --fsk-form-element-margin: var(--spacing-16) 0 0;
    --legal-consent-margin: var(--spacing-16) 0;
  }
  .hs-form.hs-form .form-columns-2 {
    flex-direction: column;
    gap: 0;
  }
  .LoadingAnimation {
    --LoadingAnimation-loader-margin: 0 0 var(--spacing-16);

    flex-direction: column;
    position: relative;
    text-align: center;
  }

  .LoadingAnimation::after {
    background: var(--color-white);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    top: calc(-1 * var(--spacing-8));
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1;
  }
  .ProgressBar--minimal {
    --ProgressBar-numbers-flex-direction: row;
    --ProgressBar-progress-margin-top: var(--spacing-8);
  }
  .ProgressTracker {
    --ProgressTracker-headline-display: block;
    --ProgressTracker-list-grid-column: 1 / -1;
    --ProgressTracker-list-margin: 0 calc(-1.4 * (100% / var(--ProgressTracker-items) / 2 - var(--spacing-24) + var(--spacing-4)));
    --ProgressTracker-text-display: none;
  }
  .Progress {
    --Progress-percentage-text-align: right;
    --Progress-grid-template-areas:
      "current percentage"
      "progressbar progressbar"
      "target target"
  }

  .Progress-percentageNumber {
    display: block;
    font-size: var(--typo-headline3-font-size);
    font-weight: var(--typo-headline3-font-weight);
    letter-spacing: var(--typo-headline3-letter-spacing);
    line-height: var(--typo-headline3-line-height);
  }

  .Progress-reachedTargetText,
  .Progress-targetText {
    font-size: var(--typo-copy-small-font-size);
    line-height: var(--typo-copy-small-line-height);
  }

  .Progress-targetNumber {
    font-size: var(--typo-copy-small-bold-font-size);
    font-weight: var(--typo-copy-small-bold-font-weight);
    line-height: var(--typo-copy-small-bold-line-height);
  }
  .Rte {
    --Rte-headline-margin-top: var(--spacing-24);
  }
  .SearchResult {
    --SearchResult-copy-margin: var(--spacing-16) 0 0;
    --SearchResult-flex-wrap: wrap;
    --SearchResult-headline-align-self: flex-end;
    --SearchResult-image-align-self: flex-end;
    --SearchResult-image-margin: 0 var(--spacing-16) 0 0;
    --SearchResult-image-width: 12rem;
    --SearchResult-tagsContainer-flex-direction: column;
    --SearchResult-tagsHeadline-display: block;
    --SearchResult-text-display: contents;
    --SearchResult-time-margin: var(--spacing-16) 0 0;
    --SearchResult-time-before-margin: 0 var(--spacing-8);
  }

  .SearchResult--portrait {
    --SearchResult-headline-align-self: auto;
    --SearchResult-image-margin: 0;
    --SearchResult-image-width: 100%;
    --SearchResult-text-display: flex;
    --SearchResult-text-flex-direction: column;
    --SearchResult-time-margin: 0;
  }

  .SearchResult--withoutImage {
    --SearchResult-image-width: 0;
  }
  .Share {
    --Share-icon-font-size: 2.4rem;
    --Share-network-margin: 0 0 0 var(--spacing-24);
    --Share-networkLink-size: var(--spacing-40);
    --Share-networks-margin: 0 0 0 var(--spacing-24);
  }

  .Share--centeredOnMobile {
    --Share-flex-direction: column;
    --Share-networks-margin: var(--spacing-16) 0 0;
  }

  .Share-networkLink--facebook {
    --Share-icon-font-size: 3.4rem;
  }
  .Tags {
    --Tags-tag-before-margin: 0 var(--spacing-8);
  }
  .Accordion {
    --Accordion-children-padding-x: var(--spacing-8);
    --Accordion-button-padding: var(--spacing-16) var(--Accordion-children-padding-x);
    --Accordion-contentHolder-grid-column: 1 / -1;
    --Accordion-headline-margin: 0 0 var(--spacing-24);
    --Accordion-icon-size: 4rem;
    --Accordion-innerContent-padding: var(--spacing-16) var(--Accordion-children-padding-x);
  }

  .Accordion-innerContent--materials {
    --Accordion-innerContent-padding: 0 0 var(--spacing-16);
  }

  .Accordion-content--topImage,
  .Accordion-content--rightImage,
  .Accordion-content--leftImage {
    --Accordion-media-margin: 0 0 var(--spacing-16);
  }

  .Accordion-content--bottomImage {
    --Accordion-media-margin: var(--spacing-16) 0 0;
  }
  .ArchiveMarker {
    --ArchiveMarker-content-grid-colum: 1 / -1;
  }
  .ArticleMetaInfo {
    --ArticleMetaInfo-first-item-before-width: var(--spacing-16);
    --ArticleMetaInfo-items-grid-column: 1 / -1;
  }
  .AuthorsList {
    --AuthorsList-authorItem-flex-basis: 50%;
    --AuthorsList-headline-margin-bottom: var(--spacing-24);
    --AuthorsList-theme-margin-bottom: var(--spacing-32);
    --AuthorsList-themeHeadline-gap: var(--spacing-8);
    --AuthorsList-themeHeadline-headline-margin-bottom: var(--spacing-24);
    --AuthorsList-themeList-gap: var(--spacing-24) var(--spacing-16);
  }
  .Breadcrumb {
    --Breadcrumb-icon-display: inline;
    --Breadcrumb-item-before-height: 2rem;
    --Breadcrumb-item-margin-x: var(--spacing-8);
    --Breadcrumb-padding-top: var(--spacing-16);
  }

  .Breadcrumb-label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .Breadcrumb-item:first-child .Breadcrumb-link:hover {
    text-decoration: none;
  }
  .Buttons {
    --Buttons-flex-direction: column;
    --Buttons-last-child-margin-top: var(--spacing-24);
  }
  .ContactPersons-socialNetworks--desktop {
    display: none;
  }

  .ContactPersons-copyright {
    --ContactPersons-copyright: var(--spacing-4);
  }

  .ContactPersons-image {
    --ContactPersons-image-maxsize: 20rem; /* 200px - magic number, taken from the design */
  }
  .ContentEmbed {
    --ContentEmbed-inner-grid-colum: 1 / -1;
  }
  .DonationExamples {
    --DonationExamples-headline-margin: 0 0 var(--spacing-24);
    --DonationExamples-item-grid-column: 1/-1;
    --DonationExamples-itemsHolder-gap: var(--spacing-40);
  }
  .TeaserBody-amount .FskFieldset-wrapper {
    flex-direction: column;
  }

  .TeaserBody-intervalRadios.FskFieldset {
    min-width: 100%;
  }
  .TeaserBody {
    gap: var(--spacing-16);
  }

  .TeaserBody-topRow {
    padding-top: var(--spacing-24);
  }

  .TeaserBody-topRow::before {
    background-color: var(--color-decoration-natural--dark);
    content: "";
    height: 1px;
    left: calc(-1 * var(--spacing-24));
    position: absolute;
    top: 0;
    width: 100vw;
  }

  .TeaserBody-copy {
    margin-bottom: var(--spacing-16);
  }

  .TeaserBody-copy--doubling {
    margin-bottom: 0;
  }

  .TeaserBody-middleRow {
    flex-direction: column;
  }

  .TeaserBody-intervalWrapper {
    max-width: 100%;
    width: 100%;
  }

  .TeaserBody-amountWrapper {
    max-width: 100%;
    width: 100%;
  }

  .TeaserBody-interval {
    width: 100%;
  }

  .TeaserBody-bottomRow {
    grid-template-areas:
      "submit"
      "payments"
      "checks";
    grid-template-columns: 1fr;
  }

  .TeaserBody-dialogButtonWrapper {
    display: none;
  }

  .TeaserBody-submit {
    width: 100%;
  }

  .TeaserBody-paymentMethods {
    justify-content: start;
  }
  .DonationTeaser {
    --DonationTeaser-amount--progress-gap: var(--spacing-16);
    --DonationTeaser-amount-margin: var(--spacing-16) 0 0;
    --DonationTeaser-copy-margin: var(--spacing-16) 0 0;
    --DonationTeaser-countdown-margin: var(--spacing-32) 0 var(--spacing-24);
    --DonationTeaser-formHolder-grid-column: 1 / -1;
    --DonationTeaser-formHolder-padding: 0 var(--spacing-8) var(--spacing-16);
    --DonationTeaser-imageContainer-grid-column: 1 / -1;
    --DonationTeaser-imageContainer-margin: 0 calc(-1 * var(--spacing-16))
      calc(-1 * var(--spacing-48));
    --DonationTeaser-interval-margin: var(--spacing-16) 0 0;
    --DonationTeaser-progress-margin: var(--spacing-24) 0 0;
  }

  .DonationTeaser--small {
    --DonationTeaser-form-grid-area: auto / 1 / auto / -1;
    --DonationTeaser-form-padding: var(--DonationTeaser-formHolder-padding);
    --DonationTeaser-text-grid-area: auto / 1 / auto / -1;
    --DonationTeaser-text-padding: 0 var(--spacing-8);
  }

  .DonationTeaser--inDonationForm {
    --DonationTeaser-text-padding: 0 0 var(--spacing-16);
  }

  /* stylelint-disable-next-line plugin/selector-bem-pattern */
  .DonationTeaser-interval .FskOptions--radios .FskFormElement {
    text-align: center;
    width: 100%;
  }

  /* stylelint-disable-next-line plugin/selector-bem-pattern */
  .DonationTeaser-amount .FskOptions--radios .FskFormElement {
    text-align: center;
    width: 100%;
  }

  /* stylelint-disable-next-line plugin/selector-bem-pattern */
  .DonationTeaser-interval .FskOptions--radios .FskFormElementLabel {
    height: var(--spacing-48);
    justify-content: center;
  }
  .CheckoutInfo {
    --CheckoutInfo-child-margin: var(--spacing-16) 0 0;
    --CheckoutInfo-content-grid-column: 1 / -1;
  }
  .LayoutButtons {
    --LayoutButtons-holder-grid-column: 1 / -1;

    text-align: center;
  }

  .LayoutButtons--checkout {
    --LayoutButtons-display: contents;
  }

  .LayoutButtons-holder {
    flex-direction: column-reverse;
  }

  .LayoutButtons .LayoutButton:first-child {
    --LayoutButtons-button-margin-top: var(--spacing-24);
  }

  .LayoutButtons .LayoutButton:not(:first-child) {
    --LayoutButtons-button-margin-top: var(--spacing-8);
  }

  .LayoutButtons-holder .LayoutButton:first-child,
  .LayoutButtons-holder .LayoutButton:last-child {
    --LayoutButtons-button-margin-top : 0;
  }

  .LayoutButtons--checkout .LayoutButton:last-child {
    background: linear-gradient(
      0deg,
      var(--color-white--rgba-1) 40%,
      var(--color-white--rgba-0) 100%
    );
    bottom: 0;
    left: 0;
    padding-bottom: var(--spacing-24);
    position: sticky;
    right: 0;
    z-index: var(--level-1);
  }
  .LayoutFieldset-legend,
  .LayoutFieldset-wrapper {
    --LayoutFieldset-grid-column: 1 / -1;
  }
  .PaymentAmount-interval .FskOptions--radios {
    flex-wrap: nowrap;
  }

  .PaymentAmount-interval .FskOptions--radios .FskFormElement,
  .PaymentAmount-amount .FskOptions--radios .FskFormElement {
    text-align: center;
    width: 100%;
  }
  .StripeElement {
    --StripeElement-margin: var(--spacing-16) 0 0;
  }
  .PaymentForm {
    scroll-margin-top: var(--header-height--mobile);
  }
  .ContactsList {
    --ContactsList-item-margin: var(--spacing-24) 0 0;
  }
  .FurtherQuestions {
    --FurtherQuestions-column-grid-column: 1/-1;
    --FurtherQuestions-columnTitle-margin: 0 0 var(--spacing-4);
    --FurtherQuestions-content-margin: var(--spacing-16) 0 0;
    --FurtherQuestions-content-padding: var(--spacing-24) 0;
  }

  .FurtherQuestions-column + .FurtherQuestions-column {
    margin: var(--spacing-24) 0 0;
  }
  .GiftCertificate {
    --GiftCertificate-copy-width: 100%;
    --GiftCertificate-title-grid-column: 1 / -1;
    --GiftCertificate-title-margin: 0 0 var(--spacing-24);
  }
  .GreenStrip {
    align-items: flex-start;
    max-width: 100%;
    padding: var(--spacing-8);
  }
  .GreenwireTeaser {
    --GreenwireTeaser-additionalInfo-border-width: 0.2rem 0 0;
    --GreenwireTeaser-additionalInfo-grid-column: 1 / -1;
    --GreenwireTeaser-additionalInfo-margin: var(--spacing-24) 0 0;
    --GreenwireTeaser-additionalInfo-padding: var(--spacing-16) 0 0;
    --GreenwireTeaser-additionalInfoCopy-margin: var(--spacing-16) 0 0;
    --GreenwireTeaser-button-margin: var(--spacing-16) 0 0;
    --GreenwireTeaser-content-padding: var(--spacing-32) 0 var(--spacing-24);
    --GreenwireTeaser-contentHeadline-margin: 0 0 var(--spacing-8);
    --GreenwireTeaser-details-flex-direction: column;
    --GreenwireTeaser-details-gap: var(--spacing-8);
    --GreenwireTeaser-image-desktop-display: none;
    --GreenwireTeaser-image-mobile-display: block;
    --GreenwireTeaser-logo-margin: var(--spacing-12) 0 0;
    --GreenwireTeaser-logo: 11rem;
    --GreenwireTeaser-mainInfo-grid-column: 1 / -1;
    --GreenwireTeaser-moreDetails-margin: var(--spacing-16) 0 0;
  }

  .GreenwireTeaser-mobileContainer {
    align-items: start;
    display: flex;
    justify-content: space-between;
    margin: 0 0 var(--spacing-16);
  }

  .GreenwireTeaser-image--mobile {
    margin-right: var(--spacing-12);
    width: 12rem;
  }

  .GreenwireTeaser-copyright {
    right: calc(-1 * var(--spacing-24));
    top: 0;
    white-space: nowrap;
  }
  .Highlight {
    --Highlight-button-margin-block-start: var(--spacing-24);
    --Highlight-content-margin-block-start: var(--spacing-24);
    --Highlight-media-margin-block-start: calc(var(--spacing-64) * -1);
    --Highlight-padding-block: var(--spacing-32);
  }

  .Highlight-headline--squiggle::after,
  .Highlight-headline--zigzag::after {
    --Highlight-headline-after-height: calc(3.5 * var(--Highlight-headline-line-height));
    --Highlight-headline-after-width: calc(3.5 * var(--Highlight-headline-line-height));
  }

  .Highlight-content:only-child {
    --Highlight-content-margin-block-start: 0;
  }

  .Highlight-headline--zigzag::after,
  .Highlight-headline--squiggle::after {
    --Highlight-headline-after-inset: 50% 0 0 40%;
  }
  .ImageGallery {
    --ImageGallery-headline-margin-bottom: var(--spacing-32);
    --ImageGallery-pseudo-content: normal;
    --ImageGallery-slide-gap: var(--spacing-8);
    --ImageGallery-image-height: 21rem;
    --ImageGallery-title-opacity: 0;
    --ImageGallery-title-position: relative;
    --ImageGallery-title-position-left: calc(
      (100vw - 100% - var(--spacing-32)) / -2
    );
    --ImageGallery-title-position-bottom: calc(var(--spacing-8) * -1);
    --ImageGallery-title-width: calc(100vw - var(--spacing-32));
    --ImageGallery-title-max-width: none;
    --ImageGallery-info-position-left: calc(
      (100vw - 100% - var(--spacing-32)) / -2
    );
    --ImageGallery-info-width: calc(100vw - var(--spacing-32));
    --ImageGallery-info-margin-top: var(--spacing-16);
    --ImageGallery-info-opacity: 0;
  }

  .ImageGallery-slide.is-active {
    --ImageGallery-info-opacity: 1;
    --ImageGallery-title-opacity: 1;
  }

  .ImageGallery.is-moving .ImageGallery-slide.is-active {
    --ImageGallery-info-opacity: 0;
    --ImageGallery-title-opacity: 0;
  }
  .ImageTeasers {
    --ImageTeasers-headline-margin: 0 0 var(--spacing-32);
    --ImageTeasers-items-column-gap: var(--spacing-16);
  }
  .Infobox {
    --Infobox-columnRte-margin: var(--spacing-16) 0 0;
    --Infobox-columns-flex-direction: column;
    --Infobox-content-padding: var(--spacing-48) var(--spacing-24) var(--spacing-24);
    --Infobox-headline-margin: 0 0 var(--spacing-24);
    --Infobox-icon-position-left: var(--spacing-24);
  }
  .MaterialHeader {
    --MaterialHeader-headlines-grid-column: 1 / -1;
    --MaterialHeader-subline-margin-top: var(--spacing-24);
    --MaterialHeader-meta-info-margin-top: var(--spacing-24);
  }
  .Material {
    --Material-content-grid-column: 1 / -1;
    --Material-imageHolder-margin-right: var(--spacing-32);
    --Material-inputs-margin: var(--spacing-16) 0 0;
    --Material-inputs-width: 100%;
    --Material-label-padding: 0 var(--spacing-4);
  }

  .Material-imageHolder--info {
    --Material-imageHolder-height: 8rem;
    --Material-imageHolder-width: 9.6rem;
  }

  .Material-inputs {
    --Material-button-align-self: center;
  }
  .Pager-item--ellipses {
    display: none;
  }
  .PetitionTeaser {
    --PetitionTeaser-button-margin: var(--spacing-16) 0 0;
    --PetitionTeaser-headline-line-height: 3.2rem;
    --PetitionTeaser-headline-margin: var(--spacing-8) 0 0;
    --PetitionTeaser-inner-padding: var(--spacing-16) 0;
    --PetitionTeaser-progressBar-grid-column: 1 / -1;
    --PetitionTeaser-text-grid-column: 1 / -1;
  }
  .Quote {
    --Quote-content-grid-column: 1 / -1;
    --Quote-image-container-grid-column: 1 / -1;
    --Quote-symbol-margin-bottom: -4.5rem;
  }

  .Quote--withImage {
    --Quote-image-margin-bottom: var(--spacing-24);
  }
  .Rating {
    --Rating-headline-margin: 0 0 var(--spacing-24);
  }
  .SearchResults {
    --SearchResults-headline-margin: var(--spacing-48) 0 var(--spacing-24);
    --SearchResults-item-margin: var(--spacing-24) 0 0;
    --SearchResults-loading-margin: var(--spacing-24) 0 0;
  }
  .Filters {
    --Filters-child-grid-column: 1 / -1;
    --Filters-fskFormElement-margin: var(--spacing-8) 0 0;
    --Filters-padding: var(--spacing-16) 0;
    --Filters-row-button-margin: var(--spacing-24) 0 0;
    --Filters-row-grid-gap: var(--spacing-16);
    --Filters-row-kids-margin: var(--spacing-24) 0 0;
    --Filters-searchButton-grid-column-start: 1;
    --Filters-searchButton-grid-column: 1 / -1;
    --Filters-toggle-display: flex;

    /* stylelint-disable-next-line plugin/selector-bem-pattern */
    --FskOptions-flex-direction: column;
  }

  .Filters-toggle[aria-expanded="false"] .Filters-toggleLabel--close,
  .Filters-toggle[aria-expanded="true"] .Filters-toggleLabel--open {
    --Filters-toggleLabel-display: none;
  }

  .Filters-toggle[aria-expanded="false"] ~ .Filters-extendableArea {
    --Filters-extendableArea-max-height: 0;
  }

  .Filters-toggle[aria-expanded="true"] ~ .Filters-extendableArea {
    --Filters-extendableArea-max-height: 700px;
    --Filters-extendableArea-opacity: 1;
    --Filters-extendableArea-overflow: visible;
  }
  .Query {
    --Query-headline-margin: 0 0 var(--spacing-8);
    --Query-inputHolder-grid-column: 1 / -1;
    --Query-searchButton-grid-column: 1 / -1;
    --Query-searchButton-margin: var(--spacing-24) 0 0;
  }
  .Sorting {
    --Sorting-currentSort-margin: 0 var(--spacing-16) 0 0;
  }
  .Search {
    --Search-filters-margin: var(--spacing-16) 0 0;
    --Search-resultsAmount-margin: var(--spacing-48) 0 0;
    --Search-resultsSorting-margin: var(--spacing-24) 0 0;
  }
 .Sharing {
   --Sharing-subline-margin: var(--spacing-4) 0 0;
   --Sharing-text-grid-column: 1 / -1;
   --Sharing-text-margin: var(--spacing-32) 0 0;
 }

  .Sharing--withoutMedia {
    --Sharing-subline-margin: var(--spacing-24) 0 0;
    --Sharing-text-margin: 0;
  }
  .Stage {
    --Stage-button-margin: var(--spacing-16) 0 0;
    --Stage-copy-margin: var(--spacing-16) 0 0;
    --Stage-decoration-desktop-display: none;
    --Stage-decoration-mobile-display: block;
    --Stage-decoration-mobile-size: 8rem;
    --Stage-headline-position-left: 0;
    --Stage-headline-width: 100%;
    --Stage-headlineMarker-inset: var(--spacing-4);
    --Stage-image-column: 1 / -1;
    --Stage-image-position-left: calc(var(--spacing-16) * -1);
    --Stage-image-width: calc(100% + (var(--spacing-16) * 2));
    --Stage-info-column: 1 / -1;
    --Stage-info-padding: 0;
    --Stage-min-height: 0;
    --Stage-subline-margin: var(--spacing-16) 0 0;
  }

  .Stage--kids {
    --Stage-text-padding: 0 0 var(--spacing-16);
    --Stage-button-max-width: calc(100% - var(--Stage-decoration-mobile-size) - var(--spacing-16)); /* to prevent overlapping the button with the decoration */
    --Stage-share-margin-top: var(--spacing-64);
  }

  .Stage-decorationHolder--button {
    align-items: flex-end;
    display: flex;
    margin: 0 calc(var(--Stage-decoration-mobile-size) / -2) calc(var(--Stage-decoration-mobile-size) / 2) 0;
  }

  .Stage-decorationHolder--button .Stage-decoration--mobile {
    margin: 0 0 calc(var(--Stage-decoration-mobile-size) / -2) calc(var(--Stage-decoration-mobile-size) / -2);
    transform: translateY(var(--spacing-8));
  }

  .Stage-decorationHolder--text {
    padding: 0 calc(var(--Stage-decoration-mobile-size) / 2) calc(var(--Stage-decoration-mobile-size) / 2) 0;
    position: relative;
  }

  .Stage-decorationHolder--text .Stage-decoration--mobile {
    bottom: 0;
    position: absolute;
    right: 0;
  }

  /* start Stage with donation form */
  .Stage--withDonationForm .Stage-text .Stage-button {
    display: none;
  }

  .Stage-form {
    background: var(--color-decoration-natural);
    grid-column: 1 / -1;
    margin: var(--spacing-16) calc(var(--spacing-8) * -1);
    padding: var(--spacing-8) var(--spacing-12);
  }

  .Stage-form .FskFieldset {
    background: var(--color-decoration-natural);
  }

  /* stylelint-disable plugin/selector-bem-pattern */
  .Stage-form .FskRadio.FskRadio--switcher + .FskFormElementLabel {
    --fsk-radio-text-bg-color: var(--color-white);
  }

  .Stage-amount .FskRadio:not(.FskRadio--native) + .FskFormElementLabel {
    --fsk-radio-text-bg-color: var(--color-white);
  }

  .Stage-amount .FskFieldset-wrapper > .FskFormElement {
    --FskInput-bg-color: var(--color-white);
    --FskInput-bg-color--hover: var(--color-white);
    --FskInput-bg-color--focus: var(--color-white);

    /* stylelint-enable plugin/selector-bem-pattern */

    margin: 0 0 0 var(--spacing-8);
    width: var(--spacing-120);
  }

  .Stage-amount .FskOptions--radios .FskFormElement:not(:first-child) {
    margin-left: var(--spacing-8);
  }

  .Stage-amount .FskOptions--radios .FskFormElement:nth-child(4) {
    margin-left: calc(var(--spacing-8) * 1.5);
  }

  .Stage-amount .FskOptions .FskFormElementLabel {
    min-width: 4.8rem;
  }

  .Stage-form .Stage-button {
    margin: 0;
  }

  .Stage-form .FskButton {
    justify-content: center;
  }

  .Stage-button--centered {
    display: block;
    margin-inline: auto;
  }

  /* end Stage with donation form */
  .SubNavigation {
    --SubNavigation-margin-top: var(--spacing-16);
  }

  .SubNavigation.is-open {
    --SubNavigation-buttonIcon-transform: scaleY(-1);
  }

  .SubNavigation-copy {
    margin: 0 0 var(--spacing-4);
  }

  .SubNavigation-content {
    overflow: hidden;
    transition: height var(--default-transition-time);
  }

  /* --SubNavigation-content-height is coming from twig/js */
  .SubNavigation.is-open .SubNavigation-content {
    height: var(--SubNavigation-content-height) !important;
  }

  .SubNavigation-list {
    background: var(--color-decoration-natural--40);
    border-radius: 0.2rem;
  }

  .SubNavigation-button {
    align-items: center;
    background: var(--color-decoration-natural);
    border-radius: 0.2rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin: 0 0 var(--spacing-4);
    padding: var(--spacing-12) var(--spacing-16);
    position: relative;
    text-align: left;
    transition: font-weight var(--default-transition-time);
    width: 100%;
  }

  .SubNavigation-buttonIcon {
    font-size: 2rem;
    transform: var(--SubNavigation-buttonIcon-transform, none);
    transition: transform var(--default-transition-time);
  }

  .SubNavigation-button::before {
    border-left: 0.2rem solid var(--color-kids-blue);
    border-radius: 0.2rem 0 0 0.2rem;
    content: '';
    inset: 0 auto 0 0;
    position: absolute;
  }

  .SubNavigation-item:not(:first-child) {
    border-top: 0.2rem solid var(--color-decoration-natural);
  }

  .SubNavigation-link {
    padding: var(--spacing-12) var(--spacing-16);
    transition: font-weight var(--default-transition-time);
  }

  .SubNavigation-item:first-child .SubNavigation-link::after {
    border-radius: 0.2rem 0 0 0;
  }

  .SubNavigation-item:last-child .SubNavigation-link::after {
    border-radius: 0 0 0 0.2rem;
  }

  .SubNavigation-link--active::after {
    border-left: var(--spacing-2) solid var(--color-kids-blue);
    content: '';
    inset: 0 auto 0 0;
    position: absolute;
    z-index: 2;
  }

  .SubNavigation-link:hover,
  .SubNavigation-link:focus,
  .SubNavigation-link--active,
  .SubNavigation-button:hover,
  .SubNavigation-button:focus {
    font-weight: bold;
  }
  .TabsGraph {
    gap: var(--spacing-48);
  }

  .TabsGraph-row {
    flex-direction: column;
    gap: var(--spacing-24);
  }

  .TabsGraph-row:first-child {
    background-color: transparent;
    flex-direction: column-reverse;
  }

  .TabsGraph-info {
    padding: 0;
  }

  .TabsGraph-seals {
    gap: var(--spacing-16);
    padding: 0;
  }

  .TabsGraph-seal {
    height: 7.2rem; /* 72px */
    max-width: 25.5rem; /* 255px */
  }

  .TabsGraph-roundSeal {
    height: 7.2rem; /* 72px */
    width: 7.2rem; /* 72px */
  }
  .TabsStats {
    gap: var(--spacing-24);
  }

  .TabsStats-stats {
    flex-direction: column;
    gap: var(--spacing-24);
    padding: var(--spacing-24);
  }

  .TabsStats-timeline {
    flex-direction: column;
    gap: var(--spacing-24);
  }
  .TabsList {
    gap: var(--spacing-8);
    justify-content: space-between;
    width: 100%;
  }

  .TabsList-tab {
    padding: var(--spacing-12);
    text-align: center;
  }
  .Tabs-tabpanels {
    margin-top: var(--spacing-24);
  }
  .TagsSharing {
    --TagsSharing-container-flex-direction: column-reverse;
    --TagsSharing-tags-margin: 0 0 var(--spacing-24);
  }
  .Teasers {
    --Teasers-decoration-font-size: var(--spacing-32);
    --Teasers-headline-margin: 0 0 var(--spacing-24);
    --Teasers-item-grid-column: 1/-1;
    --Teasers-itemsHolder-row-gap: var(--spacing-24);
  }

  /* stylelint-disable-next-line plugin/selector-bem-pattern */
  .Teaser-copyright {
    left: auto;
    right: var(--spacing-8);
  }
  .TextMedia {
    --TextMedia-column-width: calc(
      (100% - ((var(--u-grid-template-columns-amount) - 1) * var(--u-grid-gap))) /
        var(--u-grid-template-columns-amount)
    );
    --TextMedia-content-grid-colum: 1 / -1;
  }

  .TextMedia--right,
  .TextMedia--left {
    --TextMedia-media-margin: 0 0 var(--spacing-16);
  }

  .TextMedia--landscapeImage:not(.TextMedia--mediaOnly) {
    --TextMedia-media-width: 100%;
  }

  .TextMedia--portraitImage:not(.TextMedia--mediaOnly) {
    --TextMedia-media-float: none;
  }

  .TextMedia--mediaVideo:not(.TextMedia--mediaOnly) {
    --TextMedia-media-width: 100%;
  }

  .TextMedia--landscapeImage.TextMedia--mediaOnly {
    --TextMedia-media-width: 100%;
  }

  .TextMedia--portraitImage.TextMedia--mediaOnly {
    --TextMedia-media-width: 74%;
  }
  .Footer {
    --Footer-bottomContent-padding: var(--spacing-48) 0 var(--spacing-24);
    --Footer-donationInfo-grid-column: 1 / -1;
    --Footer-extraContent-padding-bottom: var(--spacing-56);
    --Footer-logo-padding: var(--spacing-16);
    --Footer-newsletter-grid-column: 1 / -1;
    --Footer-taxInfo-padding: 0 0 var(--spacing-40);
  }

  .Footer-logo {
    top: 0;
    transform: translateY(-50%);
  }
  .DropdownList {
    --DropdownList-icon-transform: 0;
    --DropdownList-submenu-transition: max-height;
    --DropdownList-item-margin: 0 0 0 var(--spacing-16);
  }

  .DropdownList-label {
    --DropdownList-label-padding: var(--spacing-12) 0;

    justify-content: space-between;
    padding: var(--DropdownList-label-padding);
    width: 100%;
  }

  .DropdownList-label.is-active {
    --DropdownList-icon-color: var(--color-brand-green);
    --DropdownList-icon-transform: scale(1, -1);
    --DropdownList-submenu-max-height: 50rem;
    --DropdownList-label-padding: var(--spacing-12) 0 0;
    font-weight: bold;
  }

  .DropdownList-label.is-active + .DropdownList-submenu {
    --DropdownList-submenu-max-height: 200rem;
  }

  .DropdownList-submenu {
    max-height: var(--DropdownList-submenu-max-height, 0);
    overflow: hidden;
  }
  .DropdownMenu {
    --DropdownMenu-padding: 0;
    --DropdownMenu-list--grid-column: 1 / -1;
    --DropdownMenu-list-margin: var(--spacing-12) 0 0;
  }
  .DropdownSubmenu {
    --DropdownSubmenu-backButton-display: none;
    --DropdownSubmenu-content-grid-column: 1 / -1;
    --DropdownSubmenu-list-margin: var(--spacing-12) 0 0;
  }

  .DropdownSubmenu-label {
    justify-content: normal;
  }

  .DropdownSubmenu-label::before {
    background: currentColor;
    border-radius: 50%;
    content: "";
    height: 0.6rem;
    margin: 0 var(--spacing-8) 0 0;
    width: 0.6rem;
  }
  .OverviewLink {
    --OverviewLink-copy-margin: var(--spacing-8) 0 0;
  }

  .OverviewLink--withoutCopy,
  .OverviewLink-title {
    display: none;
  }

  .OverviewLink-icon {
    --OverviewLink-icon-transform: translateY(-0.2rem);
    --OverviewLink-icon-font-size: 2rem;

    display: inline-block;
    vertical-align: text-top;
  }
  .MainNavigation {
    --MainNavigation-button-display: inline-flex;
    --MainNavigation-dropdownMenu-transition: max-height;
    --MainNavigation-label-font-weight: 600;
    --MainNavigation-label-padding: var(--spacing-16) 0;
    --MainNavigation-labelIcon-display: block;
    --MainNavigation-metaNavigation-display: block;

    order: 1;
  }

  .MainNavigation.is-active {
    --MainNavigation-buttonIcon--cross-display: block;
    --MainNavigation-buttonIcon--menu-display: none;
    --MainNavigation-nav-height: calc(100% - var(--header-height--mobile));
    --MainNavigation-nav-visibility: visible;
  }

  .MainNavigation-buttonIcon {
    font-size: 2rem;
  }

  .MainNavigation-buttonIcon--cross {
    display: var(--MainNavigation-buttonIcon--cross-display, none);
  }

  .MainNavigation-buttonIcon--menu {
    display: var(--MainNavigation-buttonIcon--menu-display, block);
  }

  .MainNavigation-nav {
    background: var(--color-white);
    box-shadow: var(--default-box-shadow--top-inset);
    height: var(--MainNavigation-nav-height, 0);
    left: 0;
    position: fixed;
    right: 0;
    top: var(--header-height--mobile);
    transition: height var(--default-transition-time);
    visibility: var(--MainNavigation-nav-visibility, hidden);
  }

  .MainNavigation-content {
    max-height: 100%;
    overflow: auto;
  }

  .MainNavigation-list {
    flex-direction: column;
  }

  .MainNavigation-item {
    border-bottom: 0.2rem solid var(--color-decoration-natural);
    padding: 0 var(--spacing-8);
  }

  .MainNavigation-label {
    align-items: center;
    font-size: var(--typo-big-copy-subline-font-size);
    justify-content: space-between;
    text-align: left;
    width: 100%;
  }

  .MainNavigation-label.is-active {
    --MainNavigation-label-padding: var(--spacing-16) 0 0;
  }

  .MainNavigation-label.is-active .MainNavigation-labelIcon {
    color: var(--color-brand-green);
    transform: scale(1, -1);
  }

  .MainNavigation-dropdownMenu {
    max-height: var(--MainNavigation-dropdownMenu-max-height, 0);
    overflow: hidden;
  }

  .MainNavigation-label.is-active + .MainNavigation-dropdownMenu {
    --MainNavigation-dropdownMenu-max-height: 200rem;
  }
   .MetaNavigation {
     --MetaNavigation-list-flex-direction: column;
     --MetaNavigation-padding: var(--spacing-16) 0 0;
   }

   .MetaNavigation-link {
     display: block;
     font-size: var(--typo-copy-font-size);
     line-height: var(--typo-copy-line-height);
     margin: 0 calc(-1 * var(--spacing-8));
     padding: var(--spacing-8) 0;
   }

   .MetaNavigation-item--contrastSwitcher {
     margin: 0 calc(-1 * var(--u-container-side-padding));
   }
  .SearchBar {
    --SearchBar-form-flex-wrap: wrap;
    --SearchBar-form-left: 0;
    --SearchBar-form-top: calc(-1 * var(--header-height--mobile));
    --SearchBar-openButton-display: inline-flex;
    --SearchBar-openButtonIcon-font-size: 2rem;
    --SearchBar-searchButtonIcon-font-size: 2rem;
  }

  .SearchBar.is-open {
    --SearchBar-form-after-content: '';
  }

  .SearchBar-closeButton {
    border-top: 0.2rem solid var(--color-decoration-natural);
    justify-content: center;
    padding: var(--spacing-12);
    width: 100%;
  }

  .SearchBar-searchButton {
    border: none;
    padding: var(--spacing-8);
  }
  .Header {
    --Header-content: var(--header-height--mobile);
    --Header-donationButton-font-size: 1.2rem;
    --Header-logo-icon-height: 2.6rem;
    --Header-logo-icon-width: 16.5rem;
    --Header-metaNavigation-display: none;
    --Header-top: 0;
  }

  .Header--kids {
    --Header-logo-icon-width: 14.2rem;
  }

  .Header--jags {
    --Header-logo-icon-height: 4.2rem;
  }

  .Header-donationButton {
    /* stylelint-disable plugin/selector-bem-pattern */
    --FskButton-icon-margin: 0;

    /* stylelint-enable plugin/selector-bem-pattern */

    border: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column-reverse;
    font-weight: normal;
    gap: 0;
    justify-content: center;
    min-height: 100%;
    padding: var(--spacing-8);
    text-transform: capitalize;
  }

  .Header-donationButtonPrefix {
    display: none;
  }
  .OverlayTeaser-closed {
    --OverlayTeaser-max-width: max(37.1rem, 83%);
    --OverlayTeaser-image-width: 12.6rem;
    --OverlayTeaser-openButton-font-size: 3.2rem;
    --OverlayTeaser-text-margin: var(--spacing-8) 0;
    --OverlayTeaser-padding: 0 var(--spacing-8);
    --OverlayTeaser-image-top: calc(var(--spacing-8) * -1);
  }

  .OverlayTeaser-opened {
    --OverlayTeaser-max-width: 37.1rem;
    --OverlayTeaser-openedConent-display: block;
    --OverlayTeaser-image-width: 11rem;
    --OverlayTeaser-image-top: calc(var(--spacing-16) * -1);
    --OverlayTeaser-image-margin: 0 var(--OverlayTeaser-close-button-width) 0 0;
    --OverlayTeaser-text-margin: 0 0 var(--spacing-16) 0;
  }

  .OverlayTeaser-opened .OverlayTeaser-buttons {
    /* stylelint-disable-next-line */
    --Buttons-last-child-margin-top: var(--spacing-16);
  }

  .OverlayTeaser-closeButton--textLess {
    align-items: center;
    aspect-ratio: 1;
    justify-content: center;
    transform: translate(25%, -25%);
    width: var(--spacing-24);
  }
  .Page-main {
    --Page-main-child-margin-top: var(--spacing-48);
    --Page-main-margin-bottom: var(--Page-main-child-margin-top);
  }

  .Page-main .TextMedia + .TextMedia,
  .Page-main .Search {
    --Page-main-child-margin-top: var(--spacing-24);
  }

  .Page-main .ArchiveMarker + .TextMedia,
  .Page-main .Material + .Material {
    --Page-main-child-margin-top: var(--spacing-16);
  }

  .Page-main .Material,
  .Page-main .ExpendableBlock {
    --Page-main-child-margin-top: var(--spacing-32);
  }

  .Page-main .Highlight {
    --Page-main-child-margin-top: var(--spacing-72);
  }

  .Page-main--withBreadcrumbs .Stage:not(.Dialog .Stage),
  .Page-main--withBreadcrumbs .PaymentForm--reducedMargin,
  .Page-main--withBreadcrumbs .DonationTeaser--firstOnPage {
    --Page-main-child-margin-top: var(--spacing-16);
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::after,
  *::before {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
@media (min-width: 60em) and (max-width: 79.9375em) {
  :root {
    --u-grid-gap: var(--spacing-16);
  }
  .u-grid {
    --u-grid-template-columns-amount: 12;
  }
  .Viewport {
    --Viewport-content: "lg";
  }
  /* stylelint-disable-next-line plugin/selector-bem-pattern */
  .DonationTeaser--progress .DonationTeaser-imageContainer {
    overflow: hidden;
    position: relative;
  }

  /* stylelint-disable-next-line plugin/selector-bem-pattern */
  .DonationTeaser--progress .FlexEmbed {
    inset: 50% 0 auto;
    position: absolute;
    transform: translateY(-50%);
  }
  .Stage {
    --Stage-image-width: calc(100% + var(--spacing-16));
  }

  .Stage--right {
    --Stage-image-position-left: calc(var(--spacing-16) * -1);
  }
}
@media (min-width: 80em) {
  :root {
    --u-grid-gap: var(--spacing-24)
  }
  .u-grid {
    --u-grid-template-columns-amount: 12;
  }
  .Viewport {
    --Viewport-content: "xl";
  }
  .DonationTeaser--inDonationForm {
    --DonationTeaser-formHolder-padding: var(--spacing-24) 0 0 var(--spacing-24);
  }
  .Filters {
    --Filters-searchButton-grid-column-start: span 2;
  }
  .Stage {
    --Stage-image-width: calc(
      100% + ((var(--viewport-width) - var(--content-max-width)) / 2)
    );
  }

  .Stage--small {
    --Stage-min-height: 70rem;
  }

  .Stage--right {
    --Stage-image-position-left: calc(
      (var(--viewport-width) - var(--content-max-width)) / -2
    );
  }
}
@media screen and (-ms-high-contrast: active) {
  .dropbutton__item:first-of-type ~ .dropbutton__item > a,
  .dropbutton__item:first-of-type ~ .dropbutton__item > .button {
    border-color: transparent !important;
  }
  .vertical-tabs {
    border-color: transparent;
  }
  .vertical-tabs__menu-link {
    border-color: transparent;
  }
  .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
    border-color: windowText transparent;
  }

  .vertical-tabs__menu-link:focus::after {
    border-color: transparent;
  }

  .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {
    border-color: windowText;
  }
}
@media screen and (min-width: 85em) {
  .vertical-tabs__menu {
    display: block;
    width: 20em;
  }
  .vertical-tabs__items--processed {
    border-top-left-radius: 0; /* LTR */
    margin-left: 20em; /* LTR */
  }
}
@media screen and (min-width: 48em) {
  .FskFieldset-legend {
    margin-bottom: 1.5rem;
  }
}
@media (forced-colors: active) {
  :root {
    --FskInput-border-left: 1px solid transparent;
    --FskInput-border-width--error: 1px;
    --FskInput-border-width: 1px;
  }
  .FskRadio--native:checked + .FskFormElementLabel::before {
    border-width: 0.6rem;
  }
  .Flyout {
    border: 1px solid transparent;
  }
  .MultiSelect-summary,
  .MultiSelect-items {
    border: 1px solid transparent;
  }
  .ProgressBar-progress::-moz-progress-bar {
    border-right: 0.2rem solid transparent;
  }

  .ProgressBar-progress::-webkit-progress-value {
    border-right: 0.2rem solid transparent;
  }
  .GreenwireTeaser-headlineBackground::after {
    background: unset;
  }
  .Material-content {
    border: 1px solid transparent;
  }
}
@media (any-hover: hover) {
  .ImageGallery {
    --ImageGallery-arrows-display: block;
  }
}

/*# sourceMappingURL=common.css.map */