@font-face {
  font-family: PC_Serif;
  src: url('../fonts/Teodor-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --_color-styles-token---background--main-bg: var(--color-neutral-200);
  --_typo-base-token---style--pc-sans: "DM Sans", sans-serif;
  --_color-styles-token---typo--body: var(--color-neutral-700);
  --_typo-base-token---body--body-md-font-size: 1.125rem;
  --_typo-base-token---body--body-md-line-height: 140%;
  --_spacing-base-token---letter-spacing--letter-spacing-300: 0rem;
  --_typo-base-token---style--pc-serif: "PC_Serif", "Times New Roman", sans-serif;
  --_typo-base-token---headline--h1-font-size: 5rem;
  --_typo-base-token---headline--h1-line-height: 102%;
  --_typo-base-token---headline--h0-font-size: 6rem;
  --_typo-base-token---headline--h0-line-height: 100%;
  --_typo-base-token---headline--h2-font-size: 3.75rem;
  --_typo-base-token---headline--h2-line-height: 106%;
  --_typo-base-token---headline--h3-font-size: 3rem;
  --_typo-base-token---headline--h3-line-height: 108%;
  --_color-styles-token---typo--headlines: var(--color-neutral-700);
  --_typo-base-token---headline--h4-line-height: 106%;
  --_typo-base-token---headline--h4-font-size: 2.125rem;
  --_typo-base-token---headline--h5-font-size\<deleted\|variable-014a1e9a-955a-9e1f-ad34-0ac3be470c3e\>: 1.75rem;
  --_typo-base-token---headline--h5-line-height\<deleted\|variable-4938d942-aaea-cb89-2c3d-d7eea7607331\>: 125%;
  --_typo-base-token---body--body-lg-font-size\<deleted\|variable-b1e9ca0b-92f7-d4f5-af26-bea5adc642e9\>: 1.25rem;
  --_typo-base-token---body--body-lg-line-hight\<deleted\|variable-b41da1b5-336c-2934-19af-a1d64f280eb0\>: 130%;
  --_typo-base-token---body--body-sm-font-size: .94rem;
  --_typo-base-token---body--body-sm-line-height: 140%;
  --_typo-base-token---body--body-xs-font-size\<deleted\|variable-0f2e6533-a0d7-c037-dd1e-8c67c9b051d5\>: .75rem;
  --_typo-base-token---body--body-xs-line-height\<deleted\|variable-93149527-fc3f-5bdb-2460-44799bfcc70c\>: 133%;
  --_spacing-styles-token---gap--widescreen-m: var(--_spacing-base-token---spacing-600);
  --_spacing-styles-token---gap--tablet-m: var(--_spacing-base-token---spacing-300);
  --_spacing-styles-token---gap--mobile-m: var(--_spacing-base-token---spacing-200);
  --_spacing-styles-token---gap--desktop-m: var(--_spacing-base-token---spacing-400);
  --_spacing-base-token---spacing-700: 2.5rem;
  --_spacing-base-token---spacing-300: 1.25rem;
  --_spacing-base-token---spacing-200: 1rem;
  --_spacing-base-token---spacing-800: 4rem;
  --_spacing-base-token---spacing-600: 2rem;
  --_spacing-styles-token---gap--desktop-s: var(--_spacing-base-token---spacing-200);
  --color-neutral-100: white;
  --color-transparent: #fff0;
  --color-neutral-700: #161616;
  --_spacing-base-token---spacing-900: 5rem;
  --_spacing-base-token---spacing-1100: 11.625rem;
  --_spacing-base-token---spacing-1000: 7.5rem;
  --_color-styles-token---background--bg-yellow: var(--color-accent-yellow);
  --_color-styles-token---background--bg-pink: var(--color-accent-pink);
  --color-accent-yellow: #fff7c3;
  --color-accent-pink: #eb5893;
  --_color-styles-token---typo--body-inverse: var(--color-neutral-100);
  --_color-styles-token---background--bg-purple: var(--color-accent-purple);
  --_color-styles-token---background--bg-box-basic: var(--color-neutral-100);
  --_spacing-base-token---spacing-100: .625rem;
  --_spacing-base-token---spacing-400: 1.5rem;
  --_spacing-base-token---spacing-500: 1.75rem;
  --_spacing-base-token---spacing-000: 0rem;
  --_spacing-base-token---letter-spacing--letter-spacing-400: .02rem;
  --color-accent-purple-200: #e7ccff;
  --color-neutral-500: #7a7a7a;
  --color-accent-purple: #ecd7ff;
  --color-neutral-200: #f2f2f2;
  --color-neutral-300: #b1b1b1;
  --_typo-base-token---style--font-family: "DM Sans", sans-serif;
  --color-neutral-400: #969696;
  --_spacing-styles-token---gap--desktop-l: var(--_spacing-base-token---spacing-700);
  --_color-styles-token---background--bg-green: var(--color-accent-green);
  --color-neutral-600: #404040;
  --_spacing-styles-token---gap--tablet-s: var(--_spacing-base-token---spacing-200);
  --_spacing-styles-token---gap--tablet-l: var(--_spacing-base-token---spacing-600);
  --color-accent-green: #dde6d0;
  --_spacing-styles-token---gap--mobile-s: var(--_spacing-base-token---spacing-100);
  --_color-styles-token---typo--label: var(--color-neutral-500);
  --_spacing-styles-token---gap--mobile-l: var(--_spacing-base-token---spacing-400);
  --_color-styles-token---elements--icons: var(--color-neutral-700);
  --color-accent-yellow-200: #fff5b3;
  --_spacing-styles-token---gap--widescreen-s: var(--_spacing-base-token---spacing-400);
  --_color-styles-token---elements--logo: var(--color-neutral-700);
  --_spacing-base-token---letter-spacing--letter-spacing-100: -.04rem;
  --_spacing-styles-token---gap--widescreen-l: var(--_spacing-base-token---spacing-800);
  --_spacing-base-token---letter-spacing--letter-spacing-200: -.02rem;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  background-color: var(--_color-styles-token---background--main-bg);
  font-family: var(--_typo-base-token---style--pc-sans);
  color: var(--_color-styles-token---typo--body);
  font-size: var(--_typo-base-token---body--body-md-font-size);
  line-height: var(--_typo-base-token---body--body-md-line-height);
  letter-spacing: var(--_spacing-base-token---letter-spacing--letter-spacing-300);
  flex-flow: column-reverse;
  font-weight: 300;
  display: flex;
}

h1 {
  font-family: var(--_typo-base-token---style--pc-serif);
  font-size: var(--_typo-base-token---headline--h1-font-size);
  line-height: var(--_typo-base-token---headline--h1-line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h2 {
  font-family: var(--_typo-base-token---style--pc-serif);
  color: var(--_color-styles-token---typo--headlines);
  font-size: var(--_typo-base-token---headline--h2-font-size);
  line-height: var(--_typo-base-token---headline--h2-font-size);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h3 {
  font-family: var(--_typo-base-token---style--pc-serif);
  font-size: var(--_typo-base-token---headline--h3-font-size);
  line-height: var(--_typo-base-token---headline--h3-line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h4 {
  font-family: var(--_typo-base-token---style--pc-serif);
  font-size: var(--_typo-base-token---headline--h4-font-size);
  line-height: var(--_typo-base-token---headline--h4-line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: underline;
}

img {
  max-width: 100%;
  display: inline-block;
}

.body-md.bold {
  font-weight: 500;
}

.body-sm {
  font-size: var(--_typo-base-token---body--body-sm-font-size);
  line-height: var(--_typo-base-token---body--body-sm-line-height);
}

.body-sm.bold {
  font-weight: 600;
}

.grid-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
}

.bento-grid {
  grid-column-gap: var(--_spacing-styles-token---gap--desktop-m);
  grid-row-gap: var(--_spacing-styles-token---gap--desktop-m);
  grid-template-rows: minmax(250px, 31%) minmax(250px, 31%) minmax(250px, 31%) auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
}

.box--padding-all-m {
  padding: var(--_spacing-base-token---spacing-700);
  border-radius: var(--_spacing-base-token---spacing-300);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.box--padding-all-l {
  padding: var(--_spacing-base-token---spacing-800);
  border-radius: var(--_spacing-base-token---spacing-300);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-block {
  grid-column-gap: var(--_spacing-styles-token---gap--desktop-s);
  grid-row-gap: var(--_spacing-styles-token---gap--desktop-s);
  flex-flow: column;
  margin-bottom: 0;
  transition: transform .3s;
}

.box--padding-all-s {
  padding: var(--_spacing-base-token---spacing-600);
  border-radius: var(--_spacing-base-token---spacing-300);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.box--padding-all-s.bg--purple {
  justify-content: space-between;
  align-items: stretch;
}

.box--padding-all-s.bg--purple.overflow-hidden {
  overflow: hidden;
}

.form {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.form.layout--newsletter {
  grid-column-gap: var(--_spacing-base-token---spacing-200);
  grid-row-gap: var(--_spacing-base-token---spacing-200);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.submit-button {
  border: 0px solid var(--color-neutral-100);
  background-color: var(--color-transparent);
  font-size: var(--_typo-base-token---body--body-sm-font-size);
  line-height: var(--_typo-base-token---body--body-sm-line-height);
  background-image: url('../images/arrow-white.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 6.25rem;
  border-radius: .5rem;
  width: 30%;
  padding: 0;
  transition: transform .3s;
}

.submit-button:hover {
  background-size: auto;
  transform: scale(1.1);
}

.submit-button.footer {
  border-color: var(--color-neutral-700);
  color: var(--_color-styles-token---typo--body);
  background-image: url('../images/arrow.svg');
  background-size: 4.2rem;
  width: 4.2rem;
}

.submit-button.footer:hover {
  background-size: 4.5rem;
}

.form--text-field {
  height: var(--_spacing-base-token---spacing-700);
  padding: var(--_spacing-base-token---spacing-300);
  border: 1px solid var(--color-transparent);
  background-color: var(--color-neutral-100);
  font-size: var(--_typo-base-token---body--body-sm-font-size);
  line-height: var(--_typo-base-token---body--body-sm-line-height);
  border-radius: .5rem;
  margin-bottom: 0;
}

.icon-wrapper-s {
  width: var(--_spacing-base-token---spacing-700);
  height: auto;
}

.icon-wrapper-m {
  width: var(--_spacing-base-token---spacing-900);
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-wrapper-l {
  width: var(--_spacing-base-token---spacing-1100);
}

.success-message {
  background-color: var(--color-transparent);
  text-align: left;
  padding: 0;
}

.sucess-message--text {
  color: var(--_color-styles-token---background--bg-yellow);
}

.sucess-message--text.footer {
  color: var(--_color-styles-token---background--bg-pink);
}

.error-message {
  background-color: var(--color-transparent);
  color: var(--color-accent-yellow);
  align-self: flex-end;
  padding: 0;
}

.error-message.footer {
  color: var(--color-accent-pink);
}

.box--padding-all-xs {
  padding: var(--_spacing-base-token---spacing-300);
  border-radius: var(--_spacing-base-token---spacing-300);
}

.box--padding-all-xl {
  padding: var(--_spacing-base-token---spacing-900);
  border-radius: var(--_spacing-base-token---spacing-300);
}

.bg--pink {
  background-color: var(--_color-styles-token---background--bg-pink);
  color: var(--_color-styles-token---typo--body-inverse);
}

.bg--purple {
  background-color: var(--_color-styles-token---background--bg-purple);
}

.bg--yellow {
  background-color: var(--_color-styles-token---background--bg-yellow);
}

.bg--white {
  background-color: var(--_color-styles-token---background--bg-box-basic);
}

.margin-bottom-xs {
  margin-bottom: var(--_spacing-base-token---spacing-100);
}

.margin-bottom-s {
  margin-bottom: var(--_spacing-base-token---spacing-400);
}

.margin-bottom-m {
  margin-bottom: var(--_spacing-base-token---spacing-700);
}

.margin-bottom-l {
  margin-bottom: var(--_spacing-base-token---spacing-800);
}

.margin-bottom-xl {
  margin-bottom: var(--_spacing-base-token---spacing-900);
}

.section.padding-horizontal-s {
  padding-right: var(--_spacing-base-token---spacing-600);
  padding-left: var(--_spacing-base-token---spacing-600);
}

.padding-all-s {
  padding: var(--_spacing-base-token---spacing-600);
}

.img-wrapper {
  width: 100%;
  height: 100%;
}

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

.box--padding-all-none {
  border-radius: var(--_spacing-base-token---spacing-300);
  overflow: clip;
}

.branding-wrapper {
  padding-top: var(--_spacing-base-token---spacing-400);
  padding-bottom: var(--_spacing-base-token---spacing-400);
  grid-column-gap: var(--_spacing-base-token---spacing-400);
  grid-row-gap: var(--_spacing-base-token---spacing-400);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-wrapper {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 98%;
  display: flex;
}

.bento-group-1 {
  grid-column-gap: var(--_spacing-base-token---spacing-300);
  grid-row-gap: var(--_spacing-base-token---spacing-300);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.size--fill {
  flex: 1;
}

.flex-column {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flex-column.fill {
  justify-content: space-between;
  align-items: center;
}

.text-wrapper.legal-notices {
  max-width: 90%;
}

.bento-group-2 {
  grid-column-gap: var(--_spacing-base-token---spacing-300);
  grid-row-gap: var(--_spacing-base-token---spacing-300);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.footer-wrapper {
  text-align: center;
}

.content-wrapper.flex-align-top {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.content-wrapper.flex-align-top.legal-notices {
  max-width: 90%;
}

.content-wrapper.flex-align-h-center-wide {
  grid-column-gap: var(--_spacing-base-token---spacing-900);
  grid-row-gap: var(--_spacing-base-token---spacing-900);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-wrapper.flex-align-h-center {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-wrapper.flex-align-v-center {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.content-wrapper.flex-align-v-bottom-center {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.flex-row {
  flex-flow: column;
  display: flex;
}

.box--padding-horizontal-m {
  padding-right: var(--_spacing-base-token---spacing-700);
  padding-left: var(--_spacing-base-token---spacing-700);
  border-radius: var(--_spacing-base-token---spacing-300);
}

.box--link {
  color: var(--_color-styles-token---typo--body);
  flex: 1;
  text-decoration: none;
}

.box--link.flex-align-v-bottom-center {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

.form-label {
  color: var(--_color-styles-token---typo--body);
  font-size: var(--_typo-base-token---body--body-sm-font-size);
  line-height: var(--_typo-base-token---body--body-sm-font-size);
  font-weight: 500;
}

.input-field {
  padding-right: var(--_spacing-base-token---spacing-300);
  padding-left: var(--_spacing-base-token---spacing-300);
  border-radius: var(--_spacing-base-token---spacing-100);
  font-size: var(--_typo-base-token---body--body-sm-font-size);
  line-height: var(--_typo-base-token---body--body-sm-font-size);
  letter-spacing: var(--_spacing-base-token---letter-spacing--letter-spacing-400);
  border: 1px #000;
  height: 3rem;
  margin-bottom: 0;
}

.button--submit {
  padding: 0px var(--_spacing-base-token---spacing-500);
  border-radius: var(--_spacing-base-token---spacing-100);
  color: var(--_color-styles-token---typo--body);
  font-size: var(--_typo-base-token---body--body-sm-font-size);
  line-height: var(--_typo-base-token---body--body-sm-font-size);
  letter-spacing: var(--_spacing-base-token---letter-spacing--letter-spacing-400);
  height: 3rem;
  font-weight: 400;
}

.button--submit.inverse {
  background-color: var(--_color-styles-token---background--bg-box-basic);
  transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

.button--submit.inverse:hover {
  background-color: var(--color-accent-purple-200);
}

.newsletter-wrapper {
  grid-column-gap: var(--_spacing-base-token---spacing-100);
  grid-row-gap: var(--_spacing-base-token---spacing-100);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.print-grid {
  grid-column-gap: var(--_spacing-styles-token---gap--desktop-m);
  grid-row-gap: var(--_spacing-styles-token---gap--desktop-m);
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.vote--area {
  border-radius: var(--_spacing-base-token---spacing-100);
}

.vote--area.bg--purple {
  padding: var(--_spacing-base-token---spacing-300) var(--_spacing-base-token---spacing-400);
  justify-content: space-between;
  display: flex;
}

.card--link {
  border-radius: var(--_spacing-base-token---spacing-300);
  transform: scale3d(1none, 1none, 1none);
  color: var(--_color-styles-token---typo--body);
  transform-style: preserve-3d;
  text-decoration: none;
  transition: all .4s cubic-bezier(.215, .61, .355, 1);
  box-shadow: 0 0 #0003;
}

.card--link:hover {
  transform: scale(1.008);
  box-shadow: 2px 8px 24px -12px #0003;
}

.print-wrapper {
  padding-top: var(--_spacing-base-token---spacing-400);
  padding-bottom: var(--_spacing-base-token---spacing-400);
  aspect-ratio: 2.39;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-newsletter {
  width: 35%;
  min-width: 360px;
}

.footer-legal {
  grid-column-gap: var(--_spacing-base-token---spacing-200);
  grid-row-gap: var(--_spacing-base-token---spacing-200);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-md {
  color: var(--_color-styles-token---typo--body);
  transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

.link-md:hover {
  color: var(--color-neutral-500);
}

.link-md.bold {
  font-weight: 500;
}

.link-sm {
  color: var(--_color-styles-token---typo--body);
  font-size: var(--_typo-base-token---body--body-sm-font-size);
  line-height: var(--_typo-base-token---body--body-sm-line-height);
  transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

.link-sm:hover {
  color: var(--color-neutral-500);
}

.link-sm.bold {
  font-weight: 500;
}

.legal-links {
  grid-column-gap: var(--_spacing-base-token---spacing-100);
  grid-row-gap: var(--_spacing-base-token---spacing-100);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block {
  flex-flow: column;
  height: 100%;
}

.flex-align-v-bottom-center {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.display--none {
  display: none;
}

.bento-flex-group {
  grid-column-gap: var(--_spacing-styles-token---gap--desktop-m);
  grid-row-gap: var(--_spacing-styles-token---gap--desktop-m);
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.success-message {
  color: var(--color-accent-purple);
}

.success-message.footer {
  color: var(--_color-styles-token---background--bg-pink);
  text-align: right;
}

.impressum--content-box {
  background-color: #fff;
  border-radius: 1.25rem;
  flex-flow: column;
  align-items: flex-start;
  padding: 1.75rem 1.5rem;
  display: flex;
}

.impressum--content-wrapper {
  width: 70%;
}

.spacer-m {
  height: 2.5rem;
}

.body-m.bold {
  font-weight: 600;
}

.legal-notices-wrapper {
  grid-column-gap: var(--_spacing-styles-token---gap--desktop-m);
  grid-row-gap: var(--_spacing-styles-token---gap--desktop-m);
  flex-flow: column;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.legal-notices-grid {
  grid-column-gap: var(--_spacing-styles-token---gap--desktop-m);
  grid-row-gap: var(--_spacing-styles-token---gap--desktop-m);
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.link-block-logo {
  transition: transform .3s;
}

.link-block-logo:hover {
  transform: scale(1.03);
}

.flex-align-v-bottom-left {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.link-block-home {
  padding-top: var(--_spacing-base-token---spacing-700);
  padding-bottom: var(--_spacing-base-token---spacing-700);
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  height: 3rem;
  transition: transform .3s;
  display: flex;
  transform: rotate(180deg);
}

.link-block-home:hover {
  transform: scale(1.03)rotate(180deg);
}

.image-default {
  object-fit: cover;
  width: auto;
  height: 100%;
  position: absolute;
}

.image-hover {
  opacity: 0;
  object-fit: cover;
  width: auto;
  height: 100%;
  transition: opacity .2s;
  display: block;
  position: absolute;
}

.image-hover:hover {
  object-fit: contain;
}

.background-video {
  height: 100%;
}

@media screen and (min-width: 1920px) {
  h1 {
    font-size: var(--_typo-base-token---headline--h0-font-size);
    line-height: var(--_typo-base-token---headline--h0-line-height);
  }

  h3 {
    font-size: var(--_typo-base-token---headline--h2-font-size);
    line-height: var(--_typo-base-token---headline--h2-line-height);
  }

  h4 {
    font-size: var(--_typo-base-token---headline--h3-font-size);
    line-height: var(--_typo-base-token---headline--h3-line-height);
  }

  .body-md {
    font-size: var(--_typo-base-token---body--body-lg-font-size\<deleted\|variable-b1e9ca0b-92f7-d4f5-af26-bea5adc642e9\>);
    line-height: var(--_typo-base-token---body--body-lg-line-hight\<deleted\|variable-b41da1b5-336c-2934-19af-a1d64f280eb0\>);
  }

  .grid-wrapper, .bento-grid {
    grid-column-gap: var(--_spacing-styles-token---gap--widescreen-m);
    grid-row-gap: var(--_spacing-styles-token---gap--widescreen-m);
  }

  .icon-wrapper-s {
    width: var(--_spacing-base-token---spacing-900);
    height: 50%;
  }

  .icon-wrapper-m {
    height: 100%;
  }

  .branding-name {
    height: 70%;
  }

  .branding-icon {
    height: 110%;
  }

  .hero-wrapper.margin-bottom-s {
    width: 95%;
  }

  .text-wrapper.legal-notices {
    max-width: 80%;
  }

  .content-wrapper.flex-align-top.legal-notices {
    max-width: 75%;
  }

  .impressum--content-wrapper {
    width: 60%;
  }

  .body-m {
    font-size: 1.25rem;
    line-height: 130%;
  }

  .image-default {
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: var(--_typo-base-token---headline--h2-font-size);
    line-height: var(--_typo-base-token---headline--h2-line-height);
  }

  h3 {
    font-size: var(--_typo-base-token---headline--h3-font-size);
    line-height: var(--_typo-base-token---headline--h4-line-height);
  }

  .grid-wrapper {
    grid-column-gap: var(--_spacing-styles-token---gap--tablet-m);
    grid-row-gap: var(--_spacing-styles-token---gap--tablet-m);
  }

  .bento-grid {
    grid-column-gap: var(--_spacing-styles-token---gap--tablet-m);
    grid-row-gap: var(--_spacing-styles-token---gap--tablet-m);
    grid-template-rows: auto auto auto auto auto auto;
  }

  .box--padding-all-s {
    justify-content: center;
    align-items: center;
  }

  .submit-button {
    background-size: auto;
  }

  .branding-name {
    height: 55%;
  }

  .branding-icon {
    height: 90%;
  }

  .icon-wrapper-l {
    width: var(--_spacing-base-token---spacing-1000);
  }

  .section.padding-all-s {
    padding: var(--_spacing-base-token---spacing-500);
  }

  .section.padding-horizontal-s {
    padding-right: var(--_spacing-base-token---spacing-500);
    padding-left: var(--_spacing-base-token---spacing-500);
  }

  .hero-wrapper.margin-bottom-s {
    width: 90%;
  }

  .flex-column.fill.margin-bottom-xl {
    grid-column-gap: var(--_spacing-base-token---spacing-300);
    grid-row-gap: var(--_spacing-base-token---spacing-300);
    justify-content: space-between;
    align-items: center;
  }

  .text-wrapper.legal-notices, .content-wrapper.flex-align-top.legal-notices {
    max-width: 100%;
  }

  .print-grid {
    grid-column-gap: var(--_spacing-styles-token---gap--tablet-m);
    grid-row-gap: var(--_spacing-styles-token---gap--tablet-m);
  }

  .bento-flex-group {
    width: 100%;
  }

  .impressum--content-wrapper {
    width: 80%;
  }

  .legal-notices-grid {
    grid-column-gap: var(--_spacing-styles-token---gap--tablet-m);
    grid-row-gap: var(--_spacing-styles-token---gap--tablet-m);
    grid-template-rows: auto auto auto auto auto auto auto;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  h1, h2, h3 {
    font-size: var(--_typo-base-token---headline--h3-font-size);
    line-height: var(--_typo-base-token---headline--h3-line-height);
  }

  h4 {
    font-size: var(--_typo-base-token---headline--h5-font-size\<deleted\|variable-014a1e9a-955a-9e1f-ad34-0ac3be470c3e\>);
    line-height: var(--_typo-base-token---headline--h5-line-height\<deleted\|variable-4938d942-aaea-cb89-2c3d-d7eea7607331\>);
  }

  .body-md.bold {
    font-size: var(--_typo-base-token---body--body-sm-font-size);
    line-height: var(--_typo-base-token---body--body-sm-line-height);
  }

  .body-sm, .body-sm.bold {
    font-size: var(--_typo-base-token---body--body-xs-font-size\<deleted\|variable-0f2e6533-a0d7-c037-dd1e-8c67c9b051d5\>);
    line-height: var(--_typo-base-token---body--body-xs-line-height\<deleted\|variable-93149527-fc3f-5bdb-2460-44799bfcc70c\>);
  }

  .grid-wrapper {
    grid-column-gap: var(--_spacing-styles-token---gap--mobile-m);
    grid-row-gap: var(--_spacing-styles-token---gap--mobile-m);
  }

  .bento-grid {
    grid-column-gap: var(--_spacing-styles-token---gap--mobile-m);
    grid-row-gap: var(--_spacing-styles-token---gap--mobile-m);
    grid-template-columns: 1fr 1fr;
  }

  .box--padding-all-m {
    padding: var(--_spacing-base-token---spacing-300);
    border-radius: var(--_spacing-base-token---spacing-200);
  }

  .box--padding-all-l {
    padding: var(--_spacing-base-token---spacing-600) var(--_spacing-base-token---spacing-300);
    border-radius: var(--_spacing-base-token---spacing-300);
  }

  .box--padding-all-s {
    padding: var(--_spacing-base-token---spacing-200);
    border-radius: var(--_spacing-base-token---spacing-200);
  }

  .box--padding-all-s.bg--purple.display--none {
    display: block;
  }

  .box--padding-all-s.bg--pink {
    align-items: stretch;
  }

  .submit-button {
    background-size: 5rem;
    width: 50%;
  }

  .icon-wrapper-m {
    height: var(--_spacing-base-token---spacing-700);
  }

  .branding-name {
    height: 50%;
  }

  .branding-icon {
    height: 80%;
  }

  .error-message {
    font-size: var(--_typo-base-token---body--body-sm-font-size);
    line-height: var(--_typo-base-token---body--body-sm-line-height);
  }

  .box--padding-all-xs.bg--purple.display--none {
    display: block;
  }

  .section.padding-all-s {
    padding: var(--_spacing-base-token---spacing-200);
  }

  .section.padding-horizontal-s {
    padding-right: var(--_spacing-base-token---spacing-200);
    padding-left: var(--_spacing-base-token---spacing-200);
  }

  .box--padding-all-none {
    height: 70vh;
  }

  .branding-wrapper {
    width: 60%;
  }

  .hero-wrapper.margin-bottom-s {
    margin-bottom: var(--_spacing-base-token---spacing-000);
    width: 80%;
  }

  .bento-group-1 {
    grid-column-gap: var(--_spacing-base-token---spacing-200);
    grid-row-gap: var(--_spacing-base-token---spacing-200);
    height: 55vh;
  }

  .flex-column.fill.margin-bottom-xl {
    grid-column-gap: var(--_spacing-base-token---spacing-200);
    grid-row-gap: var(--_spacing-base-token---spacing-200);
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .heading-wrapper {
    flex: 0 auto;
    align-self: flex-start;
  }

  .bento-group-2 {
    display: none;
  }

  .content-wrapper.flex-align-h-center-wide {
    grid-column-gap: var(--_spacing-base-token---spacing-600);
    grid-row-gap: var(--_spacing-base-token---spacing-600);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .box--padding-horizontal-m.bg--purple {
    padding-right: var(--_spacing-base-token---spacing-300);
    padding-left: var(--_spacing-base-token---spacing-300);
  }

  .print-grid {
    grid-column-gap: var(--_spacing-styles-token---gap--mobile-m);
    grid-row-gap: var(--_spacing-styles-token---gap--mobile-m);
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .print-wrapper.margin-bottom-s {
    aspect-ratio: 2;
  }

  .footer-newsletter {
    width: 100%;
  }

  .footer-legal {
    grid-column-gap: var(--_spacing-base-token---spacing-500);
    grid-row-gap: var(--_spacing-base-token---spacing-500);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .bento-flex-group {
    grid-column-gap: var(--_spacing-styles-token---gap--mobile-m);
    grid-row-gap: var(--_spacing-styles-token---gap--mobile-m);
  }

  .bento-flex-group.bg--yellow.size--fill {
    width: auto;
  }

  .heading {
    font-size: var(--_typo-base-token---headline--h2-font-size);
  }

  .heading-2, .heading-3, .heading-4 {
    font-size: var(--_typo-base-token---headline--h3-font-size);
  }

  .heading-5 {
    font-size: var(--_typo-base-token---headline--h3-font-size);
    line-height: var(--_typo-base-token---headline--h3-line-height);
  }

  .success-message.footer {
    text-align: left;
  }

  .impressum--content-wrapper {
    width: 100%;
  }

  .spacer-m {
    height: 1.5rem;
  }

  .body-m.bold {
    font-size: .875rem;
    line-height: 143%;
  }

  .legal-notices-grid {
    grid-column-gap: var(--_spacing-styles-token---gap--mobile-m);
    grid-row-gap: var(--_spacing-styles-token---gap--mobile-m);
    grid-template-rows: auto auto minmax(200px, 10%);
    grid-template-columns: 1fr 1fr 1fr;
  }

  .hide-mobile-landscape {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: var(--_typo-base-token---headline--h3-font-size);
    line-height: var(--_typo-base-token---headline--h3-line-height);
    overflow-wrap: anywhere;
  }

  h3 {
    overflow-wrap: anywhere;
  }

  .body-md.bold {
    font-size: var(--_typo-base-token---body--body-md-font-size);
    line-height: var(--_typo-base-token---body--body-md-line-height);
  }

  .bento-grid {
    height: auto;
  }

  .submit-button {
    width: 100%;
  }

  .branding-wrapper {
    width: 85%;
  }

  .hero-wrapper.margin-bottom-s, .heading-wrapper, .heading-wrapper.margin-bottom-s, .text-wrapper.margin-bottom-s {
    width: 100%;
  }

  .content-wrapper.flex-align-top.legal-notices {
    flex-flow: column wrap;
  }

  .input-field, .button--submit.inverse {
    width: 100%;
  }

  .newsletter-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .print-grid {
    grid-column-gap: var(--_spacing-styles-token---gap--mobile-m);
    grid-row-gap: var(--_spacing-styles-token---gap--mobile-m);
  }

  .print-wrapper.margin-bottom-s {
    aspect-ratio: 3 / 2;
  }

  .footer-newsletter {
    flex-flow: column;
    min-width: 0;
  }

  .link-md {
    overflow-wrap: anywhere;
  }

  .heading-3 {
    font-size: var(--_typo-base-token---headline--h4-font-size);
  }

  .heading-6, .heading-7, .heading-8 {
    font-size: var(--_typo-base-token---headline--h3-font-size);
  }

  .spacer-m {
    height: 1rem;
  }

  .legal-notices-grid {
    grid-template-rows: auto auto minmax(100px, 10%);
  }
}

#w-node-dfcb9a57-f602-f418-c8c7-fca483ad28ad-bdcde36b {
  grid-area: 1 / 1 / 3 / 7;
}

#w-node-c0a1938a-0625-649f-8f19-fad5b8b5495f-bdcde36b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_27284976-9a34-b0b3-70f0-b4fd62f1d95d-bdcde36b {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9f9ad43b-125d-eac3-2786-dbadca921d75-bdcde36b {
  grid-area: 1 / 7 / 3 / 10;
  align-self: stretch;
}

#w-node-_7fd1ea4c-0782-bb19-f243-978ea147e685-bdcde36b {
  grid-area: 1 / 10 / 4 / 13;
  align-self: stretch;
}

#w-node-_5064215f-6d3c-6c8e-dc01-3aa96e47b599-bdcde36b {
  grid-area: 5 / 10 / 6 / 13;
}

#w-node-_234c5c3c-e140-21be-18c4-8962a6c8e84f-bdcde36b {
  grid-area: 3 / 1 / 5 / 6;
}

#w-node-fbddb9d4-92f9-a164-2f6d-2f907f63db10-bdcde36b {
  grid-area: 3 / 6 / 4 / 10;
}

#w-node-f2af2d36-31de-ed32-406c-7eb80d4749b1-bdcde36b {
  grid-area: 4 / 6 / 6 / 13;
}

#w-node-_9d93ae7b-b3eb-db3e-e37f-ffeaaa4e22a8-bdcde36b {
  grid-area: 5 / 1 / 6 / 6;
}

#w-node-ee82d9d1-394e-34b3-e2a9-47fbbe7ef882-be7ef881 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f4cb9821-c7b5-feb4-88c7-05b9fa830b66-fa830b53 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-f4cb9821-c7b5-feb4-88c7-05b9fa830b69-fa830b53 {
  grid-area: 1 / 3 / 2 / 4;
  place-self: end;
}

#w-node-_5ed5f18f-8477-c4a4-852b-a86d94c53e13-0437f493 {
  grid-area: 1 / 1 / 2 / 9;
  align-self: stretch;
}

#w-node-_5ed5f18f-8477-c4a4-852b-a86d94c53e03-0437f493 {
  grid-area: 1 / 9 / 3 / 13;
}

#w-node-d6e8b32a-47a8-d679-14cf-b1651277ca12-0437f493 {
  grid-area: 2 / 1 / 7 / 9;
}

#w-node-_67d08517-42b6-d20c-7738-89d4d1fa6c8e-0437f493 {
  grid-area: 3 / 9 / 7 / 13;
  align-self: stretch;
}

#w-node-_67ca114e-4b2b-b019-317a-c96159864bcb-8e29f7bc {
  grid-area: 1 / 1 / 2 / 9;
  align-self: stretch;
}

#w-node-e56da97a-300d-78bf-7cfd-15062947293a-8e29f7bc {
  grid-area: 2 / 1 / 7 / 9;
}

#w-node-e56da97a-300d-78bf-7cfd-150629472967-8e29f7bc {
  grid-area: 1 / 9 / 3 / 13;
  align-self: stretch;
}

#w-node-e56da97a-300d-78bf-7cfd-150629472968-8e29f7bc {
  grid-area: 3 / 9 / 4 / 13;
  align-self: stretch;
}

#w-node-_920584cd-5302-f75b-13e7-b1eb76029312-8e29f7bc {
  grid-area: 4 / 9 / 7 / 13;
  align-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-dfcb9a57-f602-f418-c8c7-fca483ad28ad-bdcde36b {
    order: 0;
    grid-area: 1 / 1 / 3 / 9;
  }

  #w-node-_27284976-9a34-b0b3-70f0-b4fd62f1d95d-bdcde36b {
    order: 8;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9f9ad43b-125d-eac3-2786-dbadca921d75-bdcde36b {
    order: 1;
    grid-area: 1 / 9 / 3 / 13;
  }

  #w-node-_7fd1ea4c-0782-bb19-f243-978ea147e685-bdcde36b {
    order: 3;
    grid-area: 3 / 1 / 6 / 6;
  }

  #w-node-_5064215f-6d3c-6c8e-dc01-3aa96e47b599-bdcde36b {
    order: 8;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_234c5c3c-e140-21be-18c4-8962a6c8e84f-bdcde36b {
    order: 4;
    grid-area: 3 / 6 / 4 / 13;
  }

  #w-node-fbddb9d4-92f9-a164-2f6d-2f907f63db10-bdcde36b {
    order: 6;
    grid-area: 4 / 6 / 5 / 13;
  }

  #w-node-f2af2d36-31de-ed32-406c-7eb80d4749b1-bdcde36b {
    order: 7;
    grid-area: 6 / 1 / 7 / 13;
  }

  #w-node-_9d93ae7b-b3eb-db3e-e37f-ffeaaa4e22a8-bdcde36b {
    order: 6;
    grid-area: 5 / 6 / 6 / 13;
  }

  #w-node-ee82d9d1-394e-34b3-e2a9-47fbbe7ef882-be7ef881 {
    order: 4;
    grid-area: span 1 / span 7 / span 1 / span 7;
  }

  #w-node-_5ed5f18f-8477-c4a4-852b-a86d94c53e13-0437f493 {
    order: 1;
    grid-area: 1 / 1 / 2 / 9;
  }

  #w-node-d6e8b32a-47a8-d679-14cf-b1651277ca12-0437f493 {
    grid-row-end: 8;
  }

  #w-node-_67d08517-42b6-d20c-7738-89d4d1fa6c8e-0437f493 {
    order: 1;
    grid-area: 3 / 9 / 8 / 13;
  }

  #w-node-_67ca114e-4b2b-b019-317a-c96159864bcb-8e29f7bc {
    order: 1;
    grid-area: 1 / 1 / 2 / 9;
  }

  #w-node-e56da97a-300d-78bf-7cfd-15062947293a-8e29f7bc {
    grid-row-end: 8;
  }

  #w-node-e56da97a-300d-78bf-7cfd-150629472967-8e29f7bc {
    order: 1;
    grid-area: 1 / 9 / 5 / 13;
  }

  #w-node-e56da97a-300d-78bf-7cfd-150629472968-8e29f7bc {
    order: 1;
    grid-area: 5 / 9 / 7 / 13;
  }

  #w-node-_920584cd-5302-f75b-13e7-b1eb76029312-8e29f7bc {
    order: 1;
    grid-area: 7 / 9 / 8 / 13;
  }
}

@media screen and (max-width: 767px) {
  #w-node-dfcb9a57-f602-f418-c8c7-fca483ad28ad-bdcde36b {
    order: 0;
    grid-area: 1 / 1 / 3 / 3;
  }

  #w-node-_27284976-9a34-b0b3-70f0-b4fd62f1d95d-bdcde36b {
    order: 2;
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_9f9ad43b-125d-eac3-2786-dbadca921d75-bdcde36b {
    order: 4;
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_7fd1ea4c-0782-bb19-f243-978ea147e685-bdcde36b {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_5064215f-6d3c-6c8e-dc01-3aa96e47b599-bdcde36b {
    order: 2;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_234c5c3c-e140-21be-18c4-8962a6c8e84f-bdcde36b {
    order: 3;
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-fbddb9d4-92f9-a164-2f6d-2f907f63db10-bdcde36b {
    order: 5;
    grid-area: 6 / 1 / 7 / 3;
  }

  #w-node-f2af2d36-31de-ed32-406c-7eb80d4749b1-bdcde36b {
    order: 7;
    grid-area: 7 / 1 / 8 / 3;
  }

  #w-node-_9d93ae7b-b3eb-db3e-e37f-ffeaaa4e22a8-bdcde36b {
    order: 5;
    grid-area: 5 / 1 / 6 / 3;
    justify-self: auto;
  }

  #w-node-ee82d9d1-394e-34b3-e2a9-47fbbe7ef882-be7ef881 {
    order: 3;
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-f4cb9821-c7b5-feb4-88c7-05b9fa830b66-fa830b53 {
    grid-column: 1 / 2;
  }

  #w-node-f4cb9821-c7b5-feb4-88c7-05b9fa830b69-fa830b53 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_5ed5f18f-8477-c4a4-852b-a86d94c53e13-0437f493 {
    order: 4;
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_5ed5f18f-8477-c4a4-852b-a86d94c53e03-0437f493 {
    grid-column: 3 / 4;
  }

  #w-node-d6e8b32a-47a8-d679-14cf-b1651277ca12-0437f493 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_67d08517-42b6-d20c-7738-89d4d1fa6c8e-0437f493 {
    order: 4;
    grid-area: 3 / 1 / 4 / 4;
  }

  #w-node-_67ca114e-4b2b-b019-317a-c96159864bcb-8e29f7bc {
    order: 4;
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-e56da97a-300d-78bf-7cfd-15062947293a-8e29f7bc {
    grid-row: 2 / 3;
    grid-column-end: 4;
  }

  #w-node-e56da97a-300d-78bf-7cfd-150629472967-8e29f7bc, #w-node-e56da97a-300d-78bf-7cfd-150629472968-8e29f7bc {
    order: 4;
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_920584cd-5302-f75b-13e7-b1eb76029312-8e29f7bc {
    order: 4;
    grid-area: 3 / 3 / 4 / 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_9f9ad43b-125d-eac3-2786-dbadca921d75-bdcde36b {
    order: 3;
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_7fd1ea4c-0782-bb19-f243-978ea147e685-bdcde36b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_234c5c3c-e140-21be-18c4-8962a6c8e84f-bdcde36b {
    order: 4;
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-fbddb9d4-92f9-a164-2f6d-2f907f63db10-bdcde36b {
    order: 5;
    grid-area: 6 / 1 / 7 / 3;
  }

  #w-node-_9d93ae7b-b3eb-db3e-e37f-ffeaaa4e22a8-bdcde36b {
    order: 4;
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-ee82d9d1-394e-34b3-e2a9-47fbbe7ef882-be7ef881 {
    order: 4;
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_5ed5f18f-8477-c4a4-852b-a86d94c53e13-0437f493 {
    order: 3;
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_67d08517-42b6-d20c-7738-89d4d1fa6c8e-0437f493 {
    order: 3;
    grid-area: 3 / 1 / 4 / 4;
  }

  #w-node-_67ca114e-4b2b-b019-317a-c96159864bcb-8e29f7bc {
    order: 3;
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-e56da97a-300d-78bf-7cfd-150629472967-8e29f7bc, #w-node-e56da97a-300d-78bf-7cfd-150629472968-8e29f7bc {
    order: 3;
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_920584cd-5302-f75b-13e7-b1eb76029312-8e29f7bc {
    order: 3;
    grid-area: 3 / 3 / 4 / 4;
  }
}


@font-face {
  font-family: 'PC_Serif';
  src: url('../fonts/Teodor-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}