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

@font-face {
  font-family: Congenial Medium;
  src: url('../fonts/CongenialMedium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Loerrach Heavy;
  src: url('../fonts/LoerrachHeavy.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-family--global: "Congenial Light", "Times New Roman", sans-serif;
  --color--text: var(--color-base--white);
  --text--base: 1rem;
  --line-height--text: 1.6em;
  --font-family--headline: "Loerrach Heavy", Arial, sans-serif;
  --color--headline: var(--color-base--white);
  --heading--h1: 3.875rem;
  --line-height--headline: 1.1em;
  --heading--h2: 3rem;
  --heading--h3: 2.625rem;
  --heading--h4: 2rem;
  --font-family--global-bold: "Congenial Medium", "Times New Roman", sans-serif;
  --color-base--main-primary: #7d69af;
  --container-width--main: 1060px;
  --padding-vertical--main: 60px;
  --padding-horisontal--desktop: 60px;
  --padding-vertical--small: 40px;
  --padding-vertical--none: 0px;
  --text--radius--image: 20px;
  --container-width--middle: 1020px;
  --container-width--small: 770px;
  --padding-vertical--small-x: 60px;
  --color-base--white: white;
  --color-base--main-secondary: #3b2774;
  --color--bg-main-section: var(--color-base--main-primary);
  --text--radius--small: 10px;
  --color-base--pink: #e3038c;
  --padding-horisontal--mobile-landscape: 20px;
  --padding-horisontal--mobile-portrait: 10px;
  --text--small: .75rem;
  --text--large: 1.375rem;
  --button--padding-y: 12px;
  --button--padding-x: 30px;
  --color--button-bg: var(--color-base--main-secondary);
  --button--radius: var(--text--radius--btn);
  --color-base--lilac: #d0c8e3;
  --button--font-family: var(--font-family--global-bold);
  --button--text-size: 1.25rem;
  --button--line-height: 1.2em;
  --color-base--black: #1f1c10;
  --color--button-text: white;
  --bold-text--font-family: var(--font-family--global);
  --text--larger: 1.75rem;
  --heading-portrait--h2: 2rem;
  --color--form-feld: var(--color-base--main-secondary);
  --color-base--red: #eb171d;
  --color-base--rosa: #f4c7c8;
  --text--mobile-base: 1rem;
  --line-height--1-45em: 1.45em;
  --text--radius--message-window: 40px;
  --color--bg-page: var(--color-base--main-secondary);
  --heading--legal-pages-h1: 3rem;
  --color--text-legal: var(--color-base--white);
  --text--legal-text: 1rem;
  --color--headline-legal: var(--color-base--white);
  --heading--legal-pages-h2: 2rem;
  --padding-horisontal--tablet: 40px;
  --heading-landscape--h3: 1.5rem;
  --heading-tablet--h2: 3rem;
  --color-base--green-light: #cedb95;
  --heading-tablet--legal-pages-h2: 2rem;
  --color-base--grey: white;
  --color--button-bg-hover: var(--color-base--main-primary);
  --color--headline-gold: var(--color-base--gold);
  --color-base--lila: #ba97f5;
  --color-base--blue: #9bcfed;
  --color-base--orange: #f79433;
  --color-base--gold: #ebc372;
  --color-base--cold-gradient-1: #f9ca56;
  --color-base--gold-gradient-2: #ffe096;
  --heading--legal-pages-h3: 1.35rem;
  --heading--legal-pages-h4: 1.1rem;
  --heading-landscape--h1: 3rem;
  --heading-landscape--h2: 2rem;
  --heading-landscape--legal-pages-h1: 2.5rem;
  --heading-landscape--legal-pages-h3: 1.8rem;
  --heading-landscape--legal-pages-h2: 2rem;
  --heading-landscape--legal-pages-h4: 1.1rem;
  --heading-portrait--h1: 3rem;
  --heading-portrait--h3: 1.5rem;
  --heading-portrait--h4: 1.1rem;
  --heading-portrait--legal-pages-h1: 2.5rem;
  --heading-portrait--legal-pages-h2: 2rem;
  --heading-portrait--legal-pages-h3: 1.8rem;
  --heading-portrait--legal-pages-h4: 1.1rem;
  --heading-tablet--h1: 3.875rem;
  --heading-tablet--h3: 2rem;
  --heading-tablet--h4: 1.5rem;
  --heading-tablet--legal-pages-h1: 3rem;
  --heading-tablet--legal-pages-h3: 1.35rem;
  --heading-tablet--legal-pages-h4: 1.1rem;
  --padding-vertical--large-s: 100px;
  --padding-vertical--large: 120px;
  --text--radius--btn: 50px;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  font-family: var(--font-family--global);
  color: var(--color--text);
  font-size: var(--text--base);
  line-height: var(--line-height--text);
  font-weight: 300;
}

h1 {
  font-family: var(--font-family--headline);
  color: var(--color--headline);
  font-size: var(--heading--h1);
  line-height: var(--line-height--headline);
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 900;
}

h2 {
  font-family: var(--font-family--headline);
  color: var(--color--headline);
  font-size: var(--heading--h2);
  line-height: var(--line-height--headline);
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 900;
}

h3 {
  font-family: var(--font-family--headline);
  color: var(--color--headline);
  font-size: var(--heading--h3);
  line-height: var(--line-height--headline);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 900;
}

h4 {
  font-family: var(--font-family--headline);
  color: var(--color--headline);
  font-size: var(--heading--h4);
  line-height: var(--line-height--headline);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 900;
}

p {
  margin-top: 20px;
  margin-bottom: 20px;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 15px;
}

strong {
  font-family: var(--font-family--global-bold);
  font-weight: 500;
}

.body {
  background-color: var(--color-base--main-primary);
  color: var(--color--text);
}

.guide-element {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  border: 1px solid #000;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.container {
  width: var(--container-width--main);
  padding: var(--padding-vertical--main) var(--padding-horisontal--desktop);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.container.header-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
  position: absolute;
}

.container.header-container.header-shadow {
  z-index: 3;
}

.container.lg-p-b-small {
  padding-bottom: var(--padding-vertical--small);
}

.container.footer-content {
  z-index: 3;
}

.container.hero-content {
  padding-top: 0;
  padding-bottom: 0;
}

.container.bg-dark {
  color: var(--color--text);
  overflow: visible;
}

.container.bg-dark.no-padding {
  padding-top: var(--padding-vertical--none);
  padding-bottom: var(--padding-vertical--none);
}

.container.hero-container {
  height: 100%;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.container.centered {
  text-align: center;
}

.container.with-stoerer {
  overflow: visible;
}

.container-middle {
  width: var(--container-width--middle);
  padding: var(--padding-vertical--main) var(--padding-horisontal--desktop);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-small {
  z-index: 9;
  width: var(--container-width--small);
  padding: var(--padding-vertical--main) var(--padding-horisontal--desktop);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-small.lg-p-b-small {
  padding-top: var(--padding-vertical--small-x);
  padding-bottom: var(--padding-vertical--small);
}

.logo-wrap {
  color: #0000;
  width: 180px;
  max-width: 19%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: auto;
  left: auto;
}

.logo-wrap.small {
  max-width: 126px;
}

.header-logo {
  cursor: pointer;
  width: 100%;
  line-height: 0;
  display: block;
  position: static;
}

.header {
  z-index: 10;
  background-color: var(--color-base--main-primary);
  color: var(--color-base--white);
  position: relative;
}

.header.legal-page {
  background-color: var(--color-base--main-secondary);
}

.hero {
  background-color: var(--color--bg-main-section);
  padding-bottom: 20px;
  position: relative;
}

.hero-image {
  width: 100%;
  line-height: 0;
  display: block;
}

.hero-image.mobile {
  display: none;
}

.hero-banner {
  z-index: 9;
  border-top-left-radius: var(--text--radius--small);
  border-top-right-radius: var(--text--radius--small);
  border-bottom-left-radius: var(--text--radius--small);
  border-bottom-right-radius: var(--text--radius--small);
  background-color: var(--color-base--pink);
  font-family: var(--font-family--headline);
  color: var(--color--text);
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  pointer-events: none;
  padding: 20px;
  font-weight: 900;
  text-decoration: none;
  display: inline-block;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  overflow: hidden;
}

.image {
  width: 100%;
  line-height: 0;
  display: block;
}

.hero-content {
  width: 100%;
  max-width: 100%;
  position: relative;
}

.header-container {
  width: var(--container-width--main);
  max-width: 100%;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 40px;
  position: relative;
}

.tucde-link-wrap {
  color: var(--color-base--white);
  overflow-wrap: normal;
  text-decoration: none;
  position: absolute;
  top: 20px;
  right: 40px;
}

.link-block {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.tucde-link-text {
  color: var(--color-base--white);
}

.tucde-link-icon {
  width: 36px;
  height: 36px;
  line-height: 0;
  display: block;
}

.guide-element-description {
  width: 35%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.guide-page-title {
  color: #c73939;
  text-align: center;
  margin-bottom: 40px;
}

.guide-page-intro {
  width: 940px;
  max-width: 100%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.guide-elemt-container {
  flex-flow: column;
  align-items: center;
  width: 53%;
  display: flex;
}

.guide-section-headline {
  color: #c73939;
  text-align: center;
  border: 1px #000;
  border-bottom: 3px solid #c73939;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 29px;
}

.paragraph {
  font-size: var(--text--base);
}

.text-small {
  font-size: var(--text--small);
}

.text-large {
  font-size: var(--text--large);
}

.test {
  margin-top: 20px;
  margin-bottom: 20px;
}

.btn-icon {
  width: 24px;
  height: 24px;
  display: block;
}

.btn-text {
  text-align: center;
  text-transform: none;
  color: unset;
  -webkit-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
  display: inline-block;
}

.btn-text.minw-106 {
  min-width: 106px;
}

.btn {
  padding-top: var(--button--padding-y);
  padding-right: var(--button--padding-x);
  padding-bottom: var(--button--padding-y);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top-style: none;
  border-top-width: 0;
  border-top-color: var(--color--button-bg);
  border-right-style: none;
  border-right-width: 0;
  border-right-color: var(--color--button-bg);
  border-bottom-style: none;
  border-bottom-width: 0;
  border-bottom-color: var(--color--button-bg);
  border-left-style: none;
  border-left-width: 0;
  border-left-color: var(--color--button-bg);
  border-top-left-radius: var(--button--radius);
  border-top-right-radius: var(--button--radius);
  border-bottom-left-radius: var(--button--radius);
  border-bottom-right-radius: var(--button--radius);
  background-color: var(--color-base--lilac);
  font-family: var(--button--font-family);
  color: var(--color-base--main-secondary);
  font-size: var(--button--text-size);
  line-height: var(--button--line-height);
  text-transform: uppercase;
  -webkit-user-select: none;
  user-select: none;
  padding-left: 30px;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .5s;
  transition-timing-function: ease;
  display: inline-flex;
}

.btn:hover {
  background-color: var(--color-base--white);
}

.btn.external-link {
  background-color: var(--color-base--lilac);
}

.btn.external-link:hover {
  background-color: var(--color-base--white);
  border-style: none;
}

.btn.to-home {
  background-color: var(--color-base--main-primary);
  justify-content: center;
  align-items: center;
}

.btn.to-home:hover {
  outline-offset: 0px;
  background-color: #0000;
  outline: 2px solid #fff;
}

.btn.to-home.w--current {
  background-image: url('../images/icon-home.svg');
}

.btn.back-btn {
  border-width: 2px;
  border-color: var(--color-base--lilac);
  background-color: var(--color-base--lilac);
  color: var(--color--button-bg);
  -webkit-text-stroke-color: var(--color--button-bg);
  background-image: url('../images/arrow-left-dark.svg');
  background-position: 30px;
  background-repeat: no-repeat;
  padding-left: 54px;
}

.btn.back-btn:hover {
  background-color: var(--color-base--white);
  background-image: url('../images/arrow-left-dark.svg');
  background-position: 30px;
  background-repeat: no-repeat;
}

.btn.back-btn.w--current {
  border-width: 2px;
  border-color: var(--color-base--white);
  background-color: var(--color-base--white);
  color: var(--color-base--black);
  background-position: 18px;
  background-repeat: no-repeat;
  padding-left: 54px;
}

.btn.back-btn.w--current:hover {
  color: var(--color-base--white);
  background-color: #0000;
  background-position: 18px;
  background-repeat: no-repeat;
}

.btn.submit {
  border: 2px none var(--color-base--lilac);
  background-color: var(--color-base--lilac);
  color: var(--color-base--main-secondary);
  width: 100%;
}

.btn.submit:hover {
  border-color: var(--color-base--white);
  background-color: var(--color-base--white);
  color: var(--color-base--main-secondary);
}

.btn.light {
  background-color: var(--color-base--main-primary);
}

.btn.light:hover {
  background-color: var(--color-base--white);
  color: var(--color-base--black);
}

.btn.weiter {
  background-color: var(--color-base--lilac);
  min-width: 0;
}

.btn.weiter:hover {
  background-color: var(--color-base--white);
}

.btn.newsletter-button {
  text-align: center;
  width: 100%;
}

.btn.white {
  float: none;
  background-color: var(--color-base--lilac);
  color: var(--color-base--main-secondary);
  border-style: none;
  border-width: 0;
  flex: 0 auto;
  align-self: flex-end;
}

.btn.white:hover {
  background-color: var(--color-base--white);
}

.pseudo-btn {
  padding-top: var(--button--padding-y);
  padding-right: var(--button--padding-x);
  padding-bottom: var(--button--padding-y);
  padding-left: var(--button--padding-x);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top-left-radius: var(--button--radius);
  border-top-right-radius: var(--button--radius);
  border-bottom-left-radius: var(--button--radius);
  border-bottom-right-radius: var(--button--radius);
  background-color: var(--color--button-bg);
  font-family: var(--button--font-family);
  color: var(--color--button-text);
  font-size: var(--button--text-size);
  line-height: var(--button--line-height);
  -webkit-user-select: none;
  user-select: none;
  font-weight: 500;
  display: inline-flex;
}

.main {
  padding-top: 0;
}

.main.p-t-60 {
  padding-top: 60px;
}

.main.p-b-60 {
  padding-bottom: 60px;
}

.main.p-b-60.p-t-60.bg-blue-dark {
  background-color: var(--color--bg-main-section);
}

.center {
  text-align: center;
}

.bold-text {
  font-family: var(--bold-text--font-family);
}

.p-intro {
  font-family: var(--bold-text--font-family);
  font-weight: 700;
}

.btn-wrap.center {
  margin-top: 30px;
}

.btn-wrap.center.tm-0 {
  margin-top: 0;
}

.btn-wrap.back-btn-top {
  margin-bottom: 60px;
}

.btn-wrap.back-btn-bottom {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 80px;
}

.how-it-works-intro-headline {
  font-size: var(--heading--h3);
}

.how-it-works-intro-headline.center {
  font-size: var(--heading--h2);
  margin-bottom: 60px;
}

.how-it-works-columns {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.how-it-works-col {
  text-align: center;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 32%;
  padding-left: 0%;
  padding-right: 0%;
  display: block;
}

.how-it-works-col-icon-wrap {
  margin-bottom: 20px;
  position: relative;
}

.how-it-works-col-headline {
  font-family: var(--font-family--headline);
  color: var(--color--headline);
  font-size: var(--text--larger);
  line-height: var(--line-height--headline);
  text-align: center;
  text-transform: uppercase;
  min-height: 3.25em;
  margin-bottom: 20px;
  font-weight: 900;
}

.how-it-works-col-descriptioon {
  text-align: center;
  flex-flow: column;
  flex: 0 auto;
  order: 1;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  font-weight: 300;
  display: block;
}

.participation {
  position: relative;
  overflow: visible;
}

.form-intro {
  text-align: center;
  margin-bottom: 40px;
}

.form-intro-headline, .form-intro-text-wrapa {
  margin-bottom: 20px;
}

.form-intro-text {
  font-size: var(--text--base);
  margin-top: 10px;
  margin-bottom: 10px;
}

.form-section {
  margin-bottom: 40px;
}

.form-section-intro-headline {
  font-family: var(--font-family--headline);
  font-size: var(--heading--h4);
  text-transform: uppercase;
  margin-bottom: 20px;
}

.form {
  width: 100%;
}

.form-feld {
  border: 1px solid var(--color--text);
  background-color: var(--color-base--white);
  color: var(--color--form-feld);
  font-size: var(--text--base);
  border-radius: 30px;
  height: 60px;
  margin-bottom: 20px;
  padding: 10px 20px;
}

.form-feld.hidden {
  display: none;
}

.form-feld.error {
  border-width: 1px;
  border-color: var(--color-base--red);
  background-color: var(--color-base--rosa);
  color: var(--color-base--red);
  margin-bottom: 15px;
}

.form-feld.prefilled {
  background-color: var(--color-base--lilac);
  color: var(--color-base--main-secondary);
}

.form-feld.date, .form-feld.time {
  -webkit-appearance: none;
  appearance: none;
}

.date-feld-wrap {
  position: relative;
}

.date-feld-icon {
  width: 22px;
  line-height: 0;
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
}

.form-feld-wrap {
  margin-bottom: 20px;
}

.select-field {
  color: var(--color--form-feld);
  font-size: var(--text--base);
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #152757;
  border-radius: 30px;
  height: 60px;
  margin-bottom: 20px;
  padding: 10px 32px 10px 20px;
}

.upload-field-wrap {
  color: #1f1c10;
  background-color: #fff;
  border: 1px solid #1f1c10;
  border-radius: 30px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
  padding: 10px 20px 10px 30px;
  display: flex;
}

.upload-field-wrap.mb-0 {
  border-radius: 30px;
  padding-left: 20px;
}

.upload {
  color: var(--color--form-feld);
  font-size: var(--text--base);
  text-transform: none;
  font-weight: 400;
}

.form-footnote {
  font-size: var(--text--small);
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.35em;
}

.checkboxfield {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 50px;
  display: flex;
  position: relative;
}

.checkbox {
  border: 2px none var(--color-base--main-secondary);
  color: #1f1c10;
  background-color: #fff;
  border-radius: 10px;
  flex: none;
  width: 30px;
  height: 30px;
  margin-top: 0;
  margin-left: -50px;
  position: static;
}

.checkbox.w--redirected-checked {
  background-color: #fff;
  background-image: url('../images/checked-light.svg');
  background-position: 50%;
  background-size: 60% 60%;
  padding: 4px;
}

.checkbox.error {
  border-width: 2px;
  border-color: var(--color-base--red);
  background-color: var(--color-base--rosa);
}

.checkboxtext {
  font-size: var(--text--base);
  line-height: var(--line-height--text);
  margin-bottom: 5px;
  margin-left: 17px;
  padding-top: 1px;
  font-weight: 400;
}

.checkboxtext.error {
  color: var(--color-base--red);
}

.legal-link {
  color: var(--color--text);
  font-weight: 300;
  text-decoration: underline;
}

.legal-link:hover {
  text-decoration: none;
}

.text-span {
  color: var(--color--text);
  text-decoration: none;
}

.form-footnote-blox {
  color: var(--color--text);
  font-size: var(--text--small);
  line-height: var(--line-height--text);
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.recaptcha {
  margin: 20px auto 60px;
}

.paragraph-2 {
  line-height: 1.25em;
}

.footer_link {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  margin-left: .5em;
  margin-right: .5em;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  display: inline-flex;
}

.footer_link.event_internal_link {
  margin-left: 30px;
  font-weight: 400;
}

.footer_link.event_internal_link.faq-link, .footer_link.event_internal_link.faq-link.de {
  display: inline-block;
}

.footer_logo-link {
  float: none;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 0;
  display: inline-block;
}

.footer_logo-link.w--current {
  float: none;
  width: 207px;
  max-width: 100%;
  margin: 40px auto;
  display: inline-block;
  position: static;
}

.footer {
  z-index: 2;
  text-align: center;
  letter-spacing: .1px;
  margin-top: 0%;
  position: relative;
  top: auto;
  overflow: hidden;
}

.footer.wave-top {
  margin-top: -7%;
  top: auto;
}

.footer-copyright {
  color: #fff;
  margin-bottom: 30px;
  font-size: 16px;
}

.footer-navigation {
  flex-flow: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.message-headline {
  font-size: 48px;
}

.message-headline.gewonnen {
  margin-top: 0;
}

.massage-icon {
  width: 150px;
  height: 150px;
  display: block;
}

.message-text.left-align {
  text-align: center;
}

.message-content-bg {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top-left-radius: var(--text--radius--message-window);
  border-top-right-radius: var(--text--radius--message-window);
  border-bottom-left-radius: var(--text--radius--message-window);
  border-bottom-right-radius: var(--text--radius--message-window);
  background-color: var(--color-base--main-secondary);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 780px;
  max-width: 96%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 80px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 30px #00000040;
}

.message-content-bg.game-container-wrapper {
  width: 940px;
  height: 650px;
  padding: 0;
  overflow: hidden;
}

.message-content-bg.gewonnen {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-top: 20px;
}

.btn-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  text-transform: uppercase;
  -webkit-user-select: none;
  user-select: none;
  background-color: #152757;
  border: 1px solid #152757;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: stretch;
  padding: 12px 20px;
  font-size: 20px;
  font-weight: 900;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .5s;
  transition-timing-function: ease;
  display: inline-flex;
}

.btn-2:hover {
  background-color: #1f1c10;
}

.section {
  position: relative;
  overflow: visible;
}

.section.with-wave-top {
  margin-top: -9%;
  padding-top: 0%;
}

.section.with-wave-top.section-2 {
  z-index: 5;
}

.section.overflow-hidden {
  overflow: hidden;
}

.messages-container {
  background-image: url('../images/background-main.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 200px;
}

.messages-container.game-page {
  background-color: var(--color--bg-page);
  background-image: none;
  position: static;
}

.messages-container.de {
  background-image: url('../images/background-de.jpg');
}

.h1-legal-page {
  font-family: var(--font-family--headline);
  font-size: var(--heading--legal-pages-h1);
  line-height: var(--line-height--headline);
  text-align: center;
  margin-bottom: 40px;
}

.p-legal {
  color: var(--color--text-legal);
  font-size: var(--text--legal-text);
}

.legal-page-link {
  color: var(--color--text-legal);
}

.legal-page-link.break-all {
  word-break: break-all;
}

.btn-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  text-transform: uppercase;
  -webkit-user-select: none;
  user-select: none;
  background-color: #152757;
  border: 1px solid #152757;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: stretch;
  padding: 12px 20px;
  font-size: 20px;
  font-weight: 900;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .5s;
  transition-timing-function: ease;
  display: inline-flex;
}

.btn-3:hover {
  background-color: #1f1c10;
}

.btn-3.back-btn.w--current {
  border-color: var(--color--button-bg);
  border-radius: var(--button--radius);
  background-color: var(--color--button-bg);
}

.btn-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  text-transform: uppercase;
  -webkit-user-select: none;
  user-select: none;
  background-color: #152757;
  border: 1px solid #152757;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: stretch;
  padding: 12px 20px;
  font-size: 20px;
  font-weight: 900;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .5s;
  transition-timing-function: ease;
  display: inline-flex;
}

.btn-4:hover {
  background-color: #1f1c10;
}

.h2-legal {
  color: var(--color--headline-legal);
  font-size: var(--heading--legal-pages-h2);
  margin-top: 40px;
  margin-bottom: 20px;
}

.bold-2 {
  font-size: 1.1em;
}

.image-text {
  grid-column-gap: var(--padding-horisontal--tablet);
  grid-row-gap: var(--padding-horisontal--tablet);
  justify-content: flex-start;
  align-items: center;
  width: 940px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.image-text-img-block {
  width: auto;
  min-width: 50%;
  position: relative;
  overflow: visible;
}

.image-text-img-block.reverse {
  order: 2;
  position: relative;
}

.image-text-txt-block {
  align-self: flex-start;
  max-width: 100%;
  position: static;
  overflow: visible;
}

.image-text-img-box-imgwrap {
  border-radius: var(--text--radius--image);
  position: relative;
  overflow: hidden;
}

.img {
  width: 100%;
  line-height: 0;
  display: block;
}

.image-text-headline {
  font-family: var(--font-family--headline);
  color: var(--color--headline);
  font-size: var(--heading--h2);
  line-height: var(--line-height--headline);
  text-transform: uppercase;
  max-width: 100%;
  font-weight: 900;
}

.image-text-headline.centered {
  text-align: center;
}

.image-text-txt-box-text {
  max-width: 100%;
}

.banner-more-as-300 {
  width: 45%;
  position: absolute;
  top: -13%;
  right: -8%;
}

.mt-0 {
  float: none;
  font-size: var(--text--legal-text);
  line-height: var(--line-height--1-45em);
  margin-top: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.paragraph-3, .mt-10 {
  margin-top: 10px;
}

.game-container {
  border-radius: var(--text--radius--message-window);
  background-image: url('../images/game-background-1.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.hill-front.game-asset {
  pointer-events: auto;
  inset: auto 0% 0% auto;
  width: 500px;
  inset: auto 0% 0% auto;
}

.lamb.game-asset {
  width: 100px;
  top: auto;
  bottom: 200px;
  left: 280px;
}

.collectable.game-asset {
  width: 140px;
  inset: 28% 29% auto auto;
}

.collectable.game-asset.egg-01 {
  cursor: pointer;
  width: auto;
  top: 30%;
  right: 46%;
}

.collectable.game-asset.egg-01.collectable-1970 {
  top: 17%;
  right: 29%;
}

.collectable.game-asset.egg-1 {
  cursor: pointer;
  width: auto;
  top: 30%;
  right: 42%;
}

.collectable.game-asset.egg-3 {
  cursor: pointer;
  width: auto;
  top: 66%;
  left: 0;
  right: 84%;
}

.collectable.game-asset.egg-2 {
  cursor: pointer;
  width: auto;
  top: 19%;
  right: 11%;
}

.collectable.game-asset.egg-2.collectable-1970 {
  top: 14%;
  right: 9%;
}

.collectable.game-asset.osterhase {
  cursor: pointer;
  width: 36px;
  height: 48px;
  top: 50%;
  right: 43%;
}

.collectable.game-asset.osterhase.collectable-1970 {
  top: 48%;
  right: 40%;
}

.collectable.game-asset.video {
  width: 100px;
  height: 80px;
  top: 49.5%;
  right: 18.5%;
}

.collectable.game-asset.video.collectable-1970 {
  top: 64%;
  right: 10%;
}

.game-asset {
  position: absolute;
}

.game-asset.rabbit {
  inset: auto auto 0% 0%;
}

.game-asset.flower-right {
  inset: auto 0% 25% auto;
}

.inventar.game-asset {
  border: 3px solid var(--color-base--main-secondary);
  z-index: 4;
  inset: auto 0% 10px 50%;
  background-color: #ffffffd9;
  border: 3px solid #382870;
  border-radius: 20px;
  width: 300px;
  max-width: 100%;
  height: 80px;
  inset: auto 0% 10px 50%;
  transform: translate(-50%);
}

.basket {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
  position: relative;
}

.basket.basket-1 {
  padding-top: 8px;
}

.basket.basket-1.de {
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.basket.basket-2 {
  padding-top: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.basket.basket-2.de {
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.basket.basket-3 {
  padding-top: 7px;
}

.basket.basket-3.de {
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.rabbit.game-asset {
  width: 260px;
}

.flower-right.game-asset {
  width: 100px;
  display: block;
  bottom: 21%;
}

.flower-left.game-asset {
  inset: auto auto -10px -18px;
  width: auto;
  inset: auto auto -10px -42px;
}

.egg-basket {
  width: 35px;
  position: absolute;
  inset: auto auto 6px 24px;
}

.egg-basket.egg-wavy {
  left: 25px;
}

.egg-basket.egg-golden {
  opacity: 0;
  pointer-events: none;
  width: 76px;
  transition: opacity 1s cubic-bezier(.645, .045, .355, 1);
  bottom: 250px;
  left: -72px;
}

.egg-basket.egg-wavy {
  opacity: 0;
  pointer-events: none;
  vertical-align: baseline;
  width: 72px;
  transition: opacity 1s cubic-bezier(.645, .045, .355, 1);
  inset: auto auto 240px 6px;
}

.egg-basket.egg-dot {
  opacity: 0;
  pointer-events: none;
  width: 74px;
  transition: opacity 1s cubic-bezier(.645, .045, .355, 1);
  bottom: 240px;
  left: 90px;
}

.egg-basket.egg-zigzag {
  opacity: 1;
}

.image-3, .image-4 {
  position: relative;
}

.basket-img {
  width: 55px;
  position: static;
}

.basket-img.basket-front {
  position: absolute;
  inset: auto auto 0% 15px;
}

.basket-img.de {
  width: 60px;
  position: relative;
  left: 4px;
}

.flower-arangement.game-asset {
  pointer-events: none;
  width: 120px;
  max-width: none;
  inset: auto auto 0% -37px;
}

.flower-arangement.game-asset.de {
  width: 70px;
  bottom: -19px;
  left: -12px;
}

.social-btn-text {
  text-align: center;
  padding-top: 11px;
  font-size: 1rem;
  line-height: 1em;
}

.img-w-100pc {
  opacity: 1;
  width: 102%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 0;
  display: block;
  position: relative;
  left: -1%;
  overflow: clip;
}

.sicial-btn-icon {
  width: 96px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.sicial-btn-icon.footer-icon {
  width: 24px;
}

.container-2 {
  width: 1422px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 60px;
  position: relative;
}

.footer-2 {
  z-index: 2;
  text-align: center;
  letter-spacing: .1px;
  background-color: #7d69af;
  position: relative;
}

.social-buttons-panel {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 20px;
  display: flex;
}

.footer-emmo-img {
  width: 208px;
  max-width: 28%;
  position: absolute;
  top: auto;
  bottom: 21%;
  left: 50%;
  transform: translateX(-50%);
}

.footer-emmo-section {
  z-index: 3;
  background-color: var(--color-base--main-primary);
  padding-top: 60px;
  position: relative;
}

.footer-emmo-section.top-small {
  padding-top: 50px;
}

.footer-emmo-bg {
  margin-top: -30px;
  margin-bottom: -30px;
}

.social-btn-link {
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.wave-wrap {
  z-index: 3;
  position: relative;
  bottom: -1px;
  overflow: hidden;
}

.wave-wrap.dark {
  margin-bottom: -1px;
  display: block;
  overflow: hidden;
}

.wave-wrap.rverse {
  opacity: 1;
  margin-top: -2px;
  bottom: 2px;
  overflow: hidden;
  transform: scale(-1);
}

.wave-wrap.rverse.de {
  z-index: 15;
  position: absolute;
  top: 0;
  bottom: auto;
}

.wave-bottom-dark {
  z-index: 1;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.hero-banner-content {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  line-height: 1em;
  display: inline-flex;
  overflow: hidden;
}

.hero-banner-text {
  font-size: var(--heading--h4);
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 900;
  line-height: 1;
}

.hero-nbanner-wrap {
  z-index: 9;
  text-align: center;
  font-size: 2vw;
  line-height: 1.1em;
  position: absolute;
  top: -30%;
  left: 50%;
  transform: translateX(-50%);
}

.hero-nbanner-wrap.gewinnspielbanner {
  font-size: var(--heading--legal-pages-h2);
  border-radius: 30px;
  top: auto;
  bottom: 0;
}

.hero-banner-icon {
  background-image: url('../images/icon-chevron-down-duo-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
}

.text-img-banner {
  z-index: 10;
  width: 40%;
  position: absolute;
  bottom: -8%;
  right: -19%;
  transform: rotate(6.547deg);
}

.text-img-banner.left {
  left: -19%;
  right: auto;
  transform: rotate(-6.547deg);
}

.text-img-banner.comming-soon {
  width: auto;
  bottom: 40%;
  right: 4%;
}

.section-content {
  background-color: var(--color-base--main-primary);
  padding-top: 50px;
  padding-bottom: 50px;
}

.section-content.bg-dark {
  background-color: var(--color-base--main-secondary);
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  overflow: visible;
}

.section-content.space-bottom {
  padding-bottom: 160px;
}

.section-content.overflow-hidden, .section-content.overflow-hidden.bg-dark {
  overflow: hidden;
}

.step-number {
  font-family: var(--font-family--headline);
  color: var(--color-base--main-secondary);
  text-align: center;
  background-image: url('../images/Egg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 89%;
  width: 36px;
  height: 48px;
  font-size: 26px;
  line-height: 1.8em;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 6%;
}

.gold {
  font-family: var(--font-family--headline);
  color: #f9ca56;
  font-size: var(--heading--h1);
  text-align: center;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#f9ca56 56%, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 900;
  line-height: 1.2em;
  display: block;
}

.p1-emo-img-1 {
  z-index: 100;
  pointer-events: none;
  height: 29vh;
  position: absolute;
  top: -8%;
  right: 0;
}

.p1-emo-img-2 {
  pointer-events: none;
  height: 18vh;
  position: absolute;
  top: 24%;
  left: 0;
}

.p1-emo-img-3 {
  pointer-events: none;
  height: 21vh;
  position: absolute;
  top: auto;
  bottom: 7%;
  right: 12%;
}

.p1-emo-img-4 {
  z-index: 10;
  pointer-events: none;
  position: absolute;
  top: -7%;
  left: 13%;
}

.p2-emo-img-1 {
  z-index: 4;
  width: 110px;
  position: absolute;
  inset: auto auto -13% 18%;
}

.p2-emo-img-2 {
  z-index: 10;
  max-width: 11%;
  position: absolute;
  inset: auto auto -3% 2%;
  transform: rotate(20deg);
}

.p2-emo-img-2.for-fullpage {
  top: 10px;
}

.p2-emo-img-2.for-fullpage.legal-emo {
  inset: auto auto 0% 0%;
}

.p2-emo-img-2.new-position {
  left: auto;
  right: 5%;
}

.p2-emo-img-3 {
  z-index: 9;
  max-width: 26%;
  position: absolute;
  inset: auto auto 4% 0%;
}

.p2-emo-img-3.legal-emo {
  transform-style: preserve-3d;
  width: 200px;
  inset: 0% 0% auto auto;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.p2-emo-img-4 {
  z-index: 9;
  max-width: 26%;
  position: absolute;
  bottom: 5%;
  right: 6%;
}

.p2-emo-img-4.legal-emo {
  bottom: 0;
}

.p2-emo-img-5 {
  z-index: 9;
  width: 100px;
  max-width: 20%;
  position: absolute;
  inset: 2% auto auto 17%;
}

.p2-emo-img-5.legal-emo {
  width: 100px;
  bottom: -60px;
}

.p2-emo-img-5.new-position {
  inset: auto 10% 0% auto;
}

.games-container {
  background-color: var(--color-base--black);
  opacity: 1;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

.games-container.de {
  background-image: url('../images/Milka_Game-DE-sky.jpg');
  background-position: 50% 0;
  background-size: 133%;
}

.purple-egg.game-asset {
  width: 126px;
  inset: auto 129px 50px auto;
}

.purple-egg.game-asset.de {
  z-index: 2;
  width: 100px;
  bottom: 236px;
  right: 35%;
}

.mole.game-asset {
  width: 120px;
  inset: auto 100px 190px auto;
}

.egg-zigzag.egg-basket {
  opacity: 0;
  pointer-events: none;
  width: 76px;
  bottom: 250px;
  left: -72px;
}

.lamb-img {
  opacity: 0;
  width: 80px;
  position: relative;
  left: 20px;
}

.lamb-img.lamb-dot {
  opacity: 0;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.lamb-img.lamb-gold {
  opacity: 0;
  width: 85px;
  transition: transform .75s, opacity 1s;
  display: inline-block;
  position: absolute;
  inset: auto -600% 0% auto;
  transform: scale(0);
}

.lamb-img.lamb-gold.show {
  opacity: 100;
  transition: right 3s, transform .5s, opacity 1s;
  right: 0;
  transform: translate(0)scale(1);
}

.flower-middle {
  width: auto;
}

.flower-middle.game-asset {
  width: 170px;
  display: none;
  inset: auto auto 140px 41%;
}

.violett-egg {
  z-index: 2;
  opacity: .8;
  cursor: pointer;
  transition: opacity .2s;
  position: relative;
}

.violett-egg.osterhase {
  cursor: pointer;
}

.message-content-bg-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 620px;
  max-width: 96%;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
  box-shadow: 0 10px 30px #00000040;
}

.message-content-bg-2.game-container-wrapper {
  z-index: 11;
  border: 5px solid var(--color-base--white);
  border-radius: 50px;
  width: 940px;
  height: 650px;
  margin-top: 20px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.message-content-bg-2.game-container-wrapper.game-win {
  z-index: 11;
  border: 5px solid #fff;
  margin-top: 20px;
  position: relative;
}

.message-content-bg-2.game-container-wrapper.game-lose {
  display: inline-block;
}

.hill-front-img-2 {
  pointer-events: none;
}

.purple-egg-img.de {
  width: 45px;
  position: absolute;
  inset: auto auto 10px 20px;
  transform: rotate(20deg);
}

.hill-back-right.game-asset {
  pointer-events: none;
  width: 940px;
  display: inline-block;
  inset: auto -70px 106px auto;
}

.emo-images {
  max-width: 100%;
  display: block;
  position: static;
}

.emo-images.game {
  vertical-align: baseline;
  display: inline-block;
  position: static;
}

.emo-images.legal-emo {
  height: auto;
  position: static;
}

.hill-middle.game-asset {
  opacity: 1;
  pointer-events: none;
  width: 940px;
  display: inline-block;
  inset: auto -46px 40px auto;
}

.explaination-list {
  position: static;
}

.explaination {
  text-align: left;
  margin-left: 60px;
}

.heading {
  font-size: var(--heading--h4);
}

.heading.explaination {
  margin-left: 60px;
}

.explaination-point {
  position: relative;
}

.explaination-number {
  background-color: var(--color-base--main-primary);
  font-family: var(--font-family--global-bold);
  border-radius: 100%;
  width: 50px;
  height: 50px;
  margin-top: 5px;
  padding-top: 9px;
  font-weight: 500;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-5 {
  width: auto;
}

.text-link {
  color: var(--color--text);
}

.shining {
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  cursor: auto;
  background-image: radial-gradient(circle, #fff, #0000);
  width: 100%;
  height: 100%;
  position: absolute;
}

.shining.intro {
  opacity: .4;
}

.text-wrapper {
  opacity: 0;
}

.game-explaination-text {
  text-align: center;
  width: 800px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.game-explaination-text.intro-text {
  align-self: center;
  padding: 20px 30px;
}

.game-intro-wrapper {
  z-index: 5;
  background-color: var(--color--bg-page);
  opacity: .95;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.game-intro-wrapper.hidden {
  display: none;
}

.game-intro-wrapper.zimmer-wahl {
  opacity: 1;
  display: inline-flex;
}

.game-intro-wrapper.zimmer-wahl.hidden {
  display: none;
}

.game-intro-wrapper.erklaerung {
  opacity: 1;
  display: inline-flex;
}

.game-intro-wrapper.erklaerung.hidden {
  display: none;
}

.heading-2 {
  font-size: var(--heading--h3);
}

.intro-text-container {
  z-index: 4;
  flex: 0 auto;
  order: 0;
  align-self: center;
  width: 810px;
  max-width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.text-block {
  align-self: center;
  display: block;
}

.link-2 {
  color: var(--color--text);
}

.foot-note {
  z-index: 3;
  font-family: var(--font-family--global);
  font-size: var(--text--legal-text);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-note {
  font-size: var(--text--legal-text);
  width: 600px;
  max-width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  position: static;
}

.footer-note.de {
  width: 40px;
}

.footer-note.left-aligned {
  text-align: center;
}

.non-break {
  font-family: var(--font-family--global);
  white-space: nowrap;
  word-break: normal;
}

._w-form {
  display: block;
  overflow: hidden;
}

.link-3 {
  color: var(--color--text);
}

.h3-legal {
  font-size: var(--heading-landscape--h3);
}

.ul-legal {
  font-size: var(--text--legal-text);
}

.img-captcha {
  opacity: .5;
  position: absolute;
  inset: auto 10px 0 auto;
}

.captcha {
  opacity: 1;
  font-size: var(--text--radius--small);
}

.dotted-arrangement.de {
  z-index: 2;
  pointer-events: none;
  position: relative;
  inset: auto 0% 0% auto;
}

.golden-egg.game-asset.de {
  z-index: 3;
  opacity: 0;
  width: 70px;
  transition: opacity .5s;
  inset: auto auto 47% 30%;
}

.golden-egg.game-asset.de.show {
  opacity: 100;
  transition: opacity .5s;
}

.dotted-egg.game-asset.de {
  z-index: 1;
  width: 596px;
  inset: auto 0 -80px auto;
}

.purple-arrangement.de {
  pointer-events: none;
  position: relative;
}

.dotted-egg-img.de {
  z-index: 1;
  width: 110px;
  position: absolute;
  inset: auto auto 179px 61%;
  transform: rotate(-21deg);
}

.final-egg {
  width: 38px;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: rotate(-10deg);
}

.final-egg.losing-egg {
  opacity: 0;
  pointer-events: none;
  display: inline-block;
}

.final-egg.losing-egg.show {
  opacity: 100;
  pointer-events: auto;
  transition: opacity 1s;
  display: inline-block;
}

.final-egg.winning-egg.de {
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s;
}

.final-egg.winning-egg.de.show {
  opacity: 100;
  pointer-events: auto;
}

.final-egg.winning-egg.de.hidden {
  display: none;
}

.clouds.game-asset {
  max-width: none;
}

.cloud-img {
  width: 1060px;
  max-width: none;
  position: relative;
  left: -10%;
}

.heading-3, .heading-4 {
  display: block;
}

.hidden-heading {
  display: none;
}

.centered {
  text-align: center;
}

.centered.small {
  width: 740px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.teaser {
  background-color: var(--color-base--white);
  color: var(--color-base--main-secondary);
}

.teaser.teaser-1-2 {
  border-radius: 15px;
  width: 460px;
  overflow: hidden;
}

.two-column-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.teaser-text {
  font-family: var(--font-family--headline);
  text-align: center;
  font-size: 20px;
  font-weight: 900;
}

.teaser-text.text-big {
  font-family: var(--font-family--headline);
  font-size: var(--heading--h2);
  line-height: var(--heading-tablet--h2);
  margin-top: 5px;
}

.teaser-text.text-big.newsletter-text {
  text-align: left;
  text-transform: uppercase;
  padding-top: 30px;
  padding-bottom: 30px;
}

.teaser-text.newsletter-text {
  text-align: left;
}

.image-wrapper {
  background-color: var(--color-base--green-light);
  width: 100%;
  height: 200px;
  position: relative;
  overflow: hidden;
}

.image-wrapper.newsletter-image-wrapper {
  width: 33%;
  height: auto;
}

.teaser-image {
  max-width: 120%;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.teaser-image.mobile {
  display: none;
}

.teaser-text-wrapper {
  padding: 30px;
}

.teaser-text-wrapper.newsletter-text-wrapper {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 66%;
  display: flex;
}

.paragraph-5 {
  font-size: var(--text--legal-text);
  line-height: var(--line-height--1-45em);
}

.info-box-buttons {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: block;
}

.info-box-buttons-headline {
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 900;
}

.info-box-flex-btns-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  padding: 6px;
  display: flex;
}

.btn-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #000;
  text-transform: uppercase;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 0 #fff;
  border-radius: 90px;
  padding: 10px 26px;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.1em;
  text-decoration: none;
  transition-property: opacity, background-color;
  transition-duration: .5s, .5s;
  transition-timing-function: ease, ease;
  display: inline-flex;
}

.btn-5:hover {
  opacity: .6;
  background-color: #fff;
}

.btn-5.logo-btn {
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 450px;
  max-width: 50%;
  min-height: 80px;
  padding: 0;
  display: flex;
}

.btn-logo {
  height: 62px;
}

.btn-logo.alfies {
  height: 56px;
}

.btn-logo.interspar {
  height: 14px;
}

.newsletter-teaser {
  border: 2px solid var(--color-base--white);
  background-color: var(--color--form-feld);
  border-radius: 30px;
  display: flex;
  overflow: hidden;
}

.newsletter-image {
  width: 100%;
  margin-left: 50%;
  transform: translate(-50%);
}

.stoerer-1 {
  z-index: 3;
  position: absolute;
  inset: -150px -87px auto auto;
}

.radio-button {
  width: 30px;
  height: 30px;
  margin-right: 20px;
}

.bold-text-2, .bold-text-3 {
  line-height: var(--heading-tablet--legal-pages-h2);
}

.error-text {
  border: 1px solid var(--color-base--red);
  background-color: var(--color-base--rosa);
  color: var(--color-base--red);
  border-radius: 15px;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
}

.error-text.show {
  clear: none;
  flex: none;
  order: 0;
  align-self: auto;
  display: inline-block;
  position: static;
}

.error-text.show.visible {
  border: 1px solid var(--color-base--red);
  background-color: var(--color-base--rosa);
  color: var(--color-base--red);
  border-radius: 15px;
  margin: 0 auto 30px;
  padding: 0 10px;
  display: inline-block;
}

.field, .field.vorname {
  position: relative;
}

.field.sonstige.hidden {
  display: none;
}

.static-field {
  background-color: var(--color-base--lilac);
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  display: flex;
}

.static-field-text {
  color: var(--color-base--main-secondary);
}

.label {
  pointer-events: none;
  color: var(--color-base--main-secondary);
  margin-bottom: 0;
  font-weight: 300;
  transition: all .2s linear;
  position: absolute;
  inset: 0% auto auto 12px;
}

.spiele-hintergrund {
  background-image: url('../images/zimmer-60.jpg');
  background-position: 0 0;
  background-size: auto;
  width: 1600px;
  height: 900px;
  position: relative;
}

.spiele-hintergrund.hintergrund-1970 {
  background-image: url('../images/zimmer-70.jpg');
}

.scroll-frame {
  scrollbar-width: none;
  width: 100%;
  height: 100%;
  overflow: scroll;
}

.game-overlay {
  pointer-events: none;
  transform-origin: 50%;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.spiele-zimmer.zimmer-1960 {
  display: block;
}

.spiele-zimmer.zimmer-1970, .spiele-zimmer.zimmer-1970.hidden {
  display: none;
}

.auswahl-container {
  z-index: 4;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.egg-golden-img {
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.egg-golden-img.hidden {
  display: none;
}

.egg-golden-img.show {
  display: inline-block;
  top: -16px;
}

.egg-golden-img.egg-2-golden.show {
  left: 1px;
}

.inventar-osterhase {
  z-index: 4;
  pointer-events: none;
  backface-visibility: visible;
  perspective-origin: 50%;
  transform-origin: 50%;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.schmunzelhase-img {
  opacity: 0;
  pointer-events: none;
  max-width: none;
  height: 80px;
  position: absolute;
  inset: auto auto 0% 50%;
  transform: translate(-50%);
}

.schmunzelhase-img.show {
  opacity: 100;
}

.yt-video.vid-60 {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  width: 120px;
  height: 80px;
  position: absolute;
  inset: 0% auto auto -19px;
}

.yt-video.vid-70 {
  z-index: 1;
  opacity: 0;
  width: 162px;
  height: 124px;
  display: block;
  transform: rotate(9deg);
}

.osterhase-60 {
  transform-origin: center;
}

.osterhase-60.osterhase-img {
  opacity: 0;
}

.yt-video-mask {
  border-radius: 10px;
  width: 162px;
  height: 124px;
  position: absolute;
  inset: -33px auto auto -14px;
  overflow: hidden;
  transform: rotate(3deg);
}

.yt-video-mask.vid-60 {
  width: 78px;
  height: 78px;
  top: -11px;
  left: 8px;
  transform: rotate(5deg);
}

.click-blocker {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.p2-emo-img-6 {
  z-index: 4;
  width: 230px;
  position: absolute;
  inset: auto auto -33% 0%;
}

.field-pretext {
  margin-bottom: 10px;
}

.field-pretext.mt-5 {
  margin-top: 30px;
}

.p2-emo-img-7 {
  z-index: 4;
  width: 150px;
  position: absolute;
  inset: auto 0% -225px auto;
}

.code {
  font-family: var(--font-family--headline);
  white-space: nowrap;
  word-break: normal;
  font-weight: 900;
}

@media screen and (max-width: 991px) {
  .element-headline {
    text-align: center;
  }

  .container.hero-content {
    padding-left: 0;
    padding-right: 0;
  }

  .container.hero-container {
    z-index: 11;
    display: block;
  }

  .hero {
    padding-bottom: 15px;
  }

  .hero-image {
    width: 100%;
  }

  .how-it-works-columns {
    width: 450px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .how-it-works-col {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10%;
  }

  .footer_logo-link {
    margin-left: 30px;
    margin-right: 30px;
  }

  .message-headline {
    font-size: 42px;
  }

  .message-content-bg {
    max-width: 94%;
  }

  .message-content-bg.gewonnen {
    background-position: 50% 0;
    background-repeat: no-repeat;
  }

  .image-text {
    flex-flow: column;
    width: 414px;
  }

  .image-text-img-block {
    order: -1;
  }

  .image-text-img-block.reverse {
    order: 0;
  }

  .image-text-headline {
    text-align: center;
  }

  .wave-wrap {
    bottom: 5px;
  }

  .wave-wrap.dark {
    bottom: 0;
  }

  .hero-nbanner-wrap {
    line-height: 1.1em;
    top: -15%;
  }

  .hero-nbanner-wrap.gewinnspielbanner {
    bottom: -5%;
  }

  .hero-banner-icon {
    width: 25px;
    height: 25px;
  }

  .text-img-banner.comming-soon {
    z-index: 10;
    width: 128px;
    display: block;
    bottom: 36px;
    right: 22%;
  }

  .step-number {
    left: 20%;
  }

  .p1-emo-img-2, .p1-emo-img-3 {
    display: none;
  }

  .p1-emo-img-4 {
    width: 100px;
    top: -4%;
  }

  .p2-emo-img-1 {
    bottom: -3%;
    left: 8%;
  }

  .p2-emo-img-2 {
    max-width: 19%;
  }

  .p2-emo-img-5 {
    top: 0%;
  }

  .games-container.de {
    background-size: 153%;
  }

  .hill-front-img-2 {
    pointer-events: none;
  }

  .teaser-text-wrapper {
    padding-left: 36px;
    padding-right: 36px;
  }

  .newsletter-image {
    width: auto;
    max-width: none;
    height: 100%;
  }

  .paragraph-6 {
    text-align: center;
  }

  .p2-emo-img-6 {
    width: 180px;
    bottom: -15%;
  }
}

@media screen and (max-width: 767px) {
  .logo-wrap {
    max-width: 21%;
  }

  .hero-banner {
    top: auto;
    bottom: 3%;
  }

  .header-container {
    padding-right: var(--padding-horisontal--mobile-landscape);
    padding-left: var(--padding-horisontal--mobile-landscape);
  }

  .tucde-link-wrap {
    right: 20px;
  }

  .how-it-works-columns {
    width: 400px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .how-it-works-col {
    width: 100%;
    margin-bottom: 17%;
  }

  .how-it-works-col-icon-wrap, .how-it-works-col-headline {
    margin-bottom: 15px;
  }

  .upload-field-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .recaptcha {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .footer_link {
    margin-bottom: 30px;
    line-height: 1.2;
    display: block;
  }

  .footer_logo-link {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-copyright {
    width: 400px;
    max-width: 100%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-navigation {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .message-content-bg.gewonnen {
    background-position: 50% 0;
    background-repeat: no-repeat;
  }

  .image-text-headline, .image-text-txt-box-text {
    text-align: center;
  }

  .banner-more-as-300 {
    width: 39%;
    top: -18%;
    right: 8%;
  }

  .footer-emmo-img {
    max-width: 17%;
  }

  .hero-banner-text {
    font-size: 16px;
  }

  .hero-nbanner-wrap {
    top: -14%;
  }

  .text-img-banner.comming-soon {
    bottom: 10px;
    right: 15%;
  }

  .p2-emo-img-3, .p2-emo-img-4 {
    display: none;
  }

  .games-container.de {
    background-position: 40% 0;
    background-size: 210%;
  }

  .paragraph-4 {
    text-align: left;
  }

  .image-wrapper.newsletter-image-wrapper, .teaser-text-wrapper.newsletter-text-wrapper {
    width: 50%;
  }

  .stoerer-1 {
    right: -60px;
  }
}

@media screen and (max-width: 479px) {
  .container.bg-dark.no-padding.extra-padding {
    padding-right: var(--text--radius--image);
    padding-left: var(--text--radius--image);
  }

  .logo-wrap {
    width: 90px;
    max-width: 40%;
  }

  .hero {
    max-width: 100%;
    min-height: 400px;
    overflow: hidden;
  }

  .hero-image {
    max-height: NaN% ;
    width: auto;
    max-width: none;
    height: 400px;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    inset: 0% 0% 0% 50%;
    transform: translate(-50%);
  }

  .hero-image.desktop {
    display: none;
  }

  .hero-image.mobile {
    display: block;
  }

  .hero-banner {
    border-radius: var(--text--radius--small);
    padding: 10px;
  }

  .hero-content {
    height: 380px;
    overflow: visible;
  }

  .header-container {
    padding-right: var(--padding-horisontal--mobile-portrait);
    padding-left: var(--padding-horisontal--mobile-portrait);
  }

  .tucde-link-wrap {
    top: 10px;
    right: 10px;
  }

  .link-block {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    flex-flow: column;
  }

  .tucde-link-text {
    font-size: 12px;
  }

  .tucde-link-icon {
    order: -1;
    width: 30px;
    height: 30px;
  }

  .btn-text {
    font-size: 16px;
  }

  .btn.submit {
    padding-left: var(--button--padding-x);
    border-width: 2px;
    border-color: var(--color-base--lilac);
    background-color: var(--color-base--lilac);
    color: var(--color-base--main-secondary);
    background-image: none;
    min-width: 200px;
  }

  .btn.submit:hover {
    background-image: none;
    min-width: 200px;
  }

  .how-it-works-intro-headline.center {
    margin-bottom: 20px;
  }

  .how-it-works-col-headline {
    min-height: auto;
  }

  .form-intro-headline {
    font-size: var(--heading-portrait--h2);
  }

  .checkboxfield {
    max-width: 98%;
  }

  .checkbox {
    border-width: 2px;
    border-radius: 10px;
  }

  .footer_link.event_internal_link.faq-link {
    display: block;
  }

  .footer {
    top: auto;
  }

  .footer-navigation {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .message-headline {
    font-size: 28px;
  }

  .message-text {
    font-size: var(--text--mobile-base);
    line-height: var(--line-height--1-45em);
  }

  .message-content-bg {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .message-content-bg.gewonnen {
    background-position: 50% 1%;
    background-repeat: no-repeat;
    background-size: 131%;
  }

  .messages-container {
    padding-top: 80px;
  }

  .h1-legal-page {
    font-size: 38px;
  }

  .legal-page-link.break-all {
    word-break: break-all;
  }

  .h2-legal {
    font-size: 26px;
  }

  .image-text {
    justify-content: flex-start;
    align-items: center;
  }

  .image-text-img-block {
    order: -1;
    align-self: auto;
  }

  .image-text-headline {
    font-size: var(--heading-portrait--h2);
  }

  .hill-front.game-asset {
    width: 400px;
    display: inline-block;
    bottom: 89px;
    left: -25px;
    right: auto;
  }

  .lamb.game-asset {
    width: 80px;
    bottom: 230px;
    left: 20px;
  }

  .rabbit.game-asset, .flower-right.game-asset {
    display: none;
  }

  .flower-left.game-asset {
    inset: auto -23px 0% auto;
  }

  .flower-arangement.game-asset {
    width: 100px;
  }

  .flower-arangement.game-asset.de {
    bottom: -20px;
    left: -13px;
  }

  .img-w-100pc {
    bottom: 0;
  }

  .social-buttons-panel {
    flex-flow: wrap;
  }

  .footer-emmo-img {
    max-width: 53%;
    bottom: 7%;
  }

  .footer-emmo-section {
    overflow: hidden;
  }

  .footer-emmo-section.top-small {
    padding-top: 60px;
  }

  .footer-emmo-bg {
    width: 136%;
    max-width: 200%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .wave-wrap {
    display: block;
    bottom: -1px;
  }

  .wave-wrap.dark {
    margin-bottom: -1px;
    display: block;
  }

  .wave-wrap.rverse {
    bottom: 1px;
  }

  .hero-banner-text {
    font-size: 16px;
    line-height: 1.1em;
  }

  .hero-nbanner-wrap {
    width: 85%;
    max-width: 230px;
    top: -15%;
  }

  .hero-nbanner-wrap.gewinnspielbanner {
    width: 90%;
    max-width: 290px;
  }

  .hero-banner-icon {
    width: 25px;
    height: 25px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .text-img-banner {
    width: 25%;
    bottom: 1%;
    right: 0%;
  }

  .text-img-banner.left {
    bottom: 2%;
    left: 0%;
  }

  .text-img-banner.comming-soon {
    width: 128px;
    bottom: 12px;
    right: 1%;
  }

  .section-content {
    background-color: var(--color-base--main-primary);
    padding-top: 80px;
  }

  .section-content.space-bottom {
    padding-bottom: 80px;
  }

  .step-number {
    padding-top: 3px;
    left: 16%;
  }

  .p2-emo-img-1 {
    width: 75px;
    display: inline-block;
    bottom: -1%;
  }

  .p2-emo-img-2 {
    z-index: 7;
    max-width: 25%;
  }

  .p2-emo-img-2.for-fullpage {
    max-width: 22%;
    top: 0%;
  }

  .p2-emo-img-2.new-position {
    right: 9%;
    overflow: clip;
  }

  .p2-emo-img-3 {
    z-index: 7;
  }

  .p2-emo-img-5 {
    top: 0%;
    left: 9%;
  }

  .p2-emo-img-5.de {
    bottom: 7%;
  }

  .games-container {
    background-position: 50%;
  }

  .games-container.de {
    background-position: 37%;
    background-size: cover;
  }

  .purple-egg.game-asset {
    width: 100px;
    bottom: 42px;
    right: 145px;
  }

  .purple-egg.game-asset.de {
    bottom: 305px;
    right: 13%;
  }

  .mole.game-asset {
    width: 100px;
    bottom: 180px;
    right: 0;
  }

  .lamb-img.lamb-dot, .lamb-img.lamb-gold {
    width: 70px;
  }

  .flower-middle.game-asset {
    display: inline-block;
    inset: auto auto 45px -20px;
  }

  .violett-egg {
    transition: left 1s;
  }

  .message-content-bg-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hill-front-img-2 {
    display: none;
  }

  .purple-egg-img {
    position: static;
  }

  .purple-egg-img.de {
    width: 48px;
  }

  .hill-back-right.game-asset {
    display: none;
  }

  .emo-images {
    max-width: 100%;
    position: static;
    overflow: visible;
  }

  .hill-middle.game-asset {
    display: none;
  }

  .explaination {
    font-size: var(--text--base);
  }

  .text-link {
    font-weight: 300;
  }

  .text-wrapper {
    display: none;
  }

  .game-explaination-text.intro-text {
    font-size: var(--text--legal-text);
  }

  .text-block {
    max-width: 100%;
  }

  .foot-note {
    margin-top: 0;
    position: relative;
  }

  .non-break {
    white-space: nowrap;
  }

  .dotted-arrangement.de {
    bottom: 0%;
  }

  .golden-egg.game-asset.de {
    bottom: 51%;
    left: 25%;
  }

  .dotted-egg.game-asset.de {
    bottom: 22px;
    right: -10%;
  }

  .dotted-egg-img.de {
    width: 80px;
    bottom: 45%;
  }

  .final-egg {
    width: 35px;
  }

  .final-egg.winning-egg.de {
    bottom: 0;
    left: 0;
  }

  .clouds.game-asset {
    max-width: none;
  }

  .cloud-img {
    max-width: none;
    max-height: none;
  }

  .teaser.teaser-1-2 {
    max-width: 100%;
  }

  .two-column-wrapper {
    flex-flow: column;
    margin-left: 10px;
    margin-right: 10px;
  }

  .teaser-text {
    font-size: 18px;
  }

  .teaser-text.text-big.newsletter-text {
    line-height: var(--line-height--headline);
    padding-top: 10px;
  }

  .teaser-text.newsletter-text.pre-text {
    font-family: var(--font-family--global);
  }

  .image-wrapper.newsletter-image-wrapper {
    width: 100%;
  }

  .teaser-image {
    max-width: none;
    max-height: 380px;
  }

  .teaser-image.desktop {
    display: none;
  }

  .teaser-image.mobile {
    display: inline-block;
  }

  .teaser-text-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .teaser-text-wrapper.newsletter-text-wrapper {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .info-box-flex-btns-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .btn-5.logo-btn {
    width: 162px;
    min-height: 50px;
  }

  .btn-logo {
    height: 50px;
  }

  .btn-logo.alfies {
    height: 44px;
  }

  .newsletter-teaser {
    flex-flow: column;
  }

  .newsletter-image {
    width: 100%;
    height: auto;
  }

  .stoerer-1 {
    width: 150px;
    top: -120px;
    right: 20px;
  }

  .paragraph-6 {
    font-family: var(--font-family--global);
    font-weight: 300;
  }

  .error-text {
    margin-bottom: 10px;
  }

  .label {
    pointer-events: none;
  }

  .p2-emo-img-6 {
    display: inline-block;
  }

  .p2-emo-img-7 {
    display: none;
  }
}


@font-face {
  font-family: 'Congenial Light';
  src: url('../fonts/CongenialLight.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Congenial Medium';
  src: url('../fonts/CongenialMedium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Loerrach Heavy';
  src: url('../fonts/LoerrachHeavy.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}