@charset "UTF-8";
/* ------------------------------------ *\
	Settings
\* ------------------------------------ */
/* aspect ratios hero */
/* aspect ratios hero */
/* HERO CONFIG */
/* HERO CONFIG */
/* Text-Image-Vars */
/* Text-Image-Vars */
/*  Flower */
/* Flower */
/**
 * Loading Indicator (e.g. animation for infinite scrolling)
 */
/**
 * FAB – Floating Action Bar
 */
@font-face {
  font-family: 'TeleGroteskNext-Thin';
  src: url("../_fonts/telegrotesknext-thin.woff2") format("woff2"), url("../_fonts/telegrotesknext-thin.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'TeleGroteskNext-Regular';
  src: url("../_fonts/telegrotesknext-regular.woff2") format("woff2"), url("../_fonts/telegrotesknext-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'TeleGroteskNext-RegularItalic';
  src: url("../_fonts/telegrotesknext-regularitalic.woff2") format("woff2"), url("../_fonts/telegrotesknext-regularitalic.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'TeleGroteskNext-Medium';
  src: url("../_fonts/telegrotesknext-medium.woff2") format("woff2"), url("../_fonts/telegrotesknext-medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'TeleGroteskNextMedium-Italic';
  src: url("../_fonts/telegrotesknext-mediumitalic.woff2") format("woff2"), url("../_fonts/telegrotesknext-mediumitalic.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'TeleGroteskNext-Bold';
  src: url("../_fonts/telegrotesknext-bold.woff2") format("woff2"), url("../_fonts/telegrotesknext-bold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'TeleGroteskNextBold-Italic';
  src: url("../_fonts/telegrotesknext-bolditalic.woff2") format("woff2"), url("../_fonts/telegrotesknext-bolditalic.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'TeleGroteskNext-Ultra';
  src: url("../_fonts/telegrotesknext-ultra.woff2") format("woff2"), url("../_fonts/telegrotesknext-ultra.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'TeleIcon-Solid';
  src: url("../_fonts/teleIcon-solid.eot") format("eot"), url("../_fonts/teleIcon-solid.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'TeleIcon-Outline';
  src: url("../_fonts/teleIcon-outline.eot") format("eot"), url("../_fonts/teleIcon-outline.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Context-Icons;
  src: url("../_fonts/ts5-icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

/**
 * @description: Durations
 */
/**
 * @description: Timing functions
 */
/**
 * @description: initial values
 */
/**
 * @description: Microanimations
 */
@keyframes anim-fadein--bottom--small {
  0% {
    transform: translateY(25px);
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes anim-fadein--bottom--medium {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes anim-fadein--bottom--large {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes anim-fadein--left--fast {
  0% {
    transform: translateX(-30px);
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes anim-fadein--right--fast {
  0% {
    transform: translateX(30px);
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes anim-fadein--left--slow {
  0% {
    transform: translateX(-30px);
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes anim-fadein--right--slow {
  0% {
    transform: translateX(30px);
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateX(0);
  }
}

/* ------------------------------------ *\
	Tools
\* ------------------------------------ */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*
 *  MIXIN: t5-breakpoint()
 *
 *	$break-tablet-start: 768px;
 *	$break-desktop-start: 1024px;
 *
 *	@mixin t5-breakpoint($media)
 *  @params $media: mobile | tablet | desktop | mobileTablet | tabletDesktop
 *	@example  @include t5-breakpoint(tabletOnly) { width: 125px; }
 */
/**
 * MIXIN: negative touch device detection
 * Somewhat problematic topic with many edge cases. So don't use it for
 * important stuff that can break user experience!
 * There is also an touch device detection in JS.
 *
 * More infos:
 * - http://www.stucox.com/blog/you-cant-detect-a-touchscreen/
 * - https://stackoverflow.com/questions/7838680/detecting-that-the-browser-has-no-mouse-and-is-touch-only/52854585#answer-52854585
 * - https://dev.opera.com/articles/media-features/
 * - Test example for matchMedia: https://patrickhlauke.github.io/touch/pointer-hover-any-pointer-any-hover/
 */
/**
 * MIXIN: touch device detection
 * Somewhat problematic topic with many edge cases. So don't use it for
 * important stuff that can break user experience!
 * There is also an touch device detection in JS.
 *
 * More infos:
 * - http://www.stucox.com/blog/you-cant-detect-a-touchscreen/
 * - https://stackoverflow.com/questions/7838680/detecting-that-the-browser-has-no-mouse-and-is-touch-only/52854585#answer-52854585
 * - https://dev.opera.com/articles/media-features/
 * - Test example for matchMedia: https://patrickhlauke.github.io/touch/pointer-hover-any-pointer-any-hover/
 */
.clearfix {
  *zoom: 1;
}

.clearfix::before, .clearfix::after {
  content: ' ';
  display: table;
}

.clearfix::after {
  clear: both;
}

/**
 * @description Function to calculate the percentage of a col width
 * With one parameter width 100% is based on 12 cols
 * With two parameter width 100% is based on the second parameter ( col(3, 6) -> 50% )
 *
 * @example width: col(8);
 * @example width: col(2, 6);
 */
/**
 *  Setzen des box-sizing-Attributs
 *
 *	@mixin box-sizing
 *	@example @include box-sizing();
 */
/**
 *  Vertical-Alignment center/middle
 *
 *	@mixin align-middle
 *	@example @include align-middle();
 */
/**
 *  Vertical/Horizontal-Alignment center/middle
 *
 *	@mixin align-center-middle
 *	@example @include align-center-middle();
 */
/**
 * @description: Spans a container over the whole type-area (max 1024px) with
 * gutter as padding at the left and right side.
 *
 * There are some edge cases, where you need the whole span, but without padding
 * i.e.: Metanav in the mobile and tablet view
 */
/* 	Multiply effect, for insertation as :before
	ATTENTION: don't include this mixin to the outer container of organisms,
	because it affects all siblings */
/**
 * @description: Collection of styles/mixins used for the navigation
 */
/**
 * @description: .nav__label
 */
/**
 * Label styling by level
 */
/**
 * @description: .nav__item
 */
/**
 * @description: .nav__items--flyout
 *
 * All .nav__items @ level 2, 3 and 4
 */
/**
 *	Pixelpark sketch-definitions: Desktop Headline
 */
/**
 *	Pixelpark sketch-definitions: Tablet Headline
 */
/**
 *	Pixelpark sketch-definitions: Mobile Headline
 */
/**
 * @description utility class to limit content to a
 * max with of 1440px = type area ("Satzspiegel")
 */
.type-area, .m-brandbar, .footer__nav, .footer__copyright, .o-teaser-collection-cube, .o-teaser-collection--magazine.o-teaser-collection {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .type-area, .m-brandbar, .footer__nav, .footer__copyright, .o-teaser-collection-cube, .o-teaser-collection--magazine.o-teaser-collection {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .type-area, .m-brandbar, .footer__nav, .footer__copyright, .o-teaser-collection-cube, .o-teaser-collection--magazine.o-teaser-collection {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .type-area, .m-brandbar, .footer__nav, .footer__copyright, .o-teaser-collection-cube, .o-teaser-collection--magazine.o-teaser-collection {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.icon__label {
  /* stylelint-disable */
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(100%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  /* stylelint-enable */
}

.is-hidden {
  display: none;
}

/* ------------------------------------ *\
	Bases
\* ------------------------------------ */
body {
  font-family: "TeleGroteskNext-Regular", sans-serif;
  font-size: 22px;
  line-height: 28px;
  color: #262626;
  background-color: #ffffff;
  background-repeat: repeat-y;
  background-size: 100% auto;
  -webkit-text-size-adjust: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  body {
    background-image: url("../_img/bg-page.jpg");
  }
}

@media only screen and (max-width: 767px) {
  body {
    background-image: url("../_img/bg-page-mobile.jpg");
  }
}

body::before {
  display: none;
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  body::before {
    content: 'mobile';
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body::before {
    content: 'tablet';
  }
}

@media only screen and (min-width: 1024px) {
  body::before {
    content: 'desktop';
  }
}

/**
 * normalizing elements with default styling for bold
 * Has to be fixed due to the use of webfonts and font-families
 * specific for bold styling
 */
h1,
h2,
h3,
h4,
.richtext-wrapper h5,
h5,
h6,
strong,
b,
th {
  font-weight: 400;
}

strong,
b {
  font-family: 'TeleGroteskNext-Ultra', sans-serif;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* ------------------------------------ *\
	Vendor
\* ------------------------------------ */
.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.glide * {
  box-sizing: inherit;
}

.glide__track {
  overflow: hidden;
}

.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}

.glide__slides--dragging {
  -ms-user-select: none;
      user-select: none;
}

.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  -ms-user-select: none;
      user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.glide__arrows {
  -webkit-touch-callout: none;
  -ms-user-select: none;
      user-select: none;
}

.glide__bullets {
  -webkit-touch-callout: none;
  -ms-user-select: none;
      user-select: none;
}

.glide--rtl {
  direction: rtl;
}

/**
 * @description: SCSS Theme for the GlideJS slider
 *
 * Basic styling to be found in _vendor.glide.core.scss
 *
 * _vendor.glide.variables.scss and _vendor.glide.core.scss are copied from the
 * original package. Only file name was changed and the @import of variables in
 * the core SCSS file was commented out.
 */
/**
 * Addentum 2020.01.14: The introduction of a second variant of GlideJS
 * (as Image-/Video-Gallery) forces the addition of a second theme file
 */
/**
 * Local variables, only used in this file
 */
/**
 * @description: Outer wrapper of the slider
 */
/**
 * @description: Variants of the slider
 */
.glide--swipeable {
  cursor: grab;
}

.glide--dragging {
  cursor: grabbing;
}

/**
 * @description: List of slides, inside the track
 */
.glide__slides {
  margin: 0;
}

/**
 * @description: Left/Right arrows of the slider
 */
.glide__arrows,
.glide__arrow,
.glide__arrow--left,
.glide__arrow--right,
.glide__arrow--disabled {
  display: none;
}

/**
 * @description: Wrapper for Bullet points.
 * Bullet points are clickable to jump to a specific slide
 */
.glide__bullets {
  position: absolute;
  display: flex;
  justify-content: center;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .glide__bullets {
    bottom: 24px;
    width: 184px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .glide__bullets {
    bottom: 30px;
    width: 272px;
  }
}

@media only screen and (min-width: 1024px) {
  .glide__bullets {
    bottom: 40px;
    width: 448px;
  }
}

.glide__bullet {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  flex-grow: 2;
  min-width: 10px;
  padding: 0;
  line-height: 0;
  background-color: #ffffff;
  transition: all 300ms ease-in-out;
  cursor: pointer;
}

.glide__bullet:focus {
  outline: none;
}

@media only screen and (max-width: 767px) {
  .glide__bullet {
    height: 5px;
  }
  .glide__bullet + .glide__bullet {
    margin-left: 2px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .glide__bullet {
    height: 7px;
  }
  .glide__bullet + .glide__bullet {
    margin-left: 5px;
  }
}

@media only screen and (min-width: 1024px) {
  .glide__bullet {
    height: 10px;
  }
  .glide__bullet + .glide__bullet {
    margin-left: 5px;
  }
}

.glide__bullet--active {
  background-color: #e20074;
}

/**
 * @description: Wrapper for the whole module
 */
.o-gallery {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  /**
	 * @description: Left/Right arrows of the slider
	 */
}

.o-gallery .glide__arrows,
.o-gallery .glide__arrow,
.o-gallery .glide__arrow--left,
.o-gallery .glide__arrow--right,
.o-gallery .glide__arrow--disabled {
  display: block;
}

.o-gallery .glide__arrow--disabled {
  opacity: 0.33;
}

/**
 * @description: Wrapper for the upper slide with the full width images/videos
 */
.o-gallery-track {
  position: relative;
  visibility: hidden;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.o-gallery-track.is-built {
  visibility: visible;
}

.o-gallery-track .a-figure img:not(.a-btn--play) {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
}

.o-gallery-track .a-btn--play {
  width: auto;
}

@media only screen and (max-width: 767px) {
  .o-gallery-track .image__description {
    position: relative;
  }
}

@media only screen and (min-width: 768px) {
  .o-gallery-track .image__description {
    display: flex;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 767px) {
  .o-gallery-track .glide__slide__counter {
    position: absolute;
    top: -53px;
    right: -20px;
    padding: 10px 12px 8px;
    font-size: 15px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.3);
  }
}

@media only screen and (min-width: 768px) {
  .o-gallery-track .glide__slide__counter {
    float: right;
    margin-left: 50px;
    font-size: inherit;
    color: inherit;
  }
}

.o-gallery-track .glide__arrows {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  padding-top: 66.6666666667%;
}

@media (any-pointer: coarse) {
  .o-gallery-track .glide__arrows {
    display: none;
  }
}

.o-gallery--images .o-gallery-track .glide__arrows {
  padding-top: 66.6666666667%;
}

.o-gallery--videos .o-gallery-track .glide__arrows {
  padding-top: 56.25%;
}

.o-gallery-track .glide__arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'TeleIcon-Outline';
  line-height: 1;
  color: #ffffff;
  background-color: #e20074;
  z-index: 1;
  transition: all 300ms ease-in-out;
}

@media only screen and (max-width: 767px) {
  .o-gallery-track .glide__arrow {
    height: 32px;
    width: 32px;
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery-track .glide__arrow {
    height: 40px;
    width: 40px;
    font-size: 38px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery-track .glide__arrow {
    height: 52px;
    width: 38px;
    box-sizing: content-box;
    font-size: 48px;
  }
}

.o-gallery-track .glide__arrow:hover {
  color: #e20074;
  background-color: #ffffff;
}

.o-gallery-track .glide__arrow--left {
  left: 0;
}

@media only screen and (max-width: 767px) {
  .o-gallery-track .glide__arrow--right {
    right: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .o-gallery-track .glide__arrow--right {
    right: 0;
  }
}

/**
 * @description: Wrapper for the lower slide with the thumbnails slider and pager
 */
.o-gallery-thumbs {
  position: relative;
  padding: 0 60px;
  box-sizing: border-box;
  visibility: hidden;
  max-width: 1000px;
  max-height: 100px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  /**
	 * 1): Workaround for problems during Sliders-Building
	 * The gallery has two sliders: first the "track" slider gets created and
	 * then the "thumbs" sliders.
	 * Every width of each sliders und child elements is based on the
	 * viewport width.
	 * So the "track" slider gets created with the full viewport width.
	 * And then the "thumbs" sliders. During *that* creation, the browser gets
	 * for a short moment a vertical scrollbar. That scrollbar reduces the
	 * viewport width and triggers an resize event. That resize events leads
	 * to a rebuild of the "track" sliders, with calculations based on the
	 * *reduced* viewport.
	 * At that time the "thumbs" slider is finished, the scrollbar
	 * disappeared and the viewport has his old viewport back...
	 * ... but the "track" slider didn't get another resize event. So the
	 * *slide* width stays reduced (= calculation based), but the overflow-
	 * hidden wrapper (.glide__track) adapts back the the full width viewport
	 * (default behavior of width: auto). Effect: the slides don't have full
	 * width and the next slide is peeking into the viewport.
	 *
	 * Workaround: Switch the thumbs slider during the creation to
	 * max-height 1px; and overflow: hidden; When creation finished, it gets
	 * the 'is-built' class, that brings max-height and overflow back
	 * to their initial values.
	 */
}

.o-gallery-thumbs.is-built {
  visibility: visible;
  max-height: none;
  overflow: auto;
}

@media only screen and (max-width: 767px) {
  .o-gallery-thumbs {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery-thumbs {
    margin: 24px auto 0;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery-thumbs {
    margin: 15px auto 0;
  }
}

.o-gallery-thumbs.glide--swipeable {
  cursor: default;
}

.o-gallery-thumbs .m-video__wrapper {
  background-color: #ffffff;
}

.o-gallery-thumbs .m-video__wrapper .preview__wrapper {
  background-color: transparent;
}

.o-gallery-thumbs .m-video__wrapper .a-btn--play {
  transform: translate(-58%, -40%);
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery-thumbs .m-video__wrapper .a-btn--play {
    width: 32px;
    height: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery-thumbs .m-video__wrapper .a-btn--play {
    width: 37px;
    height: auto;
  }
}

.o-gallery-thumbs .glide__track {
  cursor: grab;
}

.o-gallery-thumbs .glide__slide .a-image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  padding: 5px;
  box-sizing: border-box;
  border: 5px solid transparent;
}

.o-gallery-thumbs .glide__slide--active .a-image {
  background-color: #ffffff;
  border: 5px solid #e20074;
}

.o-gallery-thumbs .glide__arrows--thumbs {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.o-gallery-thumbs .glide__arrow--thumbs {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  font-family: 'TeleIcon-Outline';
  font-size: 36px;
  line-height: 1;
  color: #e20074;
  background-color: transparent;
  transition: all 300ms ease-in-out;
}

.o-gallery-thumbs .glide__arrow--thumbs:hover {
  color: #ffffff;
  background-color: #e20074;
}

.o-gallery-thumbs .glide__arrow--thumbs.is-invisible {
  visibility: hidden;
}

.o-gallery-thumbs .glide__arrow--thumbs.is-invisible .glide__arrow--thumbs {
  cursor: default;
}

.o-gallery-thumbs .glide__arrow--thumbs--left {
  margin-left: 15px;
}

.o-gallery-thumbs .glide__arrow--thumbs--right {
  margin-right: 15px;
}

/**
 * @description: Magenta variant
 */
.o-gallery--magenta .a-figure .image__description {
  color: #ffffff;
}

.o-gallery--magenta .o-gallery-thumbs .glide__arrow--thumbs {
  color: #ffffff;
}

.o-gallery--magenta .o-gallery-thumbs .glide__arrow--thumbs:hover {
  color: #e20074;
  background-color: #ffffff;
}

.o-gallery--magenta .o-gallery-thumbs .m-video__wrapper {
  background-color: #e20074;
}

.o-gallery--magenta .o-gallery-thumbs .glide__slide--active .a-image {
  border-color: #ffffff;
  background-color: #e20074;
}

/**
 * @description: variant for Best Practice covers
 */
.o-gallery--images-grouped {
  visibility: hidden;
}

.o-gallery--images-grouped.is-built {
  visibility: visible;
}

@media only screen and (max-width: 767px) {
  .o-gallery--images-grouped {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--images-grouped {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1000px 1fr;
    grid-template-columns: 1fr 1000px 1fr;
    max-width: 1220px;
  }
}

@media only screen and (max-width: 767px) {
  .o-gallery--images-grouped.o-gallery .a-headline, .o-gallery--images-grouped.o-gallery .o-accordeon .accordeon__title, .o-accordeon .o-gallery--images-grouped.o-gallery .accordeon__title {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .o-gallery--images-grouped .glide__track {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 768px) {
  .o-gallery--images-grouped .glide__track {
    margin-top: 50px;
  }
}

.o-gallery--images-grouped .glide__slide {
  display: flex;
}

.o-gallery--images-grouped .glide__arrows {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  max-width: 1000px;
}

@media only screen and (max-width: 767px) {
  .o-gallery--images-grouped .glide__arrows {
    margin-top: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery--images-grouped .glide__arrows {
    margin-top: 75px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--images-grouped .glide__arrows {
    margin-top: 75px;
  }
}

.o-gallery--images-grouped .glide__arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  font-family: 'TeleIcon-Outline';
  font-size: 36px;
  line-height: 1;
  color: #e20074;
  background-color: transparent;
  transition: all 300ms ease-in-out;
}

.o-gallery--images-grouped .glide__arrow:hover {
  color: #ffffff;
  background-color: #e20074;
}

.o-gallery--images-grouped .glide__arrow.is-invisible {
  visibility: hidden;
}

.o-gallery--images-grouped .glide__arrow.is-invisible .glide__arrow--thumbs {
  cursor: default;
}

@media only screen and (min-width: 1024px) {
  .o-gallery--images-grouped .glide__arrow--left {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--images-grouped .glide__arrow--right {
    margin-right: 15px;
  }
}

.o-gallery--images-grouped .glide__bullets {
  bottom: 19px;
}

@media only screen and (max-width: 767px) {
  .o-gallery--images-grouped .glide__bullets {
    width: 52%;
  }
}

@media only screen and (max-width: 767px) {
  .o-gallery--images-grouped .glide__bullet {
    height: 5px;
  }
}

.o-gallery--images-grouped .glide__bullet:not(.glide__bullet--active) {
  background-color: #d8d8d8;
}

.o-gallery--scrolljacked {
  visibility: hidden;
}

.o-gallery--scrolljacked.is-built {
  visibility: visible;
}

@media only screen and (min-width: 1024px) {
  .o-gallery--scrolljacked {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 1 / 2 / 2 / 4;
    /* stylelint-enable */
  }
}

@media only screen and (max-width: 767px) {
  .o-gallery--scrolljacked .glide__slides {
    flex-direction: column;
    /* stylelint-disable */
    transform: none !important;
    /* stylelint-enable */
  }
}

@media (any-pointer: coarse) {
  .o-gallery--scrolljacked .glide__slides {
    flex-direction: column;
    /* stylelint-disable */
    transform: none !important;
    /* stylelint-enable */
  }
}

@media only screen and (max-width: 767px) {
  .o-gallery--scrolljacked .glide__slide + .glide__slide {
    margin-top: 50px;
  }
}

@media (any-pointer: coarse) {
  .o-gallery--scrolljacked .glide__slide + .glide__slide {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .o-gallery--scrolljacked .glide__arrows {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .o-gallery--scrolljacked .glide__arrows {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery--scrolljacked .glide__arrows {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--scrolljacked .glide__arrows {
    width: 1000px;
  }
}

@media (any-pointer: coarse) {
  .o-gallery--scrolljacked .glide__arrows {
    display: none;
  }
}

.o-gallery--scrolljacked .glide__arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  font-family: 'TeleIcon-Outline';
  font-size: 36px;
  line-height: 1;
  color: #e20074;
  background-color: transparent;
  transition: all 300ms ease-in-out;
}

.o-gallery--scrolljacked .glide__arrow:hover {
  color: #ffffff;
  background-color: #e20074;
}

.o-gallery--scrolljacked .glide__arrow.is-invisible {
  visibility: hidden;
}

.o-gallery--scrolljacked .glide__arrow.is-invisible .glide__arrow--thumbs {
  cursor: default;
}

@media only screen and (max-width: 767px) {
  .o-gallery--scrolljacked .glide__arrow {
    display: none;
  }
}

@media (any-pointer: coarse) {
  .o-gallery--scrolljacked .glide__arrow {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--scrolljacked .glide__arrow--left {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--scrolljacked .glide__arrow--right {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .o-gallery--scrolljacked .glide__bullets {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery--scrolljacked .glide__bullets {
    margin-top: 73px;
    width: 184px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--scrolljacked .glide__bullets {
    width: 454px;
    bottom: 50%;
  }
}

@media (any-pointer: coarse) {
  .o-gallery--scrolljacked .glide__bullets {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .o-gallery--scrolljacked .glide__bullet {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery--scrolljacked .glide__bullet {
    height: 4px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--scrolljacked .glide__bullet {
    height: 7px;
  }
}

.o-gallery--scrolljacked .glide__bullet:not(.glide__bullet--active) {
  background-color: #d8d8d8;
}

@media (any-pointer: coarse) {
  .o-gallery--scrolljacked .glide__bullet {
    display: none;
  }
}

/* ------------------------------------ *\
	Atoms
\* ------------------------------------ */
.a-btn-positiv, .a-btn, .o-teaser-default .a-textlink, .teaser-default--offer .teaser-default__pseudo-btn, .teaser-hero--clone .btn, .o-flower .flower__content > .btn, .o-price-module-teaser .a-textlink {
  cursor: pointer;
  color: #ffffff;
  border: 1px solid #e20074;
  border-radius: 2px;
  background-color: #e20074;
}

.a-btn-positiv:hover, .a-btn:hover, .o-teaser-default .a-textlink:hover, .teaser-default--offer .teaser-default__pseudo-btn:hover, .teaser-hero--clone .btn:hover, .o-flower .flower__content > .btn:hover, .o-price-module-teaser .a-textlink:hover, .o-teaser-collection a.o-teaser-default:hover .a-btn, .o-teaser-collection a.o-teaser-default:hover .a-textlink, .o-teaser-collection a.o-teaser-default:hover .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-teaser-collection a.o-teaser-default:hover .teaser-default__pseudo-btn, .o-teaser-collection a.o-teaser-default:hover .teaser-hero--clone .btn, .teaser-hero--clone .o-teaser-collection a.o-teaser-default:hover .btn, .o-teaser-collection a.o-teaser-default:hover .o-flower .flower__content > .btn, .o-flower .o-teaser-collection a.o-teaser-default:hover .flower__content > .btn {
  color: #e20074;
  background-color: #ffffff;
}

.a-btn-positiv:disabled, .a-btn:disabled, .o-teaser-default .a-textlink:disabled, .teaser-default--offer .teaser-default__pseudo-btn:disabled, .teaser-hero--clone .btn:disabled, .o-flower .flower__content > .btn:disabled, .o-price-module-teaser .a-textlink:disabled, .a-btn-positiv:disabled:hover, .a-btn:disabled:hover, .o-teaser-default .a-textlink:disabled:hover, .teaser-default--offer .teaser-default__pseudo-btn:disabled:hover, .teaser-hero--clone .btn:disabled:hover, .o-flower .flower__content > .btn:disabled:hover, .o-price-module-teaser .a-textlink:disabled:hover, .o-teaser-collection a.o-teaser-default:hover .a-btn:disabled, .o-teaser-collection a.o-teaser-default:hover .a-textlink:disabled, .o-teaser-collection a.o-teaser-default:hover .teaser-default--offer .teaser-default__pseudo-btn:disabled, .teaser-default--offer .o-teaser-collection a.o-teaser-default:hover .teaser-default__pseudo-btn:disabled, .o-teaser-collection a.o-teaser-default:hover .teaser-hero--clone .btn:disabled, .teaser-hero--clone .o-teaser-collection a.o-teaser-default:hover .btn:disabled, .o-teaser-collection a.o-teaser-default:hover .o-flower .flower__content > .btn:disabled, .o-flower .o-teaser-collection a.o-teaser-default:hover .flower__content > .btn:disabled {
  cursor: default;
  color: #a4a4a4;
  border: 1px solid #a4a4a4;
  background-color: #ffffff;
}

.a-btn-invers, .o-teaser-default.teaser-cta-basic .a-textlink.btn, .o-teaser-default.teaser-cta-hero .content-wrapper .a-textlink, .o-download .a-btn, .o-download .o-teaser-default .a-textlink, .o-teaser-default .o-download .a-textlink, .o-download .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-download .teaser-default__pseudo-btn, .o-download .teaser-hero--clone .btn, .teaser-hero--clone .o-download .btn, .o-download .o-flower .flower__content > .btn, .o-flower .o-download .flower__content > .btn, .o-download .o-price-module-teaser .a-textlink, .o-price-module-teaser .o-download .a-textlink, .o-teaser-hero .btn, .o-job-search .a-btn, .o-job-search .o-teaser-default .a-textlink, .o-teaser-default .o-job-search .a-textlink, .o-job-search .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-job-search .teaser-default__pseudo-btn, .o-job-search .teaser-hero--clone .btn, .teaser-hero--clone .o-job-search .btn, .o-job-search .o-flower .flower__content > .btn, .o-flower .o-job-search .flower__content > .btn, .o-job-search .o-price-module-teaser .a-textlink, .o-price-module-teaser .o-job-search .a-textlink {
  cursor: pointer;
  color: #e20074;
  border: 1px solid #ffffff;
  border-radius: 2px;
  background-color: #ffffff;
}

.a-btn-invers:hover, .o-teaser-default.teaser-cta-basic .a-textlink.btn:hover, .o-teaser-default.teaser-cta-hero .content-wrapper .a-textlink:hover, .o-download .a-btn:hover, .o-download .o-teaser-default .a-textlink:hover, .o-teaser-default .o-download .a-textlink:hover, .o-download .teaser-default--offer .teaser-default__pseudo-btn:hover, .teaser-default--offer .o-download .teaser-default__pseudo-btn:hover, .o-download .teaser-hero--clone .btn:hover, .teaser-hero--clone .o-download .btn:hover, .o-download .o-flower .flower__content > .btn:hover, .o-flower .o-download .flower__content > .btn:hover, .o-download .o-price-module-teaser .a-textlink:hover, .o-price-module-teaser .o-download .a-textlink:hover, .o-teaser-hero .btn:hover, .o-job-search .a-btn:hover, .o-job-search .o-teaser-default .a-textlink:hover, .o-teaser-default .o-job-search .a-textlink:hover, .o-job-search .teaser-default--offer .teaser-default__pseudo-btn:hover, .teaser-default--offer .o-job-search .teaser-default__pseudo-btn:hover, .o-job-search .teaser-hero--clone .btn:hover, .teaser-hero--clone .o-job-search .btn:hover, .o-job-search .o-flower .flower__content > .btn:hover, .o-flower .o-job-search .flower__content > .btn:hover, .o-job-search .o-price-module-teaser .a-textlink:hover, .o-price-module-teaser .o-job-search .a-textlink:hover {
  color: #ffffff;
  background-color: #e20074;
}

.a-btn-invers-black,
.a-btn--invers-black,
.a-btn--invers-black-icon {
  position: relative;
  color: #262626;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 2px;
  cursor: pointer;
}

.a-btn-invers-black.is-active, .a-btn-invers-black:hover,
.a-btn--invers-black.is-active,
.a-btn--invers-black:hover,
.a-btn--invers-black-icon.is-active,
.a-btn--invers-black-icon:hover {
  color: #ffffff;
  background-color: transparent;
}

@media only screen and (max-width: 767px) {
  .a-btn--invers-black-icon.a-btn--invers-black-icon {
    padding-right: 41px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .a-btn--invers-black-icon.a-btn--invers-black-icon {
    padding-right: 46px;
  }
}

@media only screen and (min-width: 1024px) {
  .a-btn--invers-black-icon.a-btn--invers-black-icon {
    padding-right: 54px;
  }
}

.a-btn--invers-black-icon::after {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  content: '"';
  display: inline-block;
  font-family: 'TeleIcon-Outline';
  font-size: 22px;
  line-height: 1;
  vertical-align: middle;
}

.a-btn--invers-black-icon.is-active::after, .a-btn--invers-black-icon:hover::after {
  content: '$';
}

.a-btn-outline {
  cursor: pointer;
  color: #e20074;
  border: 1px solid #e20074;
  border-radius: 2px;
  background-color: transparent;
}

.a-btn-outline:hover {
  color: transparent;
  background-color: #e20074;
}

.a-btn-outline-invers,
.a-btn-outline-invers-icon {
  position: relative;
  cursor: pointer;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 2px;
  background-color: transparent;
}

.a-btn-outline-invers:hover,
.a-btn-outline-invers-icon:hover {
  color: #262626;
  background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .a-btn-outline-invers-icon.a-btn-outline-invers-icon {
    padding-right: 41px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .a-btn-outline-invers-icon.a-btn-outline-invers-icon {
    padding-right: 46px;
  }
}

@media only screen and (min-width: 1024px) {
  .a-btn-outline-invers-icon.a-btn-outline-invers-icon {
    padding-right: 54px;
  }
}

.a-btn-outline-invers-icon::after {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  content: '"';
  display: inline-block;
  font-family: 'TeleIcon-Outline';
  font-size: 22px;
  line-height: 1;
  vertical-align: middle;
}

.a-btn-outline-invers-icon.is-active::after, .a-btn-outline-invers-icon:hover::after {
  content: '$';
}

.a-btn, .o-teaser-default .a-textlink, .teaser-default--offer .teaser-default__pseudo-btn, .teaser-hero--clone .btn, .o-flower .flower__content > .btn, .o-price-module-teaser .a-textlink {
  padding: 13px 15px;
}

@media only screen and (max-width: 767px) {
  .a-btn, .o-teaser-default .a-textlink, .teaser-default--offer .teaser-default__pseudo-btn, .teaser-hero--clone .btn, .o-flower .flower__content > .btn, .o-price-module-teaser .a-textlink {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .a-btn, .o-teaser-default .a-textlink, .teaser-default--offer .teaser-default__pseudo-btn, .teaser-hero--clone .btn, .o-flower .flower__content > .btn, .o-price-module-teaser .a-textlink {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  .a-btn, .o-teaser-default .a-textlink, .teaser-default--offer .teaser-default__pseudo-btn, .teaser-hero--clone .btn, .o-flower .flower__content > .btn, .o-price-module-teaser .a-textlink {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 22px;
  }
}

.a-btn--icon {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  font-size: 22px;
  background-color: transparent;
}

.a-btn--icon-invers {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  font-size: 22px;
  color: #ffffff;
  background-color: transparent;
}

@media only screen and (max-width: 767px) {
  .a-btn--play {
    height: 65px;
    width: 65px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .a-btn--play {
    height: 80px;
    width: 80px;
  }
}

.a-btn--fullview {
  font-family: 'TeleIcon-Outline';
  background-color: rgba(0, 0, 0, 0.6);
  border: none;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .a-btn--fullview {
    display: none;
  }
}

.a-fab__btn {
  display: block;
  flex-grow: 1;
  font-family: 'TeleGroteskNext-Medium', sans-serif;
  font-size: 22px;
  line-height: 50px;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.a-fab__btn:hover {
  text-decoration: none;
}

.a-fab__btn::before {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  margin-left: 10px;
  margin-right: 12px;
  font-family: 'Context-Icons';
  font-size: 22px;
  line-height: 50px;
  text-align: center;
}

.a-fab__btn--contact::before {
  content: '\e00d';
}

.a-fab__btn--newsletter::before {
  content: '\e010';
}

.a-fab__btn--chatbot::before {
  content: '\e00e';
}

.a-fab__btn--blogs::before {
  content: '\e00f';
  margin-left: 12px;
  margin-right: 10px;
}

.a-fab__btn--toggle::before {
  content: '>';
  font-family: 'TeleIcon-Outline';
  font-size: 28px;
}

.richtext-wrapper a, .o-teaser-collection .link-to-overview, .o-locations .locations__country__link {
  position: relative;
  font-family: "TeleGroteskNext-Ultra", sans-serif !important;
  color: #e20074;
  text-decoration: none;
  word-break: break-word;
}

@media only screen and (max-width: 767px) {
  .richtext-wrapper a, .o-teaser-collection .link-to-overview, .o-locations .locations__country__link {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .richtext-wrapper a, .o-teaser-collection .link-to-overview, .o-locations .locations__country__link {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .richtext-wrapper a, .o-teaser-collection .link-to-overview, .o-locations .locations__country__link {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.richtext-wrapper a:hover, .o-teaser-collection .link-to-overview:hover, .o-locations .locations__country__link:hover {
  text-decoration: underline;
}

.richtext-wrapper a:visited, .o-teaser-collection .link-to-overview:visited, .o-locations .locations__country__link:visited {
  color: #8b008c;
}

.richtext-wrapper .link-external:not([href^='tel'])::after, .o-teaser-default.teaser-cta .teaser-default__teaser-text .link-external::after,
.o-teaser-default.teaser-cta .teaser-text .link-external::after, .teaser-default--offer .teaser-default__teaser-text .link-external::after, .teaser-default--editorial .teaser-default__content-wrapper .teaser-default__teaser-text .link-external::after,
.teaser-default--editorial-black .teaser-default__content-wrapper .teaser-default__teaser-text .link-external::after, .o-locations .locations__country__link::after {
  display: inline-block;
  margin-left: 1px;
  margin-right: 3px;
  font-family: 'Context-Icons';
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  content: '\e00c';
  transform: translateY(-7px) rotate(315deg);
}

.a-textlink[href^='tel']::before, .a-textlink[href^='mailto']::before {
  display: inline-block;
  vertical-align: middle;
}

.a-textlink[href^='tel']::before {
  font-family: 'Context-Icons';
  content: '\e00d';
}

.a-textlink[href^='mailto']::before {
  font-family: 'TeleIcon-Outline';
  content: 'm';
}

.a-textlink.btn {
  padding: 13px 15px;
}

@media only screen and (max-width: 767px) {
  .a-textlink.btn {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .a-textlink.btn {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  .a-textlink.btn {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 22px;
  }
}

.a-textlink--arrow-before::before {
  font-family: 'TeleIcon-Outline';
  content: '§';
}

.a-textlink--download {
  display: flex;
  align-items: center;
  color: #262626;
}

.a-textlink--download:hover {
  text-decoration: none;
}

.a-textlink--download:hover::before {
  background-color: #ffffff;
  color: #e20074;
}

.a-textlink--download::before {
  display: flex;
  margin-top: 2px;
  margin-right: 25px;
  align-items: center;
  justify-content: center;
  font-family: 'TeleIcon-Outline';
  content: 'd';
  background-color: #e20074;
  color: #ffffff;
  border: 1px solid #e20074;
  font-size: 27px;
  line-height: 1;
  border-radius: 2px;
  width: 50px;
  height: 50px;
}

.a-nobr-expr {
  white-space: nowrap;
}

/**
 * @description: Label for anchor navigation links
 * Exists in two state: inside a fixed component and as sticky navigation on the
 * right side
 */
.a-navigation-anchor__label {
  color: #6fc4ff;
}

@media only screen and (max-width: 767px) {
  .a-navigation-anchor__label {
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .a-navigation-anchor__label {
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .a-navigation-anchor__label {
    font-size: 24px;
    line-height: 31px;
  }
}

.a-headline .a-label, .o-accordeon .accordeon__title .a-label {
  display: inline-block;
  font-family: "TeleGroteskNext-Ultra", sans-serif;
  border-radius: 4px;
  white-space: nowrap;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .a-headline .a-label, .o-accordeon .accordeon__title .a-label {
    font-size: 16px;
    line-height: 24px;
    padding: 2px 10px 0;
    height: 26px;
    vertical-align: 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .a-headline .a-label, .o-accordeon .accordeon__title .a-label {
    font-size: 18px;
    line-height: 28px;
    padding: 1px 10px 0;
    height: 28px;
    vertical-align: 5px;
  }
}

@media only screen and (min-width: 1024px) {
  .a-headline .a-label, .o-accordeon .accordeon__title .a-label {
    font-size: 20px;
    line-height: 28px;
    padding: 2px 14px 0;
    height: 30px;
    vertical-align: 6px;
  }
}

.a-headline .a-label--new, .o-accordeon .accordeon__title .a-label--new {
  background: #e20074;
  color: #ffffff;
}

.a-headline, .o-accordeon .accordeon__title {
  margin: 0;
  display: inline-block;
  color: #262626;
}

/**
 * @description: Extends not only .form__field--text, but also WTF-Select and Radio-Btns!
 */
@media only screen and (max-width: 767px) {
  .m-form__line--radiobuttons .form__element__block {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-form__line--radiobuttons .form__element__block {
    width: 66.6666666667%;
  }
}

@media only screen and (min-width: 1024px) {
  .m-form__line--radiobuttons .form__element__block {
    width: 50%;
  }
}

.is-invalid .form__field--text, .is-invalid .form__ui--select, .is-invalid .is-required .form__wtf-control__indicator,
.is-invalid.is-required .form__wtf-control__indicator {
  background-color: #ffe4e4;
  border-color: #e81919;
}

.form__label {
  display: block;
  font-family: "TeleGroteskNext-Regular", sans-serif;
  line-height: 32px;
}

@media only screen and (max-width: 767px) {
  .form__label {
    font-size: 19px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .form__label {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1024px) {
  .form__label {
    font-size: 20px;
  }
}

.is-required .form__label::after {
  content: '*';
}

.form__field--text {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 16px;
  font-family: "TeleGroteskNext-Regular", sans-serif;
  font-size: 20px;
  line-height: 32px;
  border: 1px solid #a4a4a4;
  border-radius: 4px;
}

.form__ui--select {
  padding: 8px 16px;
  font-family: "TeleGroteskNext-Regular", sans-serif;
  font-size: 20px;
  line-height: 32px;
  background-color: #ffffff;
  border: 1px solid #a4a4a4;
  border-radius: 4px;
  cursor: pointer;
}

.form__element__error {
  display: none;
  font-family: "TeleGroteskNext-Regular", sans-serif;
  font-size: 17px;
  color: #e60000;
}

.is-invalid ~ .form__element__error,
.is-invalid .form__element__error {
  display: block;
}

.a-category {
  font-family: "TeleGroteskNext-Regular", sans-serif;
  color: #a4a4a4;
  background: none;
}

@media only screen and (max-width: 767px) {
  .a-category {
    font-size: 16px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .a-category {
    font-size: 18px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 1024px) {
  .a-category {
    font-size: 20px;
    line-height: 28px;
  }
}

.a-image--logo {
  display: block;
  height: 100%;
}

.a-image--claim {
  display: block;
  width: auto;
}

.a-icon {
  position: relative;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  text-transform: none;
}

/**
 * Binding for Telekom Icons Font
 * Generates .a-icon--close etcetera
 * Pay attention to not overwrite the keys for Social Media-Icons in
 * _atoms.socialmedia.scss
 */
.a-icon--close {
  font-family: 'TeleIcon-Outline';
}

.a-icon--close::before {
  content: "X";
}

.a-icon--hamburger {
  font-family: 'TeleIcon-Outline';
}

.a-icon--hamburger::before {
  content: "=";
}

.a-icon--caret-right {
  font-family: 'TeleIcon-Outline';
}

.a-icon--caret-right::before {
  content: "§";
}

.a-icon--caret-left {
  font-family: 'TeleIcon-Outline';
}

.a-icon--caret-left::before {
  content: "%";
}

.a-icon--search {
  font-family: 'TeleIcon-Outline';
}

.a-icon--search::before {
  content: "q";
}

.a-icon--cursor {
  font-family: 'Context-Icons';
}

.a-icon--cursor::before {
  content: "";
}

.a-icon--globe, [data-navigation-type='country'] .nav__label--selected-country::before {
  font-family: 'Context-Icons';
}

.a-icon--globe::before, [data-navigation-type='country'] .nav__label--selected-country::before {
  content: "";
}

.a-icon--facebook {
  font-family: 'Context-Icons';
}

.a-icon--facebook::before {
  content: "";
}

.a-icon--linkedin {
  font-family: 'Context-Icons';
}

.a-icon--linkedin::before {
  content: "";
}

.a-icon--twitter {
  font-family: 'Context-Icons';
}

.a-icon--twitter::before {
  content: "";
}

.a-icon--xing {
  font-family: 'Context-Icons';
}

.a-icon--xing::before {
  content: "";
}

.a-icon--youtube {
  font-family: 'Context-Icons';
}

.a-icon--youtube::before {
  content: "";
}

.a-icon--topic-cloud {
  font-family: 'Context-Icons';
}

.a-icon--topic-cloud::before {
  content: "";
}

.a-icon--topic-connectivity {
  font-family: 'Context-Icons';
}

.a-icon--topic-connectivity::before {
  content: "";
}

.a-icon--topic-digital {
  font-family: 'Context-Icons';
}

.a-icon--topic-digital::before {
  content: "";
}

.a-icon--topic-security {
  font-family: 'Context-Icons';
}

.a-icon--topic-security::before {
  content: "";
}

.a-icon--arrow-right {
  font-family: 'Context-Icons';
}

.a-icon--arrow-right::before {
  content: "";
}

.a-icon--phone {
  font-family: 'Context-Icons';
}

.a-icon--phone::before {
  content: "";
}

.a-icon--chat {
  font-family: 'Context-Icons';
}

.a-icon--chat::before {
  content: "";
}

.a-icon--blog {
  font-family: 'Context-Icons';
}

.a-icon--blog::before {
  content: "";
}

.a-icon--newsletter {
  font-family: 'Context-Icons';
}

.a-icon--newsletter::before {
  content: "";
}

.a-icon--info {
  font-family: 'Context-Icons';
}

.a-icon--info::before {
  content: "";
}

.a-icon--instagram {
  font-family: 'Context-Icons';
}

.a-icon--instagram::before {
  content: "";
}

.a-icon--document, .teaser-default--cta-magenta-document-icon .teaser-default__content-wrapper {
  font-family: 'Context-Icons';
}

.a-icon--document::before, .teaser-default--cta-magenta-document-icon .teaser-default__content-wrapper::before {
  content: "";
}

.a-icon--privacy, .footer__nav-item .is-privacy::before {
  background-image: url("../_img/icon-privacy.svg");
  background-repeat: no-repeat;
}

/**
 * @description: wrapper for Social media icon enclosed in a link
 */
.socialmedia-item + .socialmedia-item {
  margin-left: 50px;
}

.socialmedia-link {
  display: block;
  color: #ffffff;
  text-decoration: none;
  transition: all 300ms ease-in-out;
}

.socialmedia-link:hover {
  transform: scale(1.5);
}

.wave-border {
  width: 100%;
  padding-bottom: 8.6111111111%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.wave-border__top {
  background-image: url("../_img/wave-border-top.png");
}

.wave-border__bottom {
  background-image: url("../_img/wave-border-bottom.png");
}

/**
 * @description: Just one line. By default as long as the type area.
 */
.a-separation {
  max-width: 1000px;
  height: 1px;
  margin: 0 auto;
  padding: 0;
  background-color: #7c7c7c;
  border: 0;
}

@media only screen and (max-width: 767px) {
  .a-separation {
    width: calc(100% - 40px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .a-separation {
    width: calc(100% - 40px);
  }
}

@media only screen and (min-width: 1024px) {
  .a-separation {
    width: calc(100% - 24px);
  }
}

.a-figure {
  box-sizing: border-box;
  margin: 0;
}

.a-figure img {
  width: 100%;
  height: auto;
  display: block;
}

.a-figure figcaption {
  color: #7c7c7c;
  font-family: "TeleGroteskNext-Regular", sans-serif;
}

@media only screen and (max-width: 767px) {
  .a-figure figcaption {
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .a-figure figcaption {
    font-size: 17px;
    line-height: 25px;
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .a-figure figcaption {
    font-size: 19px;
    line-height: 27px;
    margin-top: 14px;
  }
}

.a-richtext__infobox {
  background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .a-richtext__infobox {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
    margin-top: 22px;
    padding: 30px 20px 30px 65px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .a-richtext__infobox {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
    margin-top: 22px;
    padding: 30px 20px 30px 95px;
  }
}

@media only screen and (min-width: 1024px) {
  .a-richtext__infobox {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
    margin-top: 25px;
    padding: 30px 25px 30px 95px;
  }
}

.a-richtext__infobox::before {
  display: block;
  content: '\e011';
  float: left;
  font-family: 'Context-Icons';
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
  text-align: center;
  background-color: #d0d0d0;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .a-richtext__infobox::before {
    margin-left: -46px;
    width: 30px;
    font-size: 20px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .a-richtext__infobox::before {
    margin-left: -72px;
    width: 52px;
    font-size: 32px;
    line-height: 52px;
  }
}

@media only screen and (min-width: 1024px) {
  .a-richtext__infobox::before {
    margin-left: -74px;
    width: 52px;
    font-size: 32px;
    line-height: 52px;
  }
}

.a-richtext__infobox *:first-child {
  margin-top: 0;
}

.a-richtext__infobox ul,
.a-richtext__infobox ol {
  margin-bottom: 0;
}

/**
 *
 */
.richtext-wrapper p,
.richtext-wrapper h4,
.richtext-wrapper h5,
.richtext-wrapper h5,
.richtext-wrapper ul,
.richtext-wrapper ol,
.richtext-wrapper .cm-richtext-embedded-picture,
.richtext-wrapper table {
  margin-bottom: 12px;
}

.richtext-wrapper p:last-child,
.richtext-wrapper h4:last-child,
.richtext-wrapper h5:last-child,
.richtext-wrapper h5:last-child,
.richtext-wrapper ul:last-child,
.richtext-wrapper ol:last-child,
.richtext-wrapper .cm-richtext-embedded-picture:last-child,
.richtext-wrapper table:last-child {
  margin-bottom: 0;
}

.richtext-wrapper h3 {
  margin-top: 30px;
  display: block;
  color: #262626;
}

@media only screen and (max-width: 767px) {
  .richtext-wrapper h3 {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .richtext-wrapper h3 {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .richtext-wrapper h3 {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}


.richtext-wrapper h4,
.richtext-wrapper h5 {
  margin-top: 30px;
  display: block;
  color: #262626;
}

@media only screen and (max-width: 767px) {
  
  .richtext-wrapper h4,
  .richtext-wrapper h5 {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  
  .richtext-wrapper h4,
  .richtext-wrapper h5 {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  
  .richtext-wrapper h4,
  .richtext-wrapper h5 {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 33px;
  }
}

.richtext-wrapper > p:not(.m-reference-field) {
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .richtext-wrapper > p:not(.m-reference-field) {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .richtext-wrapper > p:not(.m-reference-field) {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .richtext-wrapper > p:not(.m-reference-field) {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.richtext-wrapper ul {
  list-style-type: square;
}

.richtext-wrapper li {
  color: #262626;
}

@media only screen and (max-width: 767px) {
  .richtext-wrapper li {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .richtext-wrapper li {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .richtext-wrapper li {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.richtext-wrapper li + li {
  margin-top: 5px;
}

.richtext-wrapper .strike {
  text-decoration: line-through;
}

.richtext-wrapper .underline {
  text-decoration: underline;
}

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

.richtext-wrapper .align--left {
  text-align: left;
}

.richtext-wrapper .align--right {
  text-align: right;
}

.richtext-wrapper .align--justify {
  text-align: justify;
}

.richtext-wrapper blockquote {
  margin: 0;
}

.richtext-wrapper blockquote p {
  margin: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .richtext-wrapper blockquote {
    width: 100%;
  }
}

.richtext-wrapper table {
  margin-top: 30px;
  table-layout: fixed;
  white-space: nowrap;
  display: block;
  overflow-x: auto;
}

.richtext-wrapper tr:nth-child(odd) {
  background-color: rgba(237, 237, 237, 0.6);
}

.richtext-wrapper tr:first-child {
  background-color: #e20074;
  color: #ffffff;
  font-family: 'TeleGroteskNext-Ultra', sans-serif;
}

.richtext-wrapper td {
  padding: 15px;
}

.richtext-wrapper td p:first-child {
  margin: 0;
}

.richtext-wrapper .cm-richtext-embedded-picture {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
}

.richtext-wrapper .cm-richtext-embedded-picture img {
  width: 100%;
  height: auto;
  display: block;
}

.richtext-wrapper .cm-richtext-embedded-picture.float--left {
  float: left;
  width: 50%;
  margin-right: 12px;
}

.richtext-wrapper .cm-richtext-embedded-picture.float--right {
  float: right;
  width: 50%;
  margin-left: 12px;
}

.richtext-wrapper .cm-richtext-embedded-picture.float--none {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}


.richtext-wrapper h4,
.richtext-wrapper h5,
.richtext-wrapper h5,
.richtext-wrapper > p:not(.m-reference-field),
.richtext-wrapper ul,
.richtext-wrapper ol {
  margin-bottom: 0;
}

.o-text-image:not(.text-image--quote) .richtext-wrapper p .author,
.o-text-image:not(.text-image--quote) .richtext-wrapper p .source {
  color: #7c7c7c;
}

@media only screen and (max-width: 767px) {
  .o-text-image:not(.text-image--quote) .richtext-wrapper p .author,
  .o-text-image:not(.text-image--quote) .richtext-wrapper p .source {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 17px;
    line-height: 23px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-text-image:not(.text-image--quote) .richtext-wrapper p .author,
  .o-text-image:not(.text-image--quote) .richtext-wrapper p .source {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 17px;
    line-height: 33px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-text-image:not(.text-image--quote) .richtext-wrapper p .author,
  .o-text-image:not(.text-image--quote) .richtext-wrapper p .source {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 19px;
    line-height: 33px;
  }
}

@media only screen and (max-width: 767px) {
  .a-navigation__menu-label {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .a-navigation__menu-label {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .a-navigation__menu-label {
    display: block;
    margin-left: 12px;
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 21px;
    line-height: 24px;
    color: #262626;
  }
}

.a-navigation__node {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  color: #262626;
}

.a-navigation__node:visited {
  color: #262626;
}

.a-navigation__node:focus {
  text-decoration: underline;
}

.a-navigation__node:focus:focus {
  outline: 2px solid Highlight;
  text-decoration: underline;
}

button.a-navigation__node {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  background-color: transparent;
}

button.a-navigation__node:hover {
  text-decoration: underline;
}

.a-navigation__node.has-childs::after {
  position: absolute;
  display: block;
  content: '\A7';
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  float: right;
  font-family: 'TeleIcon-Outline';
  font-size: 24px;
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .a-navigation__shortcut {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .a-navigation__shortcut {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .a-navigation__shortcut {
    display: block;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    color: #262626;
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 21px;
    line-height: 24px;
  }
}

.a-navigation__shortcut:visited {
  color: #262626;
}

.a-navigation__shortcut:focus {
  text-decoration: underline;
}

.a-navigation__shortcut:focus:focus {
  outline: 2px solid Highlight;
  text-decoration: underline;
}

button.a-navigation__shortcut {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
}

button.a-navigation__shortcut:hover {
  text-decoration: underline;
}

/* ------------------------------------ *
	Molecules
\* ------------------------------------ */
.m-header__navbar {
  min-height: 74px;
  display: flex;
  align-items: center;
  background-color: #ffffff;
}

.m-header__navbar .type-area, .m-header__navbar .m-brandbar, .m-header__navbar .footer__nav, .m-header__navbar .footer__copyright, .m-header__navbar .o-teaser-collection-cube, .m-header__navbar .o-teaser-collection--magazine.o-teaser-collection {
  display: flex;
  justify-content: space-between;
}

@media only screen and (min-width: 1024px) {
  .m-header__navbar .type-area, .m-header__navbar .m-brandbar, .m-header__navbar .footer__nav, .m-header__navbar .footer__copyright, .m-header__navbar .o-teaser-collection-cube, .m-header__navbar .o-teaser-collection--magazine.o-teaser-collection {
    max-width: 1024px;
    margin-top: 21px;
    margin-bottom: 21px;
    height: 32px;
    padding-left: 0;
    padding-right: 0;
  }
}

.m-header__navbar .a-icon--hamburger {
  display: flex;
  align-items: center;
  color: #7c7c7c;
}

.m-header__navbar .a-icon--hamburger:focus {
  outline: 2px solid Highlight;
}

@media only screen and (min-width: 1024px) {
  .m-header__navbar .a-icon--hamburger {
    margin-right: 16px;
    padding-left: 12px;
    padding-right: 32px;
    border-right: 1px solid #7c7c7c;
  }
}

.m-header__navbar .a-icon--hamburger:hover {
  color: #e20074;
}

.m-header__navbar .a-icon--hamburger:hover .a-navigation__menu-label {
  color: #e20074;
}

.m-header__navbar .a-icon--search:focus {
  outline: 2px solid Highlight;
}

@media only screen and (min-width: 1024px) {
  .m-header__navbar .a-icon--search {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.m-header__navbar .a-icon--search::before {
  font-size: 32px;
  line-height: 32px;
  color: #7c7c7c;
}

.m-header__navbar .a-icon--search:hover {
  text-decoration: none;
}

.m-header__navbar .a-icon--search:hover::before {
  color: #e20074;
}

@media only screen and (max-width: 1023px) {
  .m-header__navbar .o-metanav.is-enabled ~ .a-icon--search {
    display: none;
  }
}

.m-header-bpbar {
  padding-top: 36px;
  padding-bottom: 36px;
  background-color: #ffffff;
}

.m-header-bpbar .header-bpbar__logo {
  font-family: 'TeleGroteskNext-Ultra', sans-serif;
  line-height: 1;
  color: #262626;
  text-transform: uppercase;
  text-decoration: none;
}

.m-header-bpbar .o-pseudo-navigation {
  padding: 0;
}

@media only screen and (max-width: 1023px) {
  .m-header-bpbar {
    padding-bottom: 38px;
    order: 4;
    border-top: 1px solid #d0d0d0;
  }
  .m-header-bpbar .o-pseudo-navigation {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .m-header-bpbar .header-bpbar__logo {
    font-size: 36px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-header-bpbar .header-bpbar__logo {
    font-size: 44px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-header-bpbar .type-area, .m-header-bpbar .m-brandbar, .m-header-bpbar .footer__nav, .m-header-bpbar .footer__copyright, .m-header-bpbar .o-teaser-collection-cube, .m-header-bpbar .o-teaser-collection--magazine.o-teaser-collection {
    display: flex;
  }
  .m-header-bpbar .header-bpbar__logo {
    font-size: 51px;
    width: 41.6666666667%;
  }
  .m-header-bpbar .o-pseudo-navigation {
    margin: 0;
    width: 58.3333333333%;
  }
}

.m-navigation__shortcuts {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

.m-brandbar {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  background-color: #262626;
}

.m-brandbar--white {
  background-color: #ffffff;
}

.m-socialmedia-items {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.m-socialmedia-items.socialmedia-items--colorized .a-icon--facebook {
  color: #3B579D;
}

.m-socialmedia-items.socialmedia-items--colorized .a-icon--twitter {
  color: #00ABED;
}

.m-socialmedia-items.socialmedia-items--colorized .a-icon--linkedin {
  color: #0277B5;
}

.m-socialmedia-items.socialmedia-items--colorized .a-icon--xing {
  color: #007575;
}

.m-reference-field, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) {
  margin-bottom: 0;
  /** START DEFAULT REFERENCE STYLING (mainly for separator) **/
  color: #ffffff;
  /** END DEFAULT REFERENCE STYLING **/
}

@media only screen and (max-width: 767px) {
  .m-reference-field, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-reference-field, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-reference-field, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) {
    margin-top: 40px;
  }
}

.m-reference-field::before, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty)::before {
  content: '-';
  margin-right: 5px;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .m-reference-field::before, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty)::before {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 17px;
    line-height: 23px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-reference-field::before, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty)::before {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 17px;
    line-height: 33px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-reference-field::before, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty)::before {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 19px;
    line-height: 33px;
  }
}

@media only screen and (max-width: 767px) {
  .m-reference-field, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 17px;
    line-height: 23px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-reference-field, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 17px;
    line-height: 33px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-reference-field, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 19px;
    line-height: 33px;
  }
}

.m-reference-field .author, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) .author,
.m-reference-field .source,
.text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) .source {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .m-reference-field .author, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) .author {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 17px;
    line-height: 23px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-reference-field .author, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) .author {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 17px;
    line-height: 33px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-reference-field .author, .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) .author {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 19px;
    line-height: 33px;
  }
}


.m-reference-field .source,
.text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) .source {
  font-style: normal;
}

@media only screen and (max-width: 767px) {
  
  .m-reference-field .source,
  .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) .source {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 17px;
    line-height: 23px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  
  .m-reference-field .source,
  .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) .source {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 17px;
    line-height: 33px;
  }
}

@media only screen and (min-width: 1024px) {
  
  .m-reference-field .source,
  .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty) .source {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 19px;
    line-height: 33px;
  }
}

.m-breadcrumbs {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
  color: #262626;
  /**
	 * @context: Breadcrumbs for pages, NOT breadcrumbs as parts of
	 * (search result) teasers
	 */
}

@media only screen and (max-width: 767px) {
  .m-breadcrumbs {
    font-size: 15px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-breadcrumbs {
    font-size: 17px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-breadcrumbs {
    font-size: 19px;
    line-height: 25px;
  }
}

.page > .m-breadcrumbs {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  /**
		 * 1*: implicitly needed to avoid problems with the order of the reset-list
		 * and type-area mixin. This molecule needs the margin: * auto; to stay in
		 * the type area. reset-lists does margin:0 and overwrites the auto.
		 * To be safe from the order of both mixins, I explicitly set the margin: * auto;
		 */
}

@media only screen and (max-width: 767px) {
  .page > .m-breadcrumbs {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .page > .m-breadcrumbs {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .page > .m-breadcrumbs {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .page > .m-breadcrumbs {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .page > .m-breadcrumbs {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 1024px) {
  .page > .m-breadcrumbs {
    margin-top: 45px;
  }
}

.m-breadcrumbs .a-textlink {
  color: #262626;
  white-space: nowrap;
}

.m-breadcrumbs .breadcrumb {
  display: inline-block;
  /**
		 * Choose ::after instead of ::before because it's closer to the
		 * wanted soft wrap behavior (brace stays in the same line like the
		 * item on the left.
		 */
}

.m-breadcrumbs .breadcrumb::after {
  display: block;
  float: right;
  content: '§';
  font-family: 'TeleIcon-Outline';
  color: #e20074;
}

@media only screen and (max-width: 767px) {
  .m-breadcrumbs .breadcrumb::after {
    margin-left: 9px;
    margin-right: 6px;
    font-size: 17px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-breadcrumbs .breadcrumb::after {
    margin-left: 11px;
    margin-right: 8px;
    font-size: 18px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-breadcrumbs .breadcrumb::after {
    margin-left: 11px;
    margin-right: 8px;
    font-size: 18px;
  }
}

.m-breadcrumbs .breadcrumb:last-of-type::after {
  content: '';
}

.m-breadcrumbs .breadcrumb:last-of-type .a-textlink {
  color: #e20074;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-form__line {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-form__line {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media only screen and (min-width: 768px) {
  .m-form__line {
    box-sizing: border-box;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .m-form__line + .m-form__line {
    margin-top: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-form__line + .m-form__line {
    margin-top: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-form__line + .m-form__line {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .m-form__line:not(.m-form__line--headline) {
    margin-top: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-form__line:not(.m-form__line--headline) {
    margin-top: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-form__line:not(.m-form__line--headline) {
    margin-top: 30px;
  }
}

/**
 * Label for a whole block/group like a block of radio buttons
 */
.form__block__label {
  /* If there is a group label switched to required state (*), then
	 * dont render the required state (*) to each single element (like radios)
	 */
}

.is-required .form__block__label::after {
  content: '*';
}

.is-required .form__block__label ~ * .form__label::after {
  content: '';
}

.form__element__block {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
  display: block;
}

@media only screen and (max-width: 767px) {
  .form__element__block {
    margin-top: 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .form__element__block {
    margin-top: 5px;
  }
}

@media only screen and (min-width: 1024px) {
  .form__element__block {
    margin-top: 8px;
  }
}

/**
 * @description form line variant
 * generic (for checkbox AND radiobutton)
 */
@media only screen and (max-width: 767px) {
  .m-form__line--checkboxes .form__label, .m-form__line--radiobuttons .form__block__label {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-form__line--checkboxes .form__label, .m-form__line--radiobuttons .form__block__label {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-form__line--checkboxes .form__label, .m-form__line--radiobuttons .form__block__label {
    font-size: 24px;
  }
}

/**
 * @description form line variant
 * checkbox
 */
.m-form__line--checkboxes .form__element__item + .form__element__item {
  margin-top: 16px;
}

/**
 * @description form line variant
 * radiobutton
 */
.m-form__line--radiobuttons .form__element__block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.m-form__line--radiobuttons .form__element__item {
  display: block;
}

@media only screen and (max-width: 767px) {
  .m-form__line--radiobuttons .form__element__item {
    min-width: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-form__line--radiobuttons .form__element__item {
    min-width: 33.3333333333%;
  }
}

@media only screen and (min-width: 1024px) {
  .m-form__line--radiobuttons .form__element__item {
    min-width: 33.3333333333%;
  }
}

/**
 *
 */
@media only screen and (max-width: 767px) {
  .m-form__line--headline + .m-form__line--infotext {
    margin-top: 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-form__line--headline + .m-form__line--infotext {
    margin-top: 8px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-form__line--headline + .m-form__line--infotext {
    margin-top: 8px;
  }
}

.m-form__line--infotext p:first-child {
  margin-top: 0;
}

/**
 *
 */
.m-form__line--text-with-button .form__element__block {
  position: relative;
}

.m-form__line--text-with-button .form__field--text {
  width: 100%;
  padding-right: 60px;
}

.m-form__line--text-with-button .a-btn--icon {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-100%, -50%);
  padding: 8px 16px;
}

.m-form__line--text-with-button .a-btn--icon:hover {
  background-color: transparent;
}

.m-form__response {
  margin-top: 30px;
}

.m-form__response.is-error {
  color: #d40000;
}

.m-suggestions {
  position: absolute;
  top: 27px;
  z-index: 1;
  padding: 0;
  width: calc( 100% - 2px);
  list-style-type: none;
  color: #262626;
  background-color: #ffffff;
  border: 1px solid #a4a4a4;
  border-radius: 4px;
}

.suggestions__item {
  padding: 5px 10px;
  list-style-type: none;
  cursor: pointer;
}

.suggestions__item:hover {
  color: #ffffff;
  background-color: #e20074;
}

/**
 * @description: Wrapper for WTF-Checkboxes and Radiobuttons
 */
.m-form__wtf-control {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  cursor: pointer;
}

.m-form__wtf-control input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  /* Put the input behind the label so it doesn't overlay text */
}

/**
 * @description: Visible UI element of form element
 * Generic
 */
.form__wtf-control__indicator {
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 24px;
  height: 24px;
  background-color: #ededed;
  border: 1px solid #a4a4a4;
  -ms-user-select: none;
      user-select: none;
}

/**
 * @description: Visible UI element of form element
 * Checkbox
 */
.m-form__wtf-control--checkbox .form__wtf-control__indicator {
  border-radius: 5px;
}

.m-form__wtf-control--checkbox input:checked ~ .form__wtf-control__indicator::before {
  display: block;
  width: 24px;
  height: 24px;
  font-family: 'TeleIcon-Solid';
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #69b321;
  content: 'V';
}

.m-form__wtf-control--checkbox input:focus ~ .form__wtf-control__indicator {
  border-color: #0067f4;
  box-shadow: 0 0 5px #0067f4;
}

/**
 * @description: Visible UI element of form element
 * Radio button
 */
.m-form__wtf-control--radio .form__wtf-control__indicator {
  border-radius: 50%;
}

.m-form__wtf-control--radio input:checked ~ .form__wtf-control__indicator::before {
  display: block;
  width: 24px;
  height: 24px;
  font-family: 'TeleIcon-Solid';
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #d40000;
  content: ';';
}

.m-form__wtf-control--radio input:focus ~ .form__wtf-control__indicator {
  border-color: #0067f4;
  box-shadow: 0 0 5px #0067f4;
}

/**
 * @description: Visible UI element of form element
 * SELECT dropdown
 */
.m-form__wtf-control--select {
  position: relative;
  width: 100%;
  /* Undo the Firefox inner focus ring */
  /* Dropdown arrow */
  /* Hide the arrow in IE10 and up */
  /* Media query to target Firefox only */
}

.m-form__wtf-control--select:not(.is-hidden) {
  display: inline-block;
}

.m-form__wtf-control--select .form__ui--select {
  display: inline-block;
  width: 100%;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.m-form__wtf-control--select .form__ui--select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000000;
}

.m-form__wtf-control--select::after {
  position: absolute;
  display: block;
  top: 14px;
  right: 12px;
  width: 24px;
  height: 24px;
  pointer-events: none;
  font-family: 'TeleIcon-Outline';
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  content: '$';
}

.m-form__wtf-control--select .form__ui--select::-ms-expand {
  display: none;
}

@-moz-document url-prefix('') {
  .m-form__wtf-control--select {
    /* Firefox hack to hide the arrow */
    /* <option> elements inherit styles from <select>, so reset them. */
  }
  .m-form__wtf-control--select .form__ui--select {
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 1rem;
  }
  .m-form__wtf-control--select option {
    background-color: #ffffff;
  }
}

.m-contact {
  display: flex;
  width: 100%;
  align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .m-contact {
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) {
  .m-contact {
    flex-direction: row;
  }
}

.m-contact .info-field {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.m-contact .info-field > *:not(:first-child) {
  margin-top: 0;
  margin-bottom: 0;
}

@media only screen and (max-width: 1023px) {
  .m-contact .info-field > *:not(:first-child) {
    margin-top: 6px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-contact .info-field > *:not(:first-child) {
    margin-top: 5px;
  }
}

.m-contact .info-field .name {
  margin-top: 0;
  margin-bottom: 0;
}

.m-contact .info-field .name > span:not(:first-child):before {
  content: ' ';
}

@media only screen and (max-width: 767px) {
  .m-contact .info-field .name .name__first, .m-contact .info-field .name .name__last, .m-contact .info-field .name .name__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-contact .info-field .name .name__first, .m-contact .info-field .name .name__last, .m-contact .info-field .name .name__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-contact .info-field .name .name__first, .m-contact .info-field .name .name__last, .m-contact .info-field .name .name__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 33px;
  }
}

.m-contact .info-field .jobtitle {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .m-contact .info-field .jobtitle {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-contact .info-field .jobtitle {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-contact .info-field .jobtitle {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .m-contact .info-field .a-textlink {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-contact .info-field .a-textlink {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-contact .info-field .a-textlink {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.video__wrapper,
.m-video__wrapper {
  position: relative;
  max-width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
  cursor: pointer;
  background-color: #000000;
}

.video__wrapper .a-image,
.m-video__wrapper .a-image {
  display: block;
  width: 100%;
  height: auto;
}

.video__wrapper .a-btn--play,
.m-video__wrapper .a-btn--play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -37%);
}

.video__wrapper iframe,
.video__wrapper object,
.video__wrapper embed,
.video__wrapper .preview__wrapper,
.m-video__wrapper iframe,
.m-video__wrapper object,
.m-video__wrapper embed,
.m-video__wrapper .preview__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.video__wrapper .preview__wrapper,
.m-video__wrapper .preview__wrapper {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: block;
  padding: 0;
}

.m-cookie-layer-container {
  position: fixed;
  display: flex;
  justify-content: center;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #000000;
  /**
	 * Positioning OK button for pages with chat bot
	 */
  /* stylelint-disable */
  /* stylelint-enable */
}

.m-cookie-layer-container.js-is-hidden {
  display: none;
}

.m-cookie-layer-container .cookie-layer-container__content {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .m-cookie-layer-container .cookie-layer-container__content {
    padding: 25px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-cookie-layer-container .cookie-layer-container__content {
    padding: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-cookie-layer-container .cookie-layer-container__content {
    padding: 24px;
  }
}

.m-cookie-layer-container .richtext-wrapper {
  color: #ffffff;
  max-width: 1440px;
}

.m-cookie-layer-container .richtext-wrapper :first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .m-cookie-layer-container .richtext-wrapper p,
  .m-cookie-layer-container .richtext-wrapper a {
    font-size: 14px;
    line-height: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-cookie-layer-container .richtext-wrapper p,
  .m-cookie-layer-container .richtext-wrapper a {
    font-size: 16px;
    line-height: 23px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-cookie-layer-container .richtext-wrapper p,
  .m-cookie-layer-container .richtext-wrapper a {
    font-size: 16px;
    line-height: 23px;
  }
}

.m-cookie-layer-container .a-btn, .m-cookie-layer-container .o-teaser-default .a-textlink, .o-teaser-default .m-cookie-layer-container .a-textlink, .m-cookie-layer-container .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .m-cookie-layer-container .teaser-default__pseudo-btn, .m-cookie-layer-container .teaser-hero--clone .btn, .teaser-hero--clone .m-cookie-layer-container .btn, .m-cookie-layer-container .o-flower .flower__content > .btn, .o-flower .m-cookie-layer-container .flower__content > .btn, .m-cookie-layer-container .o-price-module-teaser .a-textlink, .o-price-module-teaser .m-cookie-layer-container .a-textlink {
  margin-left: 20px;
  color: #262626;
  border-color: #ffffff;
  background-color: #ffffff;
}

.m-cookie-layer-container .a-btn:hover, .m-cookie-layer-container .o-teaser-default .a-textlink:hover, .o-teaser-default .m-cookie-layer-container .a-textlink:hover, .m-cookie-layer-container .teaser-default--offer .teaser-default__pseudo-btn:hover, .teaser-default--offer .m-cookie-layer-container .teaser-default__pseudo-btn:hover, .m-cookie-layer-container .teaser-hero--clone .btn:hover, .teaser-hero--clone .m-cookie-layer-container .btn:hover, .m-cookie-layer-container .o-flower .flower__content > .btn:hover, .o-flower .m-cookie-layer-container .flower__content > .btn:hover, .m-cookie-layer-container .o-price-module-teaser .a-textlink:hover, .o-price-module-teaser .m-cookie-layer-container .a-textlink:hover {
  color: #ffffff;
  background-color: transparent;
}

BODY[data-chatbot-config] .m-cookie-layer-container .cookie-layer-container__content {
  padding-right: 90px;
}

.m-animation__loading {
  display: none;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 84px;
  height: 24px;
}

.m-animation__loading .dot {
  display: inline-block;
  width: 12px;
  background: #d0d0d0;
  animation: animation-loading 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.m-animation__loading .dot:nth-child(1) {
  animation-delay: -0.24s;
}

.m-animation__loading .dot:nth-child(2) {
  animation-delay: -0.12s;
}

.m-animation__loading .dot:nth-child(3) {
  animation-delay: 0s;
}

.is-loading .m-animation__loading {
  display: flex;
}

@keyframes animation-loading {
  0% {
    height: 24px;
  }
  50%,
  100% {
    height: 12px;
  }
}

/**
 * @description: Floating Action Bar, single item
 */
/**
 * @description Shows the tab as expanded --> full width of icon and text
 */
/**
 * @description: default state with all buttons visible with their full height
 */
/**
 * @description: compressed state with all buttons overlapping each one.
 * Only 10px of the upper part of each button and the complete last one, is visible
 */
.m-fab__item.is-hidden {
  display: none;
}

.m-fab__item:not(.is-hidden) {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  border-radius: 4px 0 0 4px;
  transition: right 300ms ease-in-out, margin-top 300ms ease-in-out;
  width: 226px;
  right: -174px;
}

@media only screen and (max-width: 767px) {
  .m-fab__item:not(.is-hidden):nth-of-type(1n + 2) {
    margin-top: -40px;
  }
  .m-fab__item:not(.is-hidden):hover {
    width: 226px;
    right: -174px;
  }
}

@media only screen and (min-width: 768px) {
  .m-fab__item:not(.is-hidden) {
    pointer-events: auto;
  }
  .m-fab__item:not(.is-hidden) + .m-fab__item {
    margin-top: 1px;
  }
  .m-fab__item:not(.is-hidden):hover {
    right: 0;
  }
}

.m-fab__item:not(.is-hidden).is-expanded {
  right: 0;
}

[lang^='default'] .m-fab__item:not(.is-hidden) {
  width: 226px;
  right: -174px;
}

[lang^='default'] .m-fab__item:not(.is-hidden):hover {
  width: 226px;
  right: -174px;
}

[lang^='default'] .m-fab__item:not(.is-hidden).is-expanded {
  right: 0;
}

[lang^='de'] .m-fab__item:not(.is-hidden) {
  width: 200px;
  right: -148px;
}

[lang^='de'] .m-fab__item:not(.is-hidden):hover {
  width: 200px;
  right: -148px;
}

[lang^='de'] .m-fab__item:not(.is-hidden).is-expanded {
  right: 0;
}

[lang^='en'] .m-fab__item:not(.is-hidden) {
  width: 200px;
  right: -148px;
}

[lang^='en'] .m-fab__item:not(.is-hidden):hover {
  width: 200px;
  right: -148px;
}

[lang^='en'] .m-fab__item:not(.is-hidden).is-expanded {
  right: 0;
}

[lang^='es'] .m-fab__item:not(.is-hidden) {
  width: 226px;
  right: -174px;
}

[lang^='es'] .m-fab__item:not(.is-hidden):hover {
  width: 226px;
  right: -174px;
}

[lang^='es'] .m-fab__item:not(.is-hidden).is-expanded {
  right: 0;
}

[lang^='pt'] .m-fab__item:not(.is-hidden) {
  width: 200px;
  right: -148px;
}

[lang^='pt'] .m-fab__item:not(.is-hidden):hover {
  width: 200px;
  right: -148px;
}

[lang^='pt'] .m-fab__item:not(.is-hidden).is-expanded {
  right: 0;
}

[lang^='nl'] .m-fab__item:not(.is-hidden) {
  width: 224px;
  right: -172px;
}

[lang^='nl'] .m-fab__item:not(.is-hidden):hover {
  width: 224px;
  right: -172px;
}

[lang^='nl'] .m-fab__item:not(.is-hidden).is-expanded {
  right: 0;
}

/**
 * Coloring the items not according their content, but according their index/position
 * Independent of the total number of items, the last one gets alway black.
 */
.m-fab__item:nth-of-type(1) {
  background-color: #000000;
}

.m-fab__item:nth-of-type(2) {
  background-color: #262626;
}

.m-fab__item:nth-of-type(3) {
  background-color: #414141;
}

.m-fab__item:nth-of-type(4) {
  background-color: #5d5d5d;
}

.m-fab__item:last-of-type {
  background-color: #000000;
}

/**
 * @description: Floating Action Bar, wrapper containing all items
 */
.m-fab__items {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
}

@media only screen and (min-width: 1024px) {
  .m-fab__items {
    pointer-events: none;
  }
}

.m-date-author {
  font-family: "TeleGroteskNext-Bold", sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.m-date-author .date + .author:before {
  content: '| ';
}

.m-footnotes-list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .m-footnotes-list {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-footnotes-list {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-footnotes-list {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

@media only screen and (max-width: 1023px) {
  .m-footnotes-list {
    font-size: 16px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-footnotes-list {
    display: flex;
    flex-direction: column;
    margin-right: 0;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .m-footnotes-list {
    font-size: 18px;
    line-height: 24px;
  }
}

.m-footnotes-list .footnote-listitem {
  margin-top: 20px;
}

.m-footnotes-list .footnote-listitem strong::after {
  content: ' - ';
}

.m-footnotes-list .footnote-listitem * {
  display: inline;
}

.m-footnotes-list .footnote-listitem a {
  color: #ffffff;
  text-decoration: underline;
}

.m-flash {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'TeleGroteskNext-Bold', sans-serif;
  color: #7ecbf5;
  background-color: #ffffff;
  border: 4px solid #7ecbf5;
  border-radius: 50%;
  /**
	 * Font Sizes
	 */
}

a.m-flash:hover {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .m-flash {
    border: 2px solid #7ecbf5;
  }
}

.m-flash .flash__flash-text1,
.m-flash .flash__flash-text2 {
  padding: 0 20px;
  text-align: center;
}

.m-flash .flash__flash-text1 + .flash__flash-text2 {
  font-family: 'TeleGroteskNext-Regular', sans-serif;
}

@media only screen and (max-width: 767px) {
  .m-flash .flash__flash-text1 {
    font-size: 45px;
    line-height: 45px;
  }
  .m-flash .flash__flash-text1 + .flash__flash-text2 {
    font-size: 18px;
    line-height: 20px;
  }
  .m-flash .flash__flash-text2 {
    font-size: 18px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 768px) {
  .m-flash .flash__flash-text1 {
    font-size: 60px;
    line-height: 60px;
  }
  .m-flash .flash__flash-text1 + .flash__flash-text2 {
    font-size: 22px;
    line-height: 24px;
  }
  .m-flash .flash__flash-text2 {
    font-size: 24px;
    line-height: 30px;
  }
}

/**
 ** @description: Variant for Hero and Hero Slider
 */
.m-flash--hero-badge {
  color: #ffffff;
  background-color: #7ecbf5;
  border: none;
  /**
	 * Font Sizes
	 */
}

@media only screen and (max-width: 767px) {
  .m-flash--hero-badge .flash__flash-text1 {
    font-size: 32px;
    line-height: 32px;
  }
  .m-flash--hero-badge .flash__flash-text1 + .flash__flash-text2 {
    font-size: 18px;
    line-height: 20px;
  }
  .m-flash--hero-badge .flash__flash-text2 {
    font-size: 18px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-flash--hero-badge .flash__flash-text1 {
    font-size: 48px;
    line-height: 48px;
  }
  .m-flash--hero-badge .flash__flash-text1 + .flash__flash-text2 {
    font-size: 22px;
    line-height: 25px;
  }
  .m-flash--hero-badge .flash__flash-text2 {
    font-size: 22px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-flash--hero-badge .flash__flash-text1 {
    font-size: 60px;
    line-height: 60px;
  }
  .m-flash--hero-badge .flash__flash-text1 + .flash__flash-text2 {
    font-size: 24px;
    line-height: 25px;
  }
  .m-flash--hero-badge .flash__flash-text2 {
    font-size: 24px;
    line-height: 30px;
  }
}

.m-cover {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-family: "TeleGroteskNext-Regular", sans-serif;
  color: #262626;
}

@media only screen and (max-width: 767px) {
  .m-cover {
    font-size: 19px;
    line-height: 24px;
  }
}

@media only screen and (min-width: 768px) {
  .m-cover {
    font-size: 22px;
    line-height: 28px;
  }
}

.m-cover:hover {
  text-decoration: none;
}

.cover__image-wrapper {
  overflow: hidden;
  border: 2px solid #d0d0d0;
}

.cover__image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  transition: all 300ms ease-in-out;
}

.m-cover:hover .cover__image {
  transform: scale(1.05);
}

@media only screen and (max-width: 767px) {
  .cover__description {
    margin-top: 26px;
  }
}

@media only screen and (min-width: 768px) {
  .cover__description {
    margin-top: 34px;
  }
}

.cover__description__issue {
  text-align: center;
}

.cover__description__title {
  font-family: "TeleGroteskNext-Ultra", sans-serif;
  text-align: center;
}

.cover__description__title p {
  display: inline;
}

/**
 *
 */
@keyframes anchor-navigation-label {
  0% {
    opacity: 0;
    transform: translateX(-50px);
    animation-timing-function: ease-in;
  }
  18% {
    opacity: 1;
    transform: translateX(6px);
    animation-timing-function: ease-in-out;
  }
  23% {
    transform: translateX(-3px);
    animation-timing-function: ease-in-out;
  }
  25% {
    transform: translateX(1px);
    animation-timing-function: ease-in-out;
  }
  26% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
  80% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    animation-timing-function: ease-in-out;
  }
}

/**
 *
 */
@keyframes anchor-navigation-undocking {
  0% {
    opacity: 0;
    transform: translateX(-50px);
    animation-timing-function: ease-in;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    animation-timing-function: ease-in-out;
  }
}

/**
 * @description: Link in anchor navi list item (Bullet & Label)
 */
.m-navigation-anchor__link {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  /**
	 * context: anchor navi is static
	 */
  /**
	 * context: anchor navi is fixed
	 */
}

.m-navigation-anchor__link.m-navigation-anchor__link {
  text-decoration: none;
}

.m-navigation-anchor__link::before {
  background-color: #7ecbf5;
  border-radius: 50%;
  transition: background-color ease-out 300ms;
}

.m-navigation-anchor__link.is-active::before, .m-navigation-anchor__link:hover::before {
  background-color: #d8d8d8;
}

.m-navigation-anchor__items:not(.is-fixed) .m-navigation-anchor__link {
  line-height: 31px;
}

.m-navigation-anchor__items:not(.is-fixed) .m-navigation-anchor__link::before {
  display: inline-block;
  content: '$';
  width: 26px;
  height: 26px;
  font-family: 'TeleIcon-Outline';
  color: #ffffff;
  text-align: center;
}

.m-navigation-anchor__items.is-fixed .m-navigation-anchor__link {
  padding: 12px 0 12px 18px;
}

.m-navigation-anchor__items.is-fixed .m-navigation-anchor__link::before {
  flex: 1 0 auto;
  content: ' ';
  width: 13px;
  height: 13px;
  -ms-grid-row-align: center;
      align-self: center;
}

/**
 * @description: Label for link
 */
.a-navigation-anchor__label {
  /**
	 * context: anchor navi is static
	 */
  /**
	 * context: anchor navi is fixed
	 */
}

.m-navigation-anchor__items:not(.is-fixed) .a-navigation-anchor__label {
  margin-left: 15px;
  flex: 0 99 auto;
}

.m-navigation-anchor__items:not(.is-fixed) .a-navigation-anchor__label:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 1024px) {
  .m-navigation-anchor__items.is-fixed .a-navigation-anchor__label {
    visibility: hidden;
    opacity: 0;
    margin-left: 23px;
    padding: 6px 16px;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    background-color: #ffffff;
    border-radius: 16px;
  }
}

/**
 * @description: container that is static or get fixed left to the viewport
 */
.m-navigation-anchor__items {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
}

/**
 * @description: container in the static variant
 */
.m-navigation-anchor__items:not(.is-fixed) .m-navigation-anchor__item + .m-navigation-anchor__item {
  margin-top: 30px;
}

/**
 * @description: container in the fixed variant
 */
.m-navigation-anchor__items.is-fixed {
  position: fixed;
  top: 200px;
  left: 0;
  margin: 0;
  padding: 0;
  width: 50px;
  font-size: 14px;
  background-color: #ffffff;
  border-radius: 0 4px 4px 0;
  z-index: 11;
  animation: anchor-navigation-undocking linear 300ms;
  animation-iteration-count: 1;
}

.m-navigation-anchor__items.is-fixed .m-navigation-anchor__link:hover .a-navigation-anchor__label {
  visibility: visible;
  opacity: 1;
  transition: opacity ease-out 300ms;
}

.m-navigation-anchor__items.is-fixed .is-active .a-navigation-anchor__label {
  visibility: visible;
  animation: anchor-navigation-label linear 2000ms;
  animation-iteration-count: 1;
}

.list--checkmarks.list--checkmarks, .teaser-default--product .teaser-default__teaser-text ul {
  margin-top: 0;
  padding-left: 0;
  list-style-type: none;
}

.list--checkmarks li::before, .teaser-default--product .teaser-default__teaser-text ul li::before {
  content: 'V';
  display: inline-block;
  font-family: 'TeleIcon-Outline';
  line-height: 1;
  color: #e20074;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .list--checkmarks li, .teaser-default--product .teaser-default__teaser-text ul li {
    padding-left: 40px;
  }
  .list--checkmarks li::before, .teaser-default--product .teaser-default__teaser-text ul li::before {
    margin-left: -40px;
    width: 40px;
    font-size: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .list--checkmarks li, .teaser-default--product .teaser-default__teaser-text ul li {
    padding-left: 40px;
  }
  .list--checkmarks li::before, .teaser-default--product .teaser-default__teaser-text ul li::before {
    margin-left: -40px;
    width: 40px;
    font-size: 26px;
  }
}

@media only screen and (min-width: 1024px) {
  .list--checkmarks li, .teaser-default--product .teaser-default__teaser-text ul li {
    padding-left: 42px;
  }
  .list--checkmarks li::before, .teaser-default--product .teaser-default__teaser-text ul li::before {
    width: 42px;
    margin-left: -42px;
    font-size: 30px;
  }
}

@media only screen and (max-width: 1023px) {
  .list--checkmarks li + li, .teaser-default--product .teaser-default__teaser-text ul li + li {
    margin-top: 18px;
  }
}

@media only screen and (min-width: 1024px) {
  .list--checkmarks li + li, .teaser-default--product .teaser-default__teaser-text ul li + li {
    margin-top: 26px;
  }
}

.m-list--two-textfields {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
}

.m-navigation__header {
  position: sticky;
  top: 0;
  display: flex;
  z-index: 1;
  background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .m-navigation__header {
    height: 74px;
    justify-content: flex-end;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #d0d0d0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-navigation__header {
    height: 74px;
    justify-content: flex-end;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #d0d0d0;
  }
}

@media only screen and (min-width: 1024px) {
  .m-navigation__header {
    justify-content: space-between;
    margin-left: 60px;
    margin-right: 60px;
    padding-top: 55px;
    padding-bottom: 55px;
  }
}

.m-navigation__header .a-icon--close {
  color: #262626;
}

.m-navigation__header .a-icon--close:focus {
  outline: 2px solid Highlight;
}

@media only screen and (min-width: 1024px) {
  .m-navigation__header .a-icon--close {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 1023px) {
  .m-navigation__home {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .m-navigation__home {
    padding-left: 14px;
    padding-right: 14px;
    width: 215px;
  }
  .m-navigation__home:focus {
    outline: 2px solid Highlight;
  }
}

/* ------------------------------------ *\
	Organisms
\* ------------------------------------ */
.o-header {
  /**
	 *
	 */
  /**
	 *
	 */
}

.o-header .m-brandbar {
  width: 100%;
  background-color: #e20074;
}

@media only screen and (max-width: 767px) {
  .o-header .flexwrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .o-header .header__language-country {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    order: 1;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .o-header .header__language-country {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1023px) {
  .o-header .header__language-country {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1024px) {
  .o-header .header__language-country {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .o-header .m-brandbar {
    order: 2;
    justify-content: center;
    height: 84px;
    padding-bottom: 23px;
  }
  .o-header .m-brandbar .a-image--logo {
    height: 38px;
  }
  .o-header .m-brandbar .a-image--claim {
    display: none;
  }
  .o-header .m-header__navbar {
    order: 2;
  }
  .o-header.is-active-country .m-header__navbar {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-header .flexwrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .o-header .header__language-country {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    order: 1;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
  .o-header .header__language-country {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  .o-header .header__language-country {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .o-header .header__language-country {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-header .m-brandbar {
    order: 2;
    height: 84px;
    padding-bottom: 23px;
  }
  .o-header .m-brandbar .a-image--logo {
    height: 38px;
  }
  .o-header .m-brandbar .a-image--claim {
    margin-bottom: 2px;
    height: 28px;
  }
  .o-header .m-header__navbar {
    order: 3;
  }
  .o-header .m-header__navbar .header__nav::before {
    content: '#';
    display: block;
  }
  .o-header.is-active-country .m-header__navbar {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .o-header {
    display: -ms-grid;
    display: grid;
    width: 100%;
    -ms-grid-columns: 1fr minmax(0, 1024px) 1fr;
    grid-template-columns: 1fr minmax(0, 1024px) 1fr;
  }
  .o-header:not(.o-header--onepager) {
    -ms-grid-rows: 198px;
    grid-template-rows: 198px;
  }
  .o-header .whitespace1 {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 3 / 2;
    /* stylelint-enable */
  }
  .o-header .whitespace2 {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 3 / 2 / 4;
    /* stylelint-enable */
  }
  .o-header .whitespace-metanav {
    width: 100%;
    height: 38px;
    background-color: #000000;
  }
  .o-header .whitespace-brandbar {
    width: 100%;
    height: 85px;
    background-color: #e20074;
  }
  .o-header .whitespace-navbar {
    width: 100%;
    height: 74px;
    border-bottom: 1px solid 1px solid #d0d0d0;
    background-color: #ffffff;
  }
  .o-header .flexwrapper {
    position: relative;
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 2 / 2 / 3;
    /* stylelint-enable */
    width: 100%;
    border-bottom: 1px solid 1px solid #d0d0d0;
  }
  .o-header .m-header__navbar {
    width: 100%;
  }
  .o-header .m-brandbar {
    height: 61px;
    padding-bottom: 24px;
  }
  .o-header .m-brandbar .a-image--logo {
    height: 36.44px;
  }
  .o-header .m-brandbar .a-image--claim {
    margin-bottom: 2px;
    height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-header--onepager {
    -ms-grid-rows: 123px;
    grid-template-rows: 123px;
  }
}

.o-header--onepager .m-brandbar {
  background-color: #ffffff;
}

.o-header--onepager .whitespace-brandbar {
  background-color: #ffffff;
}

/**
 * @description: Part of the top bar with the links to select a language version
 * and a flyout to select the country-specific version of T-Systems
 * - country version chooser
 * - language version chooser
 */
.header__language-country {
  height: 38px;
  display: flex;
  justify-content: flex-end;
  background-color: #000000;
}

.header__chooser-language {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 5px;
  color: #ffffff;
  font-size: 17px;
  line-height: 24px;
}

.header__chooser-language .language-item.is-active {
  font-family: "TeleGroteskNext-Ultra", sans-serif;
}

.header__chooser-language .language-item + .language-item::before {
  content: '|';
  font-family: "TeleGroteskNext-Regular", sans-serif;
}

.header__chooser-language .a-textlink {
  padding: 0 10px;
  color: #ffffff;
}

.o-footer {
  display: flex;
  flex-direction: column;
  color: #ffffff;
  background-color: #262626;
}

@media only screen and (max-width: 767px) {
  .o-footer {
    padding-top: 31px;
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .o-footer {
    padding-top: 34px;
    padding-bottom: 32px;
  }
}

.o-footer .a-separation {
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .o-footer .m-brandbar {
    margin-top: 24px;
  }
}

@media only screen and (min-width: 768px) {
  .o-footer .m-brandbar {
    margin-top: 18px;
  }
}

@media only screen and (max-width: 1023px) {
  .o-footer .a-image--logo {
    height: 34px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-footer .a-image--logo {
    height: 31px;
  }
}

@media only screen and (max-width: 1023px) {
  .o-footer .a-image--claim {
    height: 34px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-footer .a-image--claim {
    height: 31px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-footer--onepager .content-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 767px) {
  .o-footer--onepager .content-wrapper {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 768px) and (max-width: 1023px) {
  .o-footer--onepager .content-wrapper {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .o-footer--onepager .content-wrapper {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

@media only screen and (max-width: 1023px) {
  .o-footer--onepager .footer__nav {
    order: initial;
    margin-top: 0;
    padding: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .o-footer--onepager .footer__nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 0;
    padding-right: 0;
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .o-footer--onepager .footer__nav-items {
    display: flex;
    flex-direction: row;
    margin-left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-footer--onepager .footer__nav-items {
    display: flex;
    flex-direction: row;
    margin-left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-footer--onepager .footer__nav-items {
    margin: 0;
  }
}

.o-footer--onepager .footer__nav-item,
.o-footer--onepager .footer__nav-item + .footer__nav-item {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .o-footer--onepager .footer__nav-item + .footer__nav-item {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .o-footer--onepager .footer__copyright {
    margin: 20px 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-footer--onepager .footer__copyright {
    margin: 20px 0 0;
  }
}

@media only screen and (min-width: 1024px) {
  .o-footer--onepager .footer__copyright {
    margin-top: 0;
    padding-left: 0;
    line-height: 16px;
  }
}

/**
 * @description Footer-Navigation
 */
.footer__nav {
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .footer__nav {
    margin-top: 36px;
    order: 100;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__nav {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .footer__nav {
    margin-top: 30px;
  }
}

.footer__nav-items {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
}

@media only screen and (min-width: 768px) {
  .footer__nav-items {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

.footer__nav-item a {
  display: block;
  color: #ffffff;
  text-decoration: none;
}

.footer__nav-item a:hover {
  text-decoration: underline;
}

.footer__nav-item .is-privacy::before {
  display: inline-block;
  height: 13px;
  width: 13px;
  content: '';
  margin-right: 2px;
  margin-bottom: -1px;
}

@media only screen and (max-width: 767px) {
  .footer__nav-item {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) {
  .footer__nav-item {
    font-size: 16px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .footer__nav-item + .footer__nav-item {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .footer__nav-item:not(:last-child) {
    margin-right: 22px;
  }
}

.footer__copyright {
  font-size: 14px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .footer__copyright {
    margin-top: 36px;
    order: 99;
  }
}

@media only screen and (min-width: 768px) {
  .footer__copyright {
    margin-top: 20px;
  }
}

.o-teaser-default.teaser-cta-basic .a-textlink[href^='mailto'],
.o-teaser-default.teaser-cta-basic .a-textlink[href^='tel'], .teaser-default--cta-magenta-document-icon .a-textlink[href^='mailto'],
.teaser-default--cta-magenta-document-icon .a-textlink[href^='tel'], .teaser-default--cta-with-background-image-without-swoosh .a-textlink[href^='mailto'],
.teaser-default--cta-with-background-image-without-swoosh .a-textlink[href^='tel'] {
  padding: 0;
  border: none;
  text-decoration: underline;
}

.o-teaser-default.teaser-cta-basic .a-textlink[href^='mailto']::before,
.o-teaser-default.teaser-cta-basic .a-textlink[href^='tel']::before, .teaser-default--cta-magenta-document-icon .a-textlink[href^='mailto']::before,
.teaser-default--cta-magenta-document-icon .a-textlink[href^='tel']::before, .teaser-default--cta-with-background-image-without-swoosh .a-textlink[href^='mailto']::before,
.teaser-default--cta-with-background-image-without-swoosh .a-textlink[href^='tel']::before {
  margin-right: 10px;
}

.o-teaser-default.teaser-cta-basic .a-textlink:hover[href^='mailto'],
.o-teaser-default.teaser-cta-basic .a-textlink:hover[href^='tel'], .teaser-default--cta-magenta-document-icon .a-textlink:hover[href^='mailto'],
.teaser-default--cta-magenta-document-icon .a-textlink:hover[href^='tel'], .teaser-default--cta-with-background-image-without-swoosh .a-textlink:hover[href^='mailto'],
.teaser-default--cta-with-background-image-without-swoosh .a-textlink:hover[href^='tel'] {
  color: #ffffff;
  background-color: transparent;
}

.o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
.o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
.o-teaser-default.teaser-cta-basic .cta-wrapper > .a-textlink[href^='mailto'],
.o-teaser-default.teaser-cta-basic .cta-wrapper > .a-textlink[href^='tel'], .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
.teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
.teaser-default--cta-magenta-document-icon .cta-wrapper > .a-textlink[href^='mailto'],
.teaser-default--cta-magenta-document-icon .cta-wrapper > .a-textlink[href^='tel'], .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
.teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
.teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > .a-textlink[href^='mailto'],
.teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > .a-textlink[href^='tel'] {
  font-family: "TeleGroteskNext-Ultra", sans-serif;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
  .o-teaser-default.teaser-cta-basic .cta-wrapper > .a-textlink[href^='mailto'],
  .o-teaser-default.teaser-cta-basic .cta-wrapper > .a-textlink[href^='tel'], .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
  .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
  .teaser-default--cta-magenta-document-icon .cta-wrapper > .a-textlink[href^='mailto'],
  .teaser-default--cta-magenta-document-icon .cta-wrapper > .a-textlink[href^='tel'], .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
  .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > .a-textlink[href^='mailto'],
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > .a-textlink[href^='tel'] {
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
  .o-teaser-default.teaser-cta-basic .cta-wrapper > .a-textlink[href^='mailto'],
  .o-teaser-default.teaser-cta-basic .cta-wrapper > .a-textlink[href^='tel'], .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
  .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
  .teaser-default--cta-magenta-document-icon .cta-wrapper > .a-textlink[href^='mailto'],
  .teaser-default--cta-magenta-document-icon .cta-wrapper > .a-textlink[href^='tel'], .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
  .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > .a-textlink[href^='mailto'],
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > .a-textlink[href^='tel'] {
    font-size: 32px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
  .o-teaser-default.teaser-cta-basic .cta-wrapper > .a-textlink[href^='mailto'],
  .o-teaser-default.teaser-cta-basic .cta-wrapper > .a-textlink[href^='tel'], .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
  .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
  .teaser-default--cta-magenta-document-icon .cta-wrapper > .a-textlink[href^='mailto'],
  .teaser-default--cta-magenta-document-icon .cta-wrapper > .a-textlink[href^='tel'], .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
  .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > .a-textlink[href^='mailto'],
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > .a-textlink[href^='tel'] {
    font-size: 36px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > .a-textlink[href^='mailto']::before,
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > .a-textlink[href^='tel']::before,
  .o-teaser-default.teaser-cta-basic .cta-wrapper > .a-textlink[href^='mailto']::before,
  .o-teaser-default.teaser-cta-basic .cta-wrapper > .a-textlink[href^='tel']::before, .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > .a-textlink[href^='mailto']::before,
  .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > .a-textlink[href^='tel']::before,
  .teaser-default--cta-magenta-document-icon .cta-wrapper > .a-textlink[href^='mailto']::before,
  .teaser-default--cta-magenta-document-icon .cta-wrapper > .a-textlink[href^='tel']::before, .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > .a-textlink[href^='mailto']::before,
  .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > .a-textlink[href^='tel']::before,
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > .a-textlink[href^='mailto']::before,
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > .a-textlink[href^='tel']::before {
    font-size: 27px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > .a-textlink[href^='mailto']::before,
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > .a-textlink[href^='tel']::before,
  .o-teaser-default.teaser-cta-basic .cta-wrapper > .a-textlink[href^='mailto']::before,
  .o-teaser-default.teaser-cta-basic .cta-wrapper > .a-textlink[href^='tel']::before, .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > .a-textlink[href^='mailto']::before,
  .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > .a-textlink[href^='tel']::before,
  .teaser-default--cta-magenta-document-icon .cta-wrapper > .a-textlink[href^='mailto']::before,
  .teaser-default--cta-magenta-document-icon .cta-wrapper > .a-textlink[href^='tel']::before, .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > .a-textlink[href^='mailto']::before,
  .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > .a-textlink[href^='tel']::before,
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > .a-textlink[href^='mailto']::before,
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > .a-textlink[href^='tel']::before {
    font-size: 27px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > .a-textlink[href^='mailto']::before,
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > .a-textlink[href^='tel']::before,
  .o-teaser-default.teaser-cta-basic .cta-wrapper > .a-textlink[href^='mailto']::before,
  .o-teaser-default.teaser-cta-basic .cta-wrapper > .a-textlink[href^='tel']::before, .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > .a-textlink[href^='mailto']::before,
  .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > .a-textlink[href^='tel']::before,
  .teaser-default--cta-magenta-document-icon .cta-wrapper > .a-textlink[href^='mailto']::before,
  .teaser-default--cta-magenta-document-icon .cta-wrapper > .a-textlink[href^='tel']::before, .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > .a-textlink[href^='mailto']::before,
  .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > .a-textlink[href^='tel']::before,
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > .a-textlink[href^='mailto']::before,
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > .a-textlink[href^='tel']::before {
    font-size: 31px;
  }
}

.o-teaser-default {
  /**
	 *  @TODO Should .o-teaser-default not switch to display: block; as default?
	 *  Use case: all linked teaser are A.o-teaser-default instead of
	 *  DIV.o-teaser-default. As inline elements, they loose some margins and
	 *  padddings
	 */
  color: #262626;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default .teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default .teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default .teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.o-teaser-default .a-image {
  display: block;
  width: 100%;
}

.o-teaser-default .a-textlink {
  text-decoration: none;
}

.o-teaser-default .o-teaser-default__subline {
  position: absolute;
  bottom: 10px;
  right: 20px;
  text-align: right;
  line-height: 22px;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta {
    padding: 60px 0 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta {
    padding: 80px 0 70px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta {
    padding: 100px 0;
  }
}

.o-teaser-default.teaser-cta .a-headline, .o-teaser-default.teaser-cta .o-accordeon .accordeon__title, .o-accordeon .o-teaser-default.teaser-cta .accordeon__title {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta .a-headline, .o-teaser-default.teaser-cta .o-accordeon .accordeon__title, .o-accordeon .o-teaser-default.teaser-cta .accordeon__title {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta .a-headline, .o-teaser-default.teaser-cta .o-accordeon .accordeon__title, .o-accordeon .o-teaser-default.teaser-cta .accordeon__title {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta .a-headline, .o-teaser-default.teaser-cta .o-accordeon .accordeon__title, .o-accordeon .o-teaser-default.teaser-cta .accordeon__title {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.o-teaser-default.teaser-cta .teaser-default__teaser-text,
.o-teaser-default.teaser-cta .teaser-text {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta .teaser-default__teaser-text,
  .o-teaser-default.teaser-cta .teaser-text {
    margin-top: 10px;
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta .teaser-default__teaser-text,
  .o-teaser-default.teaser-cta .teaser-text {
    margin-top: 12px;
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta .teaser-default__teaser-text,
  .o-teaser-default.teaser-cta .teaser-text {
    margin-top: 18px;
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

.o-teaser-default.teaser-cta .teaser-default__teaser-text a,
.o-teaser-default.teaser-cta .teaser-text a {
  color: #ffffff;
  text-decoration: underline;
}

.o-teaser-default.teaser-cta .teaser-default__teaser-text p,
.o-teaser-default.teaser-cta .teaser-text p {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.o-teaser-default.teaser-cta .teaser-default__teaser-text p:first-child,
.o-teaser-default.teaser-cta .teaser-text p:first-child {
  margin-top: 0;
}

.o-teaser-default.teaser-cta .teaser-default__teaser-text p:last-child,
.o-teaser-default.teaser-cta .teaser-text p:last-child {
  margin-bottom: 0;
}

.o-teaser-default.teaser-cta .teaser-default__pseudo-btn,
.o-teaser-default.teaser-cta .a-textlink {
  color: #ffffff;
  background-color: transparent;
}

@media only screen and (min-width: 768px) {
  .o-teaser-default.teaser-cta .teaser-default__cta-wrapper .a-textlink,
  .o-teaser-default.teaser-cta .cta-wrapper .a-textlink {
    margin-right: 32px;
  }
}

.o-teaser-default.teaser-cta-basic {
  color: #ffffff;
  background-color: #262626;
}

@media only screen and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-basic .content-wrapper {
    padding: 0 12px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-basic .content-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 767px) {
  .o-teaser-default.teaser-cta-basic .content-wrapper {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-basic .content-wrapper {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-basic .content-wrapper {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.o-teaser-default.teaser-cta-basic .a-textlink.btn {
  color: #262626;
  background-color: #ffffff;
}

.o-teaser-default.teaser-cta-basic .a-textlink.btn:hover {
  color: #ffffff;
  background-color: transparent;
}

.o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper,
.o-teaser-default.teaser-cta-basic .cta-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper > *,
.o-teaser-default.teaser-cta-basic .cta-wrapper > * {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper,
  .o-teaser-default.teaser-cta-basic .cta-wrapper {
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper,
  .o-teaser-default.teaser-cta-basic .cta-wrapper {
    flex-direction: row;
    align-items: center;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-basic .teaser-default__cta-wrapper,
  .o-teaser-default.teaser-cta-basic .cta-wrapper {
    flex-direction: row;
    align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-basic .m-contact {
    width: 100%;
  }
  .o-teaser-default.teaser-cta-basic .m-contact .info-field {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-default.teaser-cta-basic .m-contact {
    margin-right: 32px;
  }
}

.o-teaser-default.teaser-cta-basic .m-contact .a-image {
  border-radius: 50%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-basic .m-contact .a-image {
    -ms-grid-row-align: center;
        align-self: center;
    width: 160px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-basic .m-contact .a-image {
    margin-right: 42px;
    width: 170px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-basic .m-contact .a-image {
    margin-right: 72px;
    width: 160px;
  }
}

.o-teaser-default.teaser-cta-basic .m-contact .a-textlink {
  margin-right: 0;
}

.o-teaser-default.teaser-cta-hero {
  padding: 0;
  background-image: url("../_img/cta-hero-background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-hero {
    background-size: cover;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-hero {
    background-size: auto 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-hero {
    background-size: cover;
  }
}

.o-teaser-default.teaser-cta-hero .type-area, .o-teaser-default.teaser-cta-hero .m-brandbar, .o-teaser-default.teaser-cta-hero .footer__nav, .o-teaser-default.teaser-cta-hero .footer__copyright, .o-teaser-default.teaser-cta-hero .o-teaser-collection-cube, .o-teaser-default.teaser-cta-hero .o-teaser-collection--magazine.o-teaser-collection {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-hero .type-area, .o-teaser-default.teaser-cta-hero .m-brandbar, .o-teaser-default.teaser-cta-hero .footer__nav, .o-teaser-default.teaser-cta-hero .footer__copyright, .o-teaser-default.teaser-cta-hero .o-teaser-collection-cube, .o-teaser-default.teaser-cta-hero .o-teaser-collection--magazine.o-teaser-collection {
    padding: 0 0 0 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-hero .type-area, .o-teaser-default.teaser-cta-hero .m-brandbar, .o-teaser-default.teaser-cta-hero .footer__nav, .o-teaser-default.teaser-cta-hero .footer__copyright, .o-teaser-default.teaser-cta-hero .o-teaser-collection-cube, .o-teaser-default.teaser-cta-hero .o-teaser-collection--magazine.o-teaser-collection {
    padding: 0 0 0 12px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-hero .type-area, .o-teaser-default.teaser-cta-hero .m-brandbar, .o-teaser-default.teaser-cta-hero .footer__nav, .o-teaser-default.teaser-cta-hero .footer__copyright, .o-teaser-default.teaser-cta-hero .o-teaser-collection-cube, .o-teaser-default.teaser-cta-hero .o-teaser-collection--magazine.o-teaser-collection {
    max-width: 1024px;
  }
}

.o-teaser-default.teaser-cta-hero .swoosh-wrapper {
  background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-hero .swoosh-wrapper {
    margin-bottom: 40px;
    height: 100vw;
    background-image: url("../_img/TSYS_Digit-Swoosh_Form-1_short_Yellow_3c_1200px.png");
    background-size: auto 160%;
    background-position: left bottom;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-hero .swoosh-wrapper {
    background-size: auto 120%;
    background-position: left center;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-hero .swoosh-wrapper {
    background-size: 100% auto;
    background-position: left center;
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-default.teaser-cta-hero .swoosh-wrapper {
    position: relative;
    min-height: 461.511111111px;
    width: 100%;
    background-image: url("../_img/Swoosh_Form-2_long_Yellow-1440px.png");
  }
}

.o-teaser-default.teaser-cta-hero .content-wrapper {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-hero .content-wrapper {
    padding: 40px 16.6666666667% 40px 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-hero .content-wrapper {
    padding: 90px 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-hero .content-wrapper {
    padding: 0 8.3333333333% 0 24px;
  }
}

.o-teaser-default.teaser-cta-hero .content-wrapper .a-textlink {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-hero .content-wrapper .a-textlink {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-hero .content-wrapper .a-textlink {
    margin-top: 30px;
    margin-right: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-hero .content-wrapper .a-textlink {
    margin-top: 35px;
    margin-right: 32px;
  }
}

.teaser-default--offer {
  position: relative;
  display: block;
  background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .teaser-default--offer {
    margin: 105px 20px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--offer {
    margin: 25px 20px 0 90px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--offer {
    margin: 20px auto 0;
  }
}

.teaser-default--offer:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .teaser-default--offer .teaser-default__content-wrapper {
    padding: 45px 30px 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--offer .teaser-default__content-wrapper {
    padding: 45px 30px 35px 100px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--offer .teaser-default__content-wrapper {
    padding: 45px 30px 35px 100px;
  }
}

.teaser-default--offer .teaser-default__content-wrapper .a-headline, .teaser-default--offer .teaser-default__content-wrapper .o-accordeon .accordeon__title, .o-accordeon .teaser-default--offer .teaser-default__content-wrapper .accordeon__title {
  color: #262626;
}

@media only screen and (min-width: 1024px) {
  .teaser-default--offer .teaser-default__content-wrapper .a-headline, .teaser-default--offer .teaser-default__content-wrapper .o-accordeon .accordeon__title, .o-accordeon .teaser-default--offer .teaser-default__content-wrapper .accordeon__title {
    font-size: 28px;
    line-height: 32px;
  }
  .teaser-default--offer .teaser-default__content-wrapper .a-headline + .teaser-default__teaser-text, .teaser-default--offer .teaser-default__content-wrapper .o-accordeon .accordeon__title + .teaser-default__teaser-text, .o-accordeon .teaser-default--offer .teaser-default__content-wrapper .accordeon__title + .teaser-default__teaser-text {
    margin-top: 17px;
  }
}

.teaser-default--offer .teaser-default__teaser-text p {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.teaser-default--offer .teaser-default__teaser-text p:first-child {
  margin-top: 0;
}

.teaser-default--offer .teaser-default__teaser-text p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .teaser-default--offer .teaser-default__teaser-text {
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--offer .teaser-default__teaser-text {
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--offer .teaser-default__teaser-text {
    font-size: 24px;
    line-height: 32px;
  }
}

.teaser-default--offer .teaser-default__teaser-text + .teaser-default__pseudo-btn {
  margin-top: 18px;
}

.teaser-default--offer .teaser-default__pseudo-btn {
  display: inline-block;
}

.teaser-default--offer .m-flash {
  position: absolute;
  transform: rotate(-10deg);
  /**
		 * Positioning & Sizing
		 */
}

@media only screen and (max-width: 767px) {
  .teaser-default--offer .m-flash {
    top: -90px;
    left: 5px;
    height: 120px;
    width: 120px;
  }
}

@media only screen and (min-width: 768px) {
  .teaser-default--offer .m-flash {
    top: 20px;
    left: -75px;
    height: 150px;
    width: 150px;
  }
}

.teaser-default--good-to-know {
  background-color: #ffffff;
}

.teaser-default--good-to-know .teaser-default__image {
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .teaser-default--good-to-know .teaser-default__content-wrapper {
    padding: 30px 25px 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--good-to-know .teaser-default__content-wrapper {
    padding: 35px 30px 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--good-to-know .teaser-default__content-wrapper {
    padding: 20px 20px 30px;
  }
}

.teaser-default--good-to-know .teaser-default__content-wrapper .a-headline, .teaser-default--good-to-know .teaser-default__content-wrapper .o-accordeon .accordeon__title, .o-accordeon .teaser-default--good-to-know .teaser-default__content-wrapper .accordeon__title {
  display: block;
  font-family: "TeleGroteskNext-Ultra", sans-serif;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .teaser-default--good-to-know .teaser-default__content-wrapper .a-headline, .teaser-default--good-to-know .teaser-default__content-wrapper .o-accordeon .accordeon__title, .o-accordeon .teaser-default--good-to-know .teaser-default__content-wrapper .accordeon__title {
    font-size: 40px;
    line-height: 1;
    min-height: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--good-to-know .teaser-default__content-wrapper .a-headline, .teaser-default--good-to-know .teaser-default__content-wrapper .o-accordeon .accordeon__title, .o-accordeon .teaser-default--good-to-know .teaser-default__content-wrapper .accordeon__title {
    font-size: 50px;
    line-height: 1;
    min-height: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--good-to-know .teaser-default__content-wrapper .a-headline, .teaser-default--good-to-know .teaser-default__content-wrapper .o-accordeon .accordeon__title, .o-accordeon .teaser-default--good-to-know .teaser-default__content-wrapper .accordeon__title {
    font-size: 70px;
    line-height: 1;
    min-height: 70px;
  }
}

.teaser-default--good-to-know .teaser-default__teaser-text {
  /* stylelint-disable */
  /* autoprefixer: off */
  /* autoprefixer: on */
  /* stylelint-enable */
}

@media only screen and (max-width: 767px) {
  .teaser-default--good-to-know .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
    margin-top: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--good-to-know .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
    margin-top: 12px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--good-to-know .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
    margin-top: 15px;
  }
}

.teaser-default--editorial,
.teaser-default--editorial-black {
  position: relative;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .teaser-default--editorial,
  .teaser-default--editorial-black {
    display: flex;
    flex-direction: column;
    padding: 60px 20px 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--editorial,
  .teaser-default--editorial-black {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 39px 20px 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--editorial,
  .teaser-default--editorial-black {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 1fr 1000px 1fr;
    grid-template-columns: 1fr 1000px 1fr;
    padding-top: 52px;
    padding-bottom: 67px;
  }
  .teaser-default--editorial .teaser-default__image,
  .teaser-default--editorial .teaser-default__content-wrapper,
  .teaser-default--editorial-black .teaser-default__image,
  .teaser-default--editorial-black .teaser-default__content-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 2 / 2 / 3;
    /* stylelint-enable */
  }
  .teaser-default--editorial .teaser-default__content-wrapper:not(:only-child),
  .teaser-default--editorial-black .teaser-default__content-wrapper:not(:only-child) {
    -ms-grid-column-align: end;
        justify-self: end;
  }
  .teaser-default--editorial .teaser-default__image,
  .teaser-default--editorial-black .teaser-default__image {
    justify-self: flex-start;
  }
}

.teaser-default--editorial .teaser-default__image,
.teaser-default--editorial-black .teaser-default__image {
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .teaser-default--editorial .teaser-default__image,
  .teaser-default--editorial-black .teaser-default__image {
    padding: 0 16.6666666667%;
  }
  .teaser-default--editorial .teaser-default__image + .teaser-default__content-wrapper,
  .teaser-default--editorial-black .teaser-default__image + .teaser-default__content-wrapper {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--editorial .teaser-default__image,
  .teaser-default--editorial-black .teaser-default__image {
    width: 50%;
    padding: 11px 10% 0 10%;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--editorial .teaser-default__image,
  .teaser-default--editorial-black .teaser-default__image {
    width: 41.6666666667%;
    padding: 15px 8.3333333333% 0;
    -ms-grid-row-align: center;
        align-self: center;
  }
}

.teaser-default--editorial .teaser-default__image .a-image,
.teaser-default--editorial-black .teaser-default__image .a-image {
  border-radius: 50%;
}

.teaser-default--editorial .teaser-default__content-wrapper,
.teaser-default--editorial-black .teaser-default__content-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--editorial .teaser-default__content-wrapper,
  .teaser-default--editorial-black .teaser-default__content-wrapper {
    width: 50%;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--editorial .teaser-default__content-wrapper,
  .teaser-default--editorial-black .teaser-default__content-wrapper {
    width: 58.3333333333%;
    padding-left: 24px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .teaser-default--editorial .teaser-default__content-wrapper > .teaser-default__teaser-text,
  .teaser-default--editorial .teaser-default__content-wrapper > .a-headline,
  .teaser-default--editorial .o-accordeon .teaser-default__content-wrapper > .accordeon__title,
  .o-accordeon .teaser-default--editorial .teaser-default__content-wrapper > .accordeon__title,
  .teaser-default--editorial-black .teaser-default__content-wrapper > .teaser-default__teaser-text,
  .teaser-default--editorial-black .teaser-default__content-wrapper > .a-headline,
  .teaser-default--editorial-black .o-accordeon .teaser-default__content-wrapper > .accordeon__title,
  .o-accordeon .teaser-default--editorial-black .teaser-default__content-wrapper > .accordeon__title {
    width: 100%;
  }
}

.teaser-default--editorial .teaser-default__content-wrapper .a-headline, .teaser-default--editorial .teaser-default__content-wrapper .o-accordeon .accordeon__title, .o-accordeon .teaser-default--editorial .teaser-default__content-wrapper .accordeon__title,
.teaser-default--editorial .teaser-default__content-wrapper .teaser-default__teaser-text,
.teaser-default--editorial .teaser-default__content-wrapper .a-category,
.teaser-default--editorial-black .teaser-default__content-wrapper .a-headline,
.teaser-default--editorial-black .teaser-default__content-wrapper .o-accordeon .accordeon__title,
.o-accordeon .teaser-default--editorial-black .teaser-default__content-wrapper .accordeon__title,
.teaser-default--editorial-black .teaser-default__content-wrapper .teaser-default__teaser-text,
.teaser-default--editorial-black .teaser-default__content-wrapper .a-category {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .teaser-default--editorial .teaser-default__content-wrapper .a-headline:not(:first-child), .teaser-default--editorial .teaser-default__content-wrapper .o-accordeon .accordeon__title:not(:first-child), .o-accordeon .teaser-default--editorial .teaser-default__content-wrapper .accordeon__title:not(:first-child),
  .teaser-default--editorial .teaser-default__content-wrapper .teaser-default__teaser-text:not(:first-child),
  .teaser-default--editorial-black .teaser-default__content-wrapper .a-headline:not(:first-child),
  .teaser-default--editorial-black .teaser-default__content-wrapper .o-accordeon .accordeon__title:not(:first-child),
  .o-accordeon .teaser-default--editorial-black .teaser-default__content-wrapper .accordeon__title:not(:first-child),
  .teaser-default--editorial-black .teaser-default__content-wrapper .teaser-default__teaser-text:not(:first-child) {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--editorial .teaser-default__content-wrapper .a-headline:not(:first-child), .teaser-default--editorial .teaser-default__content-wrapper .o-accordeon .accordeon__title:not(:first-child), .o-accordeon .teaser-default--editorial .teaser-default__content-wrapper .accordeon__title:not(:first-child),
  .teaser-default--editorial .teaser-default__content-wrapper .teaser-default__teaser-text:not(:first-child),
  .teaser-default--editorial-black .teaser-default__content-wrapper .a-headline:not(:first-child),
  .teaser-default--editorial-black .teaser-default__content-wrapper .o-accordeon .accordeon__title:not(:first-child),
  .o-accordeon .teaser-default--editorial-black .teaser-default__content-wrapper .accordeon__title:not(:first-child),
  .teaser-default--editorial-black .teaser-default__content-wrapper .teaser-default__teaser-text:not(:first-child) {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--editorial .teaser-default__content-wrapper .a-headline:not(:first-child), .teaser-default--editorial .teaser-default__content-wrapper .o-accordeon .accordeon__title:not(:first-child), .o-accordeon .teaser-default--editorial .teaser-default__content-wrapper .accordeon__title:not(:first-child),
  .teaser-default--editorial .teaser-default__content-wrapper .teaser-default__teaser-text:not(:first-child),
  .teaser-default--editorial-black .teaser-default__content-wrapper .a-headline:not(:first-child),
  .teaser-default--editorial-black .teaser-default__content-wrapper .o-accordeon .accordeon__title:not(:first-child),
  .o-accordeon .teaser-default--editorial-black .teaser-default__content-wrapper .accordeon__title:not(:first-child),
  .teaser-default--editorial-black .teaser-default__content-wrapper .teaser-default__teaser-text:not(:first-child) {
    margin-top: 35px;
  }
}

.teaser-default--editorial .teaser-default__content-wrapper .a-category,
.teaser-default--editorial-black .teaser-default__content-wrapper .a-category {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .teaser-default--editorial .teaser-default__content-wrapper .a-category,
  .teaser-default--editorial-black .teaser-default__content-wrapper .a-category {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--editorial .teaser-default__content-wrapper .a-category,
  .teaser-default--editorial-black .teaser-default__content-wrapper .a-category {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--editorial .teaser-default__content-wrapper .a-category,
  .teaser-default--editorial-black .teaser-default__content-wrapper .a-category {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .teaser-default--editorial .teaser-default__content-wrapper .a-headline, .teaser-default--editorial .teaser-default__content-wrapper .o-accordeon .accordeon__title, .o-accordeon .teaser-default--editorial .teaser-default__content-wrapper .accordeon__title,
  .teaser-default--editorial-black .teaser-default__content-wrapper .a-headline,
  .teaser-default--editorial-black .teaser-default__content-wrapper .o-accordeon .accordeon__title,
  .o-accordeon .teaser-default--editorial-black .teaser-default__content-wrapper .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--editorial .teaser-default__content-wrapper .a-headline, .teaser-default--editorial .teaser-default__content-wrapper .o-accordeon .accordeon__title, .o-accordeon .teaser-default--editorial .teaser-default__content-wrapper .accordeon__title,
  .teaser-default--editorial-black .teaser-default__content-wrapper .a-headline,
  .teaser-default--editorial-black .teaser-default__content-wrapper .o-accordeon .accordeon__title,
  .o-accordeon .teaser-default--editorial-black .teaser-default__content-wrapper .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--editorial .teaser-default__content-wrapper .a-headline, .teaser-default--editorial .teaser-default__content-wrapper .o-accordeon .accordeon__title, .o-accordeon .teaser-default--editorial .teaser-default__content-wrapper .accordeon__title,
  .teaser-default--editorial-black .teaser-default__content-wrapper .a-headline,
  .teaser-default--editorial-black .teaser-default__content-wrapper .o-accordeon .accordeon__title,
  .o-accordeon .teaser-default--editorial-black .teaser-default__content-wrapper .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .teaser-default--editorial .teaser-default__content-wrapper .teaser-default__teaser-text,
  .teaser-default--editorial-black .teaser-default__content-wrapper .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--editorial .teaser-default__content-wrapper .teaser-default__teaser-text,
  .teaser-default--editorial-black .teaser-default__content-wrapper .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--editorial .teaser-default__content-wrapper .teaser-default__teaser-text,
  .teaser-default--editorial-black .teaser-default__content-wrapper .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.teaser-default--editorial .teaser-default__content-wrapper .teaser-default__teaser-text a,
.teaser-default--editorial-black .teaser-default__content-wrapper .teaser-default__teaser-text a {
  color: #ffffff;
  text-decoration: underline;
}

.teaser-default--editorial .teaser-default__content-wrapper .teaser-default__teaser-text p,
.teaser-default--editorial-black .teaser-default__content-wrapper .teaser-default__teaser-text p {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.teaser-default--editorial .teaser-default__content-wrapper .teaser-default__teaser-text p:first-child,
.teaser-default--editorial-black .teaser-default__content-wrapper .teaser-default__teaser-text p:first-child {
  margin-top: 0;
}

.teaser-default--editorial .teaser-default__content-wrapper .teaser-default__teaser-text p:last-child,
.teaser-default--editorial-black .teaser-default__content-wrapper .teaser-default__teaser-text p:last-child {
  margin-bottom: 0;
}

.teaser-default--editorial::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  mix-blend-mode: multiply;
  background-color: #e20074;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .teaser-default--editorial::before {
    opacity: 0.6;
  }
}

@supports (-ms-ime-align: auto) {
  .teaser-default--editorial::before {
    opacity: 0.6;
  }
}

.teaser-default--editorial > * {
  position: relative;
  isolation: isolate;
}

.teaser-default--editorial .a-textlink {
  display: inline-block;
  color: #e20074;
  border-color: #ffffff;
  background-color: #ffffff;
  align-self: flex-start;
}

@media only screen and (max-width: 767px) {
  .teaser-default--editorial .a-textlink {
    margin-top: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--editorial .a-textlink {
    margin-top: 27px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--editorial .a-textlink {
    margin-top: 30px;
  }
}

.teaser-default--editorial .a-textlink:hover {
  background: transparent;
  color: #ffffff;
}

.teaser-default--editorial-black {
  background-color: #262626;
}

.teaser-default--editorial-black .a-textlink {
  display: inline-block;
  color: #262626;
  border-color: #ffffff;
  background-color: #ffffff;
  align-self: flex-start;
}

@media only screen and (max-width: 767px) {
  .teaser-default--editorial-black .a-textlink {
    margin-top: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--editorial-black .a-textlink {
    margin-top: 27px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--editorial-black .a-textlink {
    margin-top: 30px;
  }
}

.teaser-default--editorial-black .a-textlink:hover {
  background: transparent;
  color: #ffffff;
}

.teaser-default--cta-magenta-document-icon {
  display: flex;
  color: #ffffff;
  background: #e20074;
  background-size: 100% auto;
  mix-blend-mode: multiply;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .teaser-default--cta-magenta-document-icon {
    /* IE10+ CSS styles go here */
    opacity: 0.8;
  }
}

@supports (-ms-ime-align: auto) {
  .teaser-default--cta-magenta-document-icon {
    /* EDGE STYLING GOES HERE */
    opacity: 0.8;
  }
}

.teaser-default--cta-magenta-document-icon:hover {
  text-decoration: none;
}

.teaser-default--cta-magenta-document-icon .teaser-default__content-wrapper {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .teaser-default--cta-magenta-document-icon .teaser-default__content-wrapper {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--cta-magenta-document-icon .teaser-default__content-wrapper {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--cta-magenta-document-icon .teaser-default__content-wrapper {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.teaser-default--cta-magenta-document-icon .teaser-default__content-wrapper::before {
  font-size: 105px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .teaser-default--cta-magenta-document-icon .teaser-default__content-wrapper::before {
    display: flex;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .teaser-default--cta-magenta-document-icon .teaser-default__content-wrapper::before {
    position: absolute;
  }
}

@media only screen and (min-width: 768px) {
  .teaser-default--cta-magenta-document-icon .teaser-default__content-wrapper > * {
    margin-left: 140px;
  }
}

.teaser-default--cta-magenta-document-icon .teaser-default__icon {
  font-family: 'TeleIcon-Outline';
  font-size: 70px;
  line-height: 1;
}

.teaser-default--cta-magenta-document-icon .a-textlink.btn {
  display: inline-block;
  margin-top: 50px;
  color: #e20074;
  background-color: #ffffff;
  border-color: #ffffff;
}

.teaser-default--cta-magenta-document-icon .a-textlink.btn:hover {
  background-color: transparent;
  color: #ffffff;
}

.teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper,
.teaser-default--cta-magenta-document-icon .cta-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper > *,
.teaser-default--cta-magenta-document-icon .cta-wrapper > * {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper,
  .teaser-default--cta-magenta-document-icon .cta-wrapper {
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper,
  .teaser-default--cta-magenta-document-icon .cta-wrapper {
    flex-direction: row;
    align-items: center;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--cta-magenta-document-icon .teaser-default__cta-wrapper,
  .teaser-default--cta-magenta-document-icon .cta-wrapper {
    flex-direction: row;
    align-items: center;
  }
}

.teaser-default--cta-with-background-image-without-swoosh {
  background-image: url("../_img/cta-whitepaper-image.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.teaser-default--cta-with-background-image-without-swoosh .teaser-default__content-wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .teaser-default--cta-with-background-image-without-swoosh .teaser-default__content-wrapper {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--cta-with-background-image-without-swoosh .teaser-default__content-wrapper {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--cta-with-background-image-without-swoosh .teaser-default__content-wrapper {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.teaser-default--cta-with-background-image-without-swoosh .a-textlink.btn {
  display: inline-block;
  color: #262626;
  background-color: #ffffff;
  border-color: #ffffff;
}

.teaser-default--cta-with-background-image-without-swoosh .a-textlink.btn:hover {
  color: #ffffff;
  background-color: transparent;
}

.teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper,
.teaser-default--cta-with-background-image-without-swoosh .cta-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper > *,
.teaser-default--cta-with-background-image-without-swoosh .cta-wrapper > * {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper,
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper {
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper,
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper {
    flex-direction: row;
    align-items: center;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--cta-with-background-image-without-swoosh .teaser-default__cta-wrapper,
  .teaser-default--cta-with-background-image-without-swoosh .cta-wrapper {
    flex-direction: row;
    align-items: center;
  }
}

.teaser-default--cta-with-background-image-without-swoosh .o-forms {
  color: #ffffff;
}

@media only screen and (min-width: 1024px) {
  .teaser-default--cta-with-background-image-without-swoosh .o-forms {
    margin-top: 30px;
  }
}

/**
 * @description: Teaser for "horizontal scrolling" module in Offer page
 * The whole module is "Gallery--scrolljacked"
 */
.teaser-default--product {
  /**
	 * @description: Product image
	 */
  /**
	 * @description: Text content and button
	 */
}

@media only screen and (max-width: 767px) {
  .teaser-default--product {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--product {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
    display: flex;
    align-items: center;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--product {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 512px 73.3333333333px 426.666666667px 12px;
    grid-template-columns: 1fr 512px 73.3333333333px 426.666666667px 12px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1220px;
  }
}

.teaser-default--product + .teaser-default--product {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .teaser-default--product .teaser-default__image {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--product .teaser-default__image {
    width: calc( 50% + 20px);
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--product .teaser-default__image {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 1 / 1 / 2 / 3;
    /* stylelint-enable */
  }
}

@media only screen and (max-width: 767px) {
  .teaser-default--product .teaser-default__content-wrapper {
    width: calc( 100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--product .teaser-default__content-wrapper {
    width: 50%;
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--product .teaser-default__content-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 4 / 2 / 5;
    /* stylelint-enable */
  }
}

@media only screen and (max-width: 767px) {
  .teaser-default--product .teaser-default__content-wrapper .a-headline, .teaser-default--product .teaser-default__content-wrapper .o-accordeon .accordeon__title, .o-accordeon .teaser-default--product .teaser-default__content-wrapper .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--product .teaser-default__content-wrapper .a-headline, .teaser-default--product .teaser-default__content-wrapper .o-accordeon .accordeon__title, .o-accordeon .teaser-default--product .teaser-default__content-wrapper .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--product .teaser-default__content-wrapper .a-headline, .teaser-default--product .teaser-default__content-wrapper .o-accordeon .accordeon__title, .o-accordeon .teaser-default--product .teaser-default__content-wrapper .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .teaser-default--product .teaser-default__image ~ .teaser-default__content-wrapper {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .teaser-default--product .teaser-default__teaser-text {
    margin-top: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--product .teaser-default__teaser-text {
    margin-top: 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--product .teaser-default__teaser-text {
    margin-top: 35px;
  }
}

.teaser-default--product .a-textlink--product {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .teaser-default--product .a-textlink--product {
    margin-top: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--product .a-textlink--product {
    margin-top: 26px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--product .a-textlink--product {
    margin-top: 30px;
  }
}

.teaser-default--basic-black {
  background-color: #262626;
}

.teaser-default--basic-black .a-headline, .teaser-default--basic-black .o-accordeon .accordeon__title, .o-accordeon .teaser-default--basic-black .accordeon__title,
.teaser-default--basic-black .teaser-default__teaser-text {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .teaser-default--basic-black .a-headline, .teaser-default--basic-black .o-accordeon .accordeon__title, .o-accordeon .teaser-default--basic-black .accordeon__title,
  .teaser-default--basic-black .teaser-default__teaser-text {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--basic-black .a-headline, .teaser-default--basic-black .o-accordeon .accordeon__title, .o-accordeon .teaser-default--basic-black .accordeon__title,
  .teaser-default--basic-black .teaser-default__teaser-text {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--basic-black .a-headline, .teaser-default--basic-black .o-accordeon .accordeon__title, .o-accordeon .teaser-default--basic-black .accordeon__title,
  .teaser-default--basic-black .teaser-default__teaser-text {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.teaser-default--basic-black .o-forms {
  color: #ffffff;
}

.teaser-default--basic-magenta {
  position: relative;
}

.teaser-default--basic-magenta:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  mix-blend-mode: multiply;
  background-color: #e20074;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .teaser-default--basic-magenta:before {
    opacity: 0.6;
  }
}

@supports (-ms-ime-align: auto) {
  .teaser-default--basic-magenta:before {
    opacity: 0.6;
  }
}

.teaser-default--basic-magenta > * {
  isolation: isolate;
}

.teaser-default--basic-magenta .a-headline, .teaser-default--basic-magenta .o-accordeon .accordeon__title, .o-accordeon .teaser-default--basic-magenta .accordeon__title,
.teaser-default--basic-magenta .teaser-default__teaser-text {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .teaser-default--basic-magenta .a-headline, .teaser-default--basic-magenta .o-accordeon .accordeon__title, .o-accordeon .teaser-default--basic-magenta .accordeon__title,
  .teaser-default--basic-magenta .teaser-default__teaser-text {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-default--basic-magenta .a-headline, .teaser-default--basic-magenta .o-accordeon .accordeon__title, .o-accordeon .teaser-default--basic-magenta .accordeon__title,
  .teaser-default--basic-magenta .teaser-default__teaser-text {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--basic-magenta .a-headline, .teaser-default--basic-magenta .o-accordeon .accordeon__title, .o-accordeon .teaser-default--basic-magenta .accordeon__title,
  .teaser-default--basic-magenta .teaser-default__teaser-text {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.teaser-default--basic-magenta .o-forms {
  color: #ffffff;
}

.teaser-default--basic-magenta .a-btn:not(:disabled), .teaser-default--basic-magenta .o-teaser-default .a-textlink:not(:disabled), .o-teaser-default .teaser-default--basic-magenta .a-textlink:not(:disabled), .teaser-default--basic-magenta .teaser-default--offer .teaser-default__pseudo-btn:not(:disabled), .teaser-default--offer .teaser-default--basic-magenta .teaser-default__pseudo-btn:not(:disabled), .teaser-default--basic-magenta .teaser-hero--clone .btn:not(:disabled), .teaser-hero--clone .teaser-default--basic-magenta .btn:not(:disabled), .teaser-default--basic-magenta .o-flower .flower__content > .btn:not(:disabled), .o-flower .teaser-default--basic-magenta .flower__content > .btn:not(:disabled), .teaser-default--basic-magenta .o-price-module-teaser .a-textlink:not(:disabled), .o-price-module-teaser .teaser-default--basic-magenta .a-textlink:not(:disabled) {
  background-color: #ffffff;
  color: #e20074;
  border-color: #ffffff;
}

.teaser-default--basic-magenta .a-btn:not(:disabled):hover, .teaser-default--basic-magenta .o-teaser-default .a-textlink:not(:disabled):hover, .o-teaser-default .teaser-default--basic-magenta .a-textlink:not(:disabled):hover, .teaser-default--basic-magenta .teaser-default--offer .teaser-default__pseudo-btn:not(:disabled):hover, .teaser-default--offer .teaser-default--basic-magenta .teaser-default__pseudo-btn:not(:disabled):hover, .teaser-default--basic-magenta .teaser-hero--clone .btn:not(:disabled):hover, .teaser-hero--clone .teaser-default--basic-magenta .btn:not(:disabled):hover, .teaser-default--basic-magenta .o-flower .flower__content > .btn:not(:disabled):hover, .o-flower .teaser-default--basic-magenta .flower__content > .btn:not(:disabled):hover, .teaser-default--basic-magenta .o-price-module-teaser .a-textlink:not(:disabled):hover, .o-price-module-teaser .teaser-default--basic-magenta .a-textlink:not(:disabled):hover {
  background-color: #e20074;
  color: #ffffff;
}

.teaser-default--basic-magenta .form__element__error {
  color: #ffffff;
}

.o-teaser-collection {
  margin-left: auto;
  margin-right: auto;
  max-width: 1416px;
}

.o-teaser-collection a {
  text-decoration: none;
}

.o-teaser-collection a.o-teaser-default:hover .a-image {
  transform: scale(1.1);
  z-index: 0;
}

.o-teaser-collection .a-headline, .o-teaser-collection .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection .accordeon__title {
  margin: 0;
  padding: 0;
  color: #262626;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection .a-headline, .o-teaser-collection .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection .a-headline, .o-teaser-collection .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection .a-headline, .o-teaser-collection .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

.o-teaser-collection > .a-headline, .o-accordeon .o-teaser-collection > .accordeon__title {
  display: block;
}

@media only screen and (max-width: 1023px) {
  .o-teaser-collection .a-category + .a-headline, .o-teaser-collection .o-accordeon .a-category + .accordeon__title, .o-accordeon .o-teaser-collection .a-category + .accordeon__title {
    margin-top: -3px;
  }
}

.o-teaser-collection .teaser-image {
  overflow: hidden;
}

.o-teaser-collection .a-image {
  transition: transform 700ms ease;
}

.o-teaser-collection .link-to-overview {
  display: block;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection .link-to-overview {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection .link-to-overview {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection .link-to-overview {
    margin-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection {
    margin-top: 55px;
  }
  .o-teaser-collection .teaser-wrapper {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection {
    margin-top: 75px;
  }
  .o-teaser-collection .teaser-wrapper {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection {
    margin-top: 105px;
  }
  .o-teaser-collection .teaser-wrapper {
    margin-top: 55px;
  }
  .o-teaser-collection > .a-headline, .o-accordeon .o-teaser-collection > .accordeon__title {
    margin: 0 auto;
    padding: 0 24px;
    max-width: 1000px;
  }
}

@media only screen and (max-width: 1023px) {
  .o-teaser-collection > .a-headline, .o-accordeon .o-teaser-collection > .accordeon__title {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 1023px) {
  .o-teaser-collection-s .teaser-wrapper {
    display: block;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-s .teaser-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}

.o-teaser-collection-s .o-teaser-default .a-headline, .o-teaser-collection-s .o-teaser-default .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection-s .o-teaser-default .accordeon__title {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-s .o-teaser-default {
    display: block;
    position: relative;
    margin-top: 30px;
  }
  .o-teaser-collection-s .o-teaser-default .a-image {
    padding-bottom: 30px;
  }
  .o-teaser-collection-s .o-teaser-default .content-wrapper {
    position: absolute;
    bottom: 0;
    right: 14px;
    left: 28px;
    padding: 24px;
    background-color: #ffffff;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-s .o-teaser-default {
    display: flex;
    margin-top: 20px;
    align-items: center;
    background-color: #ffffff;
  }
  .o-teaser-collection-s .o-teaser-default .teaser-image {
    width: 33.3333333333%;
    height: auto;
    box-sizing: border-box;
  }
  .o-teaser-collection-s .o-teaser-default .a-image {
    width: 100%;
  }
  .o-teaser-collection-s .o-teaser-default .content-wrapper {
    padding: 0 24px;
    width: 66.6666666667%;
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-s .o-teaser-default {
    position: relative;
    width: calc( 100% / 3);
  }
  .o-teaser-collection-s .o-teaser-default .teaser-image {
    margin-bottom: 30px;
  }
  .o-teaser-collection-s .o-teaser-default .content-wrapper {
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 5%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 30px 20px;
    background-color: #ffffff;
  }
}

.o-teaser-collection-m .teaser-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.o-teaser-collection-m .o-teaser-default {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-m .o-teaser-default {
    margin-top: 25px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-m .o-teaser-default {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-m .o-teaser-default {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-collection-m .o-teaser-default {
    width: 50%;
  }
}

@media only screen and (max-width: 1023px) {
  .o-teaser-collection-m .teaser-image {
    margin-bottom: 170px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-m .teaser-image {
    margin-bottom: 50px;
  }
}

.o-teaser-collection-m .content-wrapper {
  position: absolute;
  bottom: 0;
  background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-m .content-wrapper {
    padding: 35px 25px 30px;
  }
}

@media only screen and (max-width: 1023px) {
  .o-teaser-collection-m .content-wrapper {
    left: 10%;
    right: 10%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-m .content-wrapper {
    padding: 30px 25px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-m .content-wrapper {
    padding: 35px 20px 30px;
    left: calc( 30% - 50px);
    right: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-m .teaser-text {
    margin-top: 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-m .teaser-text {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-m .teaser-text {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 1023px) {
  .o-teaser-collection-m .a-btn, .o-teaser-collection-m .o-teaser-default .a-textlink, .o-teaser-default .o-teaser-collection-m .a-textlink, .o-teaser-collection-m .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-teaser-collection-m .teaser-default__pseudo-btn, .o-teaser-collection-m .teaser-hero--clone .btn, .teaser-hero--clone .o-teaser-collection-m .btn, .o-teaser-collection-m .o-flower .flower__content > .btn, .o-flower .o-teaser-collection-m .flower__content > .btn, .o-teaser-collection-m .o-price-module-teaser .a-textlink, .o-price-module-teaser .o-teaser-collection-m .a-textlink {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-m .a-btn, .o-teaser-collection-m .o-teaser-default .a-textlink, .o-teaser-default .o-teaser-collection-m .a-textlink, .o-teaser-collection-m .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-teaser-collection-m .teaser-default__pseudo-btn, .o-teaser-collection-m .teaser-hero--clone .btn, .teaser-hero--clone .o-teaser-collection-m .btn, .o-teaser-collection-m .o-flower .flower__content > .btn, .o-flower .o-teaser-collection-m .flower__content > .btn, .o-teaser-collection-m .o-price-module-teaser .a-textlink, .o-price-module-teaser .o-teaser-collection-m .a-textlink {
    margin-top: 30px;
  }
}

.o-teaser-collection-l > .a-headline + .teaser-wrapper, .o-teaser-collection-l--magenta > .a-headline + .teaser-wrapper, .o-accordeon .o-teaser-collection-l > .accordeon__title + .teaser-wrapper, .o-accordeon .o-teaser-collection-l--magenta > .accordeon__title + .teaser-wrapper {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-l .o-teaser-default, .o-teaser-collection-l--magenta .o-teaser-default {
    display: block;
  }
  .o-teaser-collection-l .o-teaser-default .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default .content-wrapper {
    padding: 30px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-l .o-teaser-default, .o-teaser-collection-l--magenta .o-teaser-default {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 4fr 1fr;
    grid-template-columns: 1fr 4fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .o-teaser-collection-l .o-teaser-default .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default .content-wrapper {
    padding: 40px 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-l .o-teaser-default, .o-teaser-collection-l--magenta .o-teaser-default {
    display: flex;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-l .o-teaser-default:nth-child(odd) .teaser-image, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(odd) .teaser-image {
    margin-right: 20px;
  }
  .o-teaser-collection-l .o-teaser-default:nth-child(odd) .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(odd) .content-wrapper {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-l .o-teaser-default:nth-child(odd) .teaser-image, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(odd) .teaser-image {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 3;
    grid-area: 1 / 1 / 2 / 4;
    /* stylelint-enable */
    margin-right: 20px;
  }
  .o-teaser-collection-l .o-teaser-default:nth-child(odd) .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(odd) .content-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 2 / 2 / 3 / 4;
    /* stylelint-enable */
    margin-left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-l .o-teaser-default:nth-child(odd) .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(odd) .content-wrapper {
    margin-left: -61.3333333333px;
    width: 573.333333333px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-l .o-teaser-default:nth-child(even) .teaser-image, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(even) .teaser-image {
    margin-left: 20px;
  }
  .o-teaser-collection-l .o-teaser-default:nth-child(even) .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(even) .content-wrapper {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-l .o-teaser-default:nth-child(even) .teaser-image, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(even) .teaser-image {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 3;
    grid-area: 1 / 1 / 2 / 4;
    /* stylelint-enable */
    margin-left: 20px;
  }
  .o-teaser-collection-l .o-teaser-default:nth-child(even) .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(even) .content-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 2 / 1 / 3 / 3;
    /* stylelint-enable */
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-l .o-teaser-default:nth-child(even), .o-teaser-collection-l--magenta .o-teaser-default:nth-child(even) {
    flex-direction: row-reverse;
  }
  .o-teaser-collection-l .o-teaser-default:nth-child(even) .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(even) .content-wrapper {
    margin-right: -61.3333333333px;
    width: 573.333333333px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-l .o-teaser-default .teaser-image, .o-teaser-collection-l--magenta .o-teaser-default .teaser-image {
    width: 50%;
  }
}

.o-teaser-collection-l .o-teaser-default .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default .content-wrapper {
  position: relative;
  background-color: #ffffff;
  box-sizing: border-box;
  z-index: 10;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-l .o-teaser-default .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default .content-wrapper {
    margin-top: -30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-l .o-teaser-default .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default .content-wrapper {
    margin-top: -65px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-l .o-teaser-default .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default .content-wrapper {
    margin-top: 60px;
    padding: 50px 40px;
  }
}

.o-teaser-collection-l .o-teaser-default .teaser-text, .o-teaser-collection-l--magenta .o-teaser-default .teaser-text {
  margin-top: 35px;
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-l .o-teaser-default .teaser-text, .o-teaser-collection-l--magenta .o-teaser-default .teaser-text {
    margin-top: 30px;
  }
}

.o-teaser-collection-l .o-teaser-default .a-btn, .o-teaser-collection-l--magenta .o-teaser-default .a-btn, .o-teaser-collection-l .o-teaser-default .a-textlink, .o-teaser-collection-l--magenta .o-teaser-default .a-textlink, .o-teaser-collection-l .o-teaser-default .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-teaser-collection-l .o-teaser-default .teaser-default__pseudo-btn, .o-teaser-collection-l--magenta .o-teaser-default .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-teaser-collection-l--magenta .o-teaser-default .teaser-default__pseudo-btn, .o-teaser-collection-l .o-teaser-default .teaser-hero--clone .btn, .teaser-hero--clone .o-teaser-collection-l .o-teaser-default .btn, .o-teaser-collection-l--magenta .o-teaser-default .teaser-hero--clone .btn, .teaser-hero--clone .o-teaser-collection-l--magenta .o-teaser-default .btn, .o-teaser-collection-l .o-teaser-default .o-flower .flower__content > .btn, .o-flower .o-teaser-collection-l .o-teaser-default .flower__content > .btn, .o-teaser-collection-l--magenta .o-teaser-default .o-flower .flower__content > .btn, .o-flower .o-teaser-collection-l--magenta .o-teaser-default .flower__content > .btn {
  margin-top: 25px;
}

.o-teaser-collection-l .o-teaser-default + .o-teaser-default, .o-teaser-collection-l--magenta .o-teaser-default + .o-teaser-default {
  margin-top: 50px;
}

.o-teaser-collection-l--magenta {
  position: relative;
  max-width: none;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-l--magenta {
    padding-bottom: 100px;
  }
  .o-teaser-collection-l--magenta > *:first-child {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-l--magenta {
    padding-bottom: 95px;
  }
  .o-teaser-collection-l--magenta > *:first-child {
    margin-top: 55px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-l--magenta {
    width: 100%;
    padding-bottom: 145px;
  }
  .o-teaser-collection-l--magenta > *:first-child {
    margin-top: 105px;
  }
  .o-teaser-collection-l--magenta .teaser-wrapper {
    max-width: 1416px;
    margin-left: auto;
    margin-right: auto;
  }
}

.o-teaser-collection-l--magenta::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  mix-blend-mode: multiply;
  background-color: #e20074;
  z-index: -1;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .o-teaser-collection-l--magenta::before {
    opacity: 0.6;
  }
}

@supports (-ms-ime-align: auto) {
  .o-teaser-collection-l--magenta::before {
    opacity: 0.6;
  }
}

.o-teaser-collection-l--magenta > * {
  isolation: isolate;
}

.o-teaser-collection-l--magenta > .a-headline, .o-accordeon .o-teaser-collection-l--magenta > .accordeon__title {
  color: #ffffff;
}

.teaser-cta + .o-teaser-collection-l--magenta,
.o-teaser-collection-l--magenta + .teaser-cta,
.o-teaser-collection-l--magenta + .o-teaser-collection--offer,
.o-teaser-collection--offer + .o-teaser-collection-l--magenta,
.o-teaser-collection-l--magenta + .teaser-default--editorial,
.teaser-default--editorial + .o-teaser-collection-l--magenta {
  margin-top: 0;
}

/**
 * @description Teaser-Collection ZDF v2
 */
@media only screen and (max-width: 767px) {
  .o-teaser-collection--zdf .outer-content-wrapper > .a-headline, .o-teaser-collection--zdf .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-teaser-collection--zdf .outer-content-wrapper > .accordeon__title, .o-teaser-collection--zdf .teaser-wrapper, .o-teaser-collection--zdf .m-reference-field, .o-teaser-collection--zdf .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty), .text-image--quote .text-image__richtext-wrapper .o-teaser-collection--zdf blockquote + p:not(:empty), .o-teaser-collection--zdf .m-footnotes-list {
    max-width: calc( 100% - (2 * 20px ));
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--zdf .outer-content-wrapper > .a-headline, .o-teaser-collection--zdf .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-teaser-collection--zdf .outer-content-wrapper > .accordeon__title, .o-teaser-collection--zdf .teaser-wrapper, .o-teaser-collection--zdf .m-reference-field, .o-teaser-collection--zdf .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty), .text-image--quote .text-image__richtext-wrapper .o-teaser-collection--zdf blockquote + p:not(:empty), .o-teaser-collection--zdf .m-footnotes-list {
    max-width: calc( 100% - (2 * 20px ));
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--zdf .outer-content-wrapper > .a-headline, .o-teaser-collection--zdf .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-teaser-collection--zdf .outer-content-wrapper > .accordeon__title, .o-teaser-collection--zdf .teaser-wrapper, .o-teaser-collection--zdf .m-reference-field, .o-teaser-collection--zdf .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty), .text-image--quote .text-image__richtext-wrapper .o-teaser-collection--zdf blockquote + p:not(:empty), .o-teaser-collection--zdf .m-footnotes-list {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}

.o-teaser-collection--zdf {
  width: 100%;
  max-width: none;
  position: relative;
  z-index: 2;
}

.o-teaser-collection--zdf .wave-border {
  padding-bottom: 0;
}

.o-teaser-collection--zdf .wave-border__top {
  max-height: 125px;
  height: 8.6805555556vw;
}

.o-teaser-collection--zdf .wave-border__bottom {
  max-height: 80px;
  height: 5.5555555556vw;
  margin-top: -2px;
}

.o-teaser-collection--zdf .outer-content-wrapper {
  background: #e20074;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--zdf .outer-content-wrapper {
    padding: 48px 0 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--zdf .outer-content-wrapper {
    padding: 32px 0 45px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--zdf .outer-content-wrapper {
    padding: 80px 0 90px;
  }
}

.o-teaser-collection--zdf .outer-content-wrapper > .a-headline, .o-teaser-collection--zdf .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-teaser-collection--zdf .outer-content-wrapper > .accordeon__title {
  display: block;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--zdf .outer-content-wrapper > .a-headline, .o-teaser-collection--zdf .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-teaser-collection--zdf .outer-content-wrapper > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--zdf .outer-content-wrapper > .a-headline, .o-teaser-collection--zdf .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-teaser-collection--zdf .outer-content-wrapper > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
    margin-right: 16.6666666667%;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--zdf .outer-content-wrapper > .a-headline, .o-teaser-collection--zdf .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-teaser-collection--zdf .outer-content-wrapper > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

.o-teaser-collection--zdf .teaser-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--zdf .teaser-wrapper {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--zdf .teaser-wrapper {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--zdf .teaser-wrapper {
    margin-top: 60px;
  }
}

.o-teaser-collection--zdf .o-teaser-default {
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--zdf .o-teaser-default {
    margin-bottom: 30px;
    padding-left: 20px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--zdf .o-teaser-default {
    margin-bottom: 30px;
    padding-left: 50px;
    width: calc( 50% - 20px);
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--zdf .o-teaser-default {
    margin-bottom: 40px;
    padding-right: 8.3333333333%;
    padding-left: 8.3333333333%;
    width: 45.8333333333%;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--zdf .o-teaser-default:last-child {
    margin-bottom: 25px;
  }
}

.o-teaser-collection--zdf .o-teaser-default .a-headline, .o-teaser-collection--zdf .o-teaser-default .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection--zdf .o-teaser-default .accordeon__title {
  font-family: "TeleGroteskNext-Ultra", sans-serif;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--zdf .o-teaser-default .a-headline, .o-teaser-collection--zdf .o-teaser-default .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection--zdf .o-teaser-default .accordeon__title {
    font-size: 40px;
    line-height: 62px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--zdf .o-teaser-default .a-headline, .o-teaser-collection--zdf .o-teaser-default .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection--zdf .o-teaser-default .accordeon__title {
    font-size: 50px;
    line-height: 62px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--zdf .o-teaser-default .a-headline, .o-teaser-collection--zdf .o-teaser-default .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection--zdf .o-teaser-default .accordeon__title {
    font-size: 70px;
    line-height: 62px;
  }
}

.o-teaser-collection--zdf .o-teaser-default .teaser-default__teaser-text {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--zdf .o-teaser-default .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--zdf .o-teaser-default .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--zdf .o-teaser-default .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--zdf .o-teaser-default .teaser-default__content-wrapper > *:not(:first-child) {
    margin-top: 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--zdf .o-teaser-default .teaser-default__content-wrapper > *:not(:first-child) {
    margin-top: 11px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--zdf .o-teaser-default .teaser-default__content-wrapper > *:not(:first-child) {
    margin-top: 19px;
  }
}

.o-teaser-collection--zdf .richtext-wrapper a,
.o-teaser-collection--zdf .richtext-wrapper a:visited {
  font-family: "TeleGroteskNext-Regular", sans-serif !important;
  color: #ffffff;
  text-decoration: underline;
}

.o-teaser-collection--zdf .m-reference-field, .o-teaser-collection--zdf .text-image--quote .text-image__richtext-wrapper blockquote + p:not(:empty), .text-image--quote .text-image__richtext-wrapper .o-teaser-collection--zdf blockquote + p:not(:empty) {
  margin-top: 0;
}

.o-teaser-collection--zdf .m-footnotes-list {
  padding-left: 0;
  padding-right: 0;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--zdf .m-footnotes-list {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--zdf .m-footnotes-list {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--zdf .m-footnotes-list {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--proofpoints {
    max-width: calc( 100% - (2 * 20px ));
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--proofpoints {
    max-width: calc( 100% - (2 * 20px ));
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--proofpoints {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--proofpoints .outer-content-wrapper > .a-headline, .o-teaser-collection--proofpoints .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-teaser-collection--proofpoints .outer-content-wrapper > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--proofpoints .outer-content-wrapper > .a-headline, .o-teaser-collection--proofpoints .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-teaser-collection--proofpoints .outer-content-wrapper > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--proofpoints .outer-content-wrapper > .a-headline, .o-teaser-collection--proofpoints .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-teaser-collection--proofpoints .outer-content-wrapper > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

.o-teaser-collection--proofpoints .teaser-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.o-teaser-collection--proofpoints .o-teaser-default {
  color: #ffffff;
  background-image: url("../_img/bg-waves-magenta.png");
  background-position: center top;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--proofpoints .o-teaser-default {
    width: 100%;
    margin-top: 20px;
    padding: 20px 20px;
  }
  .o-teaser-collection--proofpoints .o-teaser-default:nth-child(1) {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--proofpoints .o-teaser-default {
    width: 100%;
    margin-top: 20px;
    padding: 20px 20px;
  }
  .o-teaser-collection--proofpoints .o-teaser-default:nth-child(1) {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--proofpoints .o-teaser-default {
    width: calc( 50% - 10px);
    margin-top: 20px;
    padding: 36px 30px 40px;
    box-sizing: border-box;
  }
  .o-teaser-collection--proofpoints .o-teaser-default:nth-child(1), .o-teaser-collection--proofpoints .o-teaser-default:nth-child(2) {
    margin-top: 0;
  }
}

.o-teaser-collection--proofpoints .o-teaser-default .a-headline, .o-teaser-collection--proofpoints .o-teaser-default .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection--proofpoints .o-teaser-default .accordeon__title {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--proofpoints .o-teaser-default .a-headline, .o-teaser-collection--proofpoints .o-teaser-default .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection--proofpoints .o-teaser-default .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 34px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--proofpoints .o-teaser-default .a-headline, .o-teaser-collection--proofpoints .o-teaser-default .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection--proofpoints .o-teaser-default .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--proofpoints .o-teaser-default .a-headline, .o-teaser-collection--proofpoints .o-teaser-default .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection--proofpoints .o-teaser-default .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 48px;
    line-height: 58px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--proofpoints .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--proofpoints .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--proofpoints .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.o-teaser-collection--proofpoints .richtext-wrapper a,
.o-teaser-collection--proofpoints .richtext-wrapper a:visited {
  font-family: "TeleGroteskNext-Regular", sans-serif !important;
  color: #ffffff;
  text-decoration: underline;
}

.o-teaser-collection--proofpoints .m-footnotes-list {
  padding-left: 0;
  padding-right: 0;
}

.o-teaser-collection--proofpoints .m-footnotes-list a {
  color: #262626;
}

/**
 * .o-teaser-collection-jobs
 */
.o-teaser-collection-jobs {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-jobs {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-jobs {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-jobs {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-jobs {
    margin-top: 58px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-jobs {
    margin-top: 73px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-jobs {
    margin-top: 105px;
  }
}

.o-teaser-collection-jobs .a-headline, .o-teaser-collection-jobs .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection-jobs .accordeon__title {
  padding-left: 0;
  padding-right: 0;
}

.o-teaser-collection-jobs .o-teaser-default {
  display: block;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-jobs .o-teaser-default {
    margin-top: 33px;
  }
  .o-teaser-collection-jobs .o-teaser-default .a-headline, .o-teaser-collection-jobs .o-teaser-default .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection-jobs .o-teaser-default .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 30px;
  }
  .o-teaser-collection-jobs .o-teaser-default .teaser-text {
    margin-top: 5px;
  }
  .o-teaser-collection-jobs .o-teaser-default .a-textlink,
  .o-teaser-collection-jobs .o-teaser-default .a-btn,
  .o-teaser-collection-jobs .o-teaser-default .a-textlink,
  .o-teaser-collection-jobs .o-teaser-default .teaser-default--offer .teaser-default__pseudo-btn,
  .teaser-default--offer .o-teaser-collection-jobs .o-teaser-default .teaser-default__pseudo-btn,
  .o-teaser-collection-jobs .o-teaser-default .teaser-hero--clone .btn,
  .teaser-hero--clone .o-teaser-collection-jobs .o-teaser-default .btn,
  .o-teaser-collection-jobs .o-teaser-default .o-flower .flower__content > .btn,
  .o-flower .o-teaser-collection-jobs .o-teaser-default .flower__content > .btn {
    display: inline-block;
    margin-top: 23px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-jobs .o-teaser-default {
    margin-top: 40px;
  }
  .o-teaser-collection-jobs .o-teaser-default .a-headline, .o-teaser-collection-jobs .o-teaser-default .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection-jobs .o-teaser-default .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
  .o-teaser-collection-jobs .o-teaser-default .a-textlink,
  .o-teaser-collection-jobs .o-teaser-default .a-btn,
  .o-teaser-collection-jobs .o-teaser-default .a-textlink,
  .o-teaser-collection-jobs .o-teaser-default .teaser-default--offer .teaser-default__pseudo-btn,
  .teaser-default--offer .o-teaser-collection-jobs .o-teaser-default .teaser-default__pseudo-btn,
  .o-teaser-collection-jobs .o-teaser-default .teaser-hero--clone .btn,
  .teaser-hero--clone .o-teaser-collection-jobs .o-teaser-default .btn,
  .o-teaser-collection-jobs .o-teaser-default .o-flower .flower__content > .btn,
  .o-flower .o-teaser-collection-jobs .o-teaser-default .flower__content > .btn {
    display: inline-block;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-jobs .o-teaser-default {
    margin-top: 48px;
  }
  .o-teaser-collection-jobs .o-teaser-default .a-headline, .o-teaser-collection-jobs .o-teaser-default .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection-jobs .o-teaser-default .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 33px;
  }
  .o-teaser-collection-jobs .o-teaser-default .teaser-text {
    margin-top: 10px;
  }
  .o-teaser-collection-jobs .o-teaser-default .a-textlink,
  .o-teaser-collection-jobs .o-teaser-default .a-btn,
  .o-teaser-collection-jobs .o-teaser-default .a-textlink,
  .o-teaser-collection-jobs .o-teaser-default .teaser-default--offer .teaser-default__pseudo-btn,
  .teaser-default--offer .o-teaser-collection-jobs .o-teaser-default .teaser-default__pseudo-btn,
  .o-teaser-collection-jobs .o-teaser-default .teaser-hero--clone .btn,
  .teaser-hero--clone .o-teaser-collection-jobs .o-teaser-default .btn,
  .o-teaser-collection-jobs .o-teaser-default .o-flower .flower__content > .btn,
  .o-flower .o-teaser-collection-jobs .o-teaser-default .flower__content > .btn {
    display: inline-block;
    margin-top: 30px;
  }
}

.o-teaser-collection-mosaic .teaser-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.o-teaser-collection-mosaic .o-teaser-default {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-mosaic .o-teaser-default {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-collection-mosaic .o-teaser-default {
    width: 35%;
  }
  .o-teaser-collection-mosaic .o-teaser-default:first-child, .o-teaser-collection-mosaic .o-teaser-default:nth-child(2) {
    width: 50%;
  }
  .o-teaser-collection-mosaic .o-teaser-default:nth-child(3), .o-teaser-collection-mosaic .o-teaser-default:nth-child(4) {
    margin-top: -1px;
  }
}

.o-teaser-collection-mosaic .o-teaser-default .a-image {
  width: 100%;
}

.o-teaser-collection-mosaic .o-teaser-default .a-category {
  color: #ffffff;
}

.o-teaser-collection-mosaic .o-teaser-default .a-headline, .o-teaser-collection-mosaic .o-teaser-default .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection-mosaic .o-teaser-default .accordeon__title {
  color: #ffffff;
}

.o-teaser-collection-mosaic .o-teaser-default .a-headline .a-label--new, .o-teaser-collection-mosaic .o-teaser-default .o-accordeon .accordeon__title .a-label--new, .o-accordeon .o-teaser-collection-mosaic .o-teaser-default .accordeon__title .a-label--new {
  background: #ffffff;
  color: #e20074;
}

.o-teaser-collection-mosaic .content-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, #131c33, transparent 40%) bottom;
  background-size: 100% 150%;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1023px) {
  .o-teaser-collection-mosaic .content-wrapper {
    padding: 48px 20px 25px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-mosaic .content-wrapper {
    padding: 120px 55px 55px;
  }
}

.o-teaser-collection-mosaic .linkbox {
  display: flex;
  align-items: flex-end;
  margin-top: -1px;
  box-sizing: border-box;
  background-color: #e20074;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-mosaic .linkbox {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-collection-mosaic .linkbox {
    width: 30%;
  }
}

.o-teaser-collection-mosaic .linkbox .linkbox__text {
  display: inline;
  color: #ffffff;
}

.o-teaser-collection-mosaic .linkbox .linkbox__text:hover {
  text-decoration: underline;
}

.o-teaser-collection-mosaic .linkbox .linkbox__icon {
  display: inline;
  position: relative;
  font-family: "TeleGroteskNext-Ultra", sans-serif;
  font-size: 36px;
  line-height: 40px;
}

.o-teaser-collection-mosaic .linkbox .linkbox__icon::before {
  position: absolute;
  padding-left: 15px;
  content: '§';
  font-family: 'TeleIcon-Outline';
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-mosaic .linkbox {
    padding: 24px;
  }
  .o-teaser-collection-mosaic .linkbox .linkbox__text,
  .o-teaser-collection-mosaic .linkbox .linkbox__icon {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-mosaic .linkbox {
    padding: 24px;
  }
  .o-teaser-collection-mosaic .linkbox .linkbox__text,
  .o-teaser-collection-mosaic .linkbox .linkbox__icon {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-mosaic .linkbox {
    padding: 55px;
  }
  .o-teaser-collection-mosaic .linkbox .linkbox__text,
  .o-teaser-collection-mosaic .linkbox .linkbox__icon {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

.o-teaser-collection-cube {
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-cube {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-cube > .a-headline, .o-accordeon .o-teaser-collection-cube > .accordeon__title {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-cube > .a-headline, .o-accordeon .o-teaser-collection-cube > .accordeon__title {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-cube > .a-headline, .o-accordeon .o-teaser-collection-cube > .accordeon__title {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-cube .o-teaser-default {
    display: block;
    margin-top: 50px;
  }
  .o-teaser-collection-cube .o-teaser-default:first-child {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-collection-cube .o-teaser-default {
    display: flex;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-cube .o-teaser-default {
    margin-top: 70px;
  }
  .o-teaser-collection-cube .o-teaser-default:first-child {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-cube .o-teaser-default {
    margin-top: 100px;
  }
  .o-teaser-collection-cube .o-teaser-default:first-child {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-cube .teaser-image {
    box-sizing: border-box;
    padding: 0 20px;
    width: 50%;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-cube .teaser-image {
    box-sizing: border-box;
    padding: 0 12px 0 0;
    width: 41.6666666667%;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection-cube .content-wrapper {
    box-sizing: border-box;
    margin-top: 25px;
    padding: 0 20px;
  }
  .o-teaser-collection-cube .content-wrapper .teaser-text {
    margin-top: 15px;
  }
  .o-teaser-collection-cube .content-wrapper .a-btn, .o-teaser-collection-cube .content-wrapper .o-teaser-default .a-textlink, .o-teaser-default .o-teaser-collection-cube .content-wrapper .a-textlink, .o-teaser-collection-cube .content-wrapper .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-teaser-collection-cube .content-wrapper .teaser-default__pseudo-btn, .o-teaser-collection-cube .content-wrapper .teaser-hero--clone .btn, .teaser-hero--clone .o-teaser-collection-cube .content-wrapper .btn, .o-teaser-collection-cube .content-wrapper .o-flower .flower__content > .btn, .o-flower .o-teaser-collection-cube .content-wrapper .flower__content > .btn, .o-teaser-collection-cube .content-wrapper .o-price-module-teaser .a-textlink, .o-price-module-teaser .o-teaser-collection-cube .content-wrapper .a-textlink {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-cube .content-wrapper {
    box-sizing: border-box;
    padding: 0 0 0 20px;
    width: 50%;
  }
  .o-teaser-collection-cube .content-wrapper .teaser-text {
    margin-top: 25px;
  }
  .o-teaser-collection-cube .content-wrapper .a-btn, .o-teaser-collection-cube .content-wrapper .o-teaser-default .a-textlink, .o-teaser-default .o-teaser-collection-cube .content-wrapper .a-textlink, .o-teaser-collection-cube .content-wrapper .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-teaser-collection-cube .content-wrapper .teaser-default__pseudo-btn, .o-teaser-collection-cube .content-wrapper .teaser-hero--clone .btn, .teaser-hero--clone .o-teaser-collection-cube .content-wrapper .btn, .o-teaser-collection-cube .content-wrapper .o-flower .flower__content > .btn, .o-flower .o-teaser-collection-cube .content-wrapper .flower__content > .btn, .o-teaser-collection-cube .content-wrapper .o-price-module-teaser .a-textlink, .o-price-module-teaser .o-teaser-collection-cube .content-wrapper .a-textlink {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-cube .content-wrapper {
    box-sizing: border-box;
    margin-top: 35px;
    padding: 0 12px;
    width: 50%;
  }
  .o-teaser-collection-cube .content-wrapper .teaser-text {
    margin-top: 25px;
  }
  .o-teaser-collection-cube .content-wrapper .a-btn, .o-teaser-collection-cube .content-wrapper .o-teaser-default .a-textlink, .o-teaser-default .o-teaser-collection-cube .content-wrapper .a-textlink, .o-teaser-collection-cube .content-wrapper .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-teaser-collection-cube .content-wrapper .teaser-default__pseudo-btn, .o-teaser-collection-cube .content-wrapper .teaser-hero--clone .btn, .teaser-hero--clone .o-teaser-collection-cube .content-wrapper .btn, .o-teaser-collection-cube .content-wrapper .o-flower .flower__content > .btn, .o-flower .o-teaser-collection-cube .content-wrapper .flower__content > .btn, .o-teaser-collection-cube .content-wrapper .o-price-module-teaser .a-textlink, .o-price-module-teaser .o-teaser-collection-cube .content-wrapper .a-textlink {
    margin-top: 25px;
  }
}

/**
 * @description Searchresults
 */
.o-teaser-collection--searchresults .teaser-wrapper {
  min-height: 300px;
}

.o-teaser-collection--offer {
  color: #ffffff;
  background-color: #7ecbf5;
  max-width: none;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--offer {
    padding-top: 25px;
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--offer {
    padding-top: 35px;
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--offer {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.o-teaser-collection--offer .collection--offer__headline {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--offer .collection--offer__headline + .teaser-wrapper {
    padding-top: 120px;
  }
}

.o-teaser-collection--offer .teaser-wrapper {
  margin: 0 auto;
  padding-top: 55px;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--offer .teaser-wrapper {
    padding-top: 85px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--offer .teaser-wrapper {
    max-width: 1000px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--offer .m-footnotes-list {
    align-items: flex-end;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--offer .footnote-listitem {
    width: calc( 100% - 70px);
  }
}

.o-teaser-collection--offer.o-teaser-collection--offer-bar .collection--offer__headline {
  display: inline-block;
  margin-top: 0;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--offer.o-teaser-collection--offer-bar .collection--offer__headline {
    font-size: 20px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--offer.o-teaser-collection--offer-bar .collection--offer__headline {
    margin-left: 70px;
    font-size: 22px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--offer.o-teaser-collection--offer-bar .collection--offer__headline {
    font-size: 24px;
    line-height: 25px;
  }
}

.o-teaser-collection--offer.o-teaser-collection--offer-bar .teaser-collection--offer-bar__handle-icon::after {
  display: inline-block;
  padding-left: 20px;
  font-family: 'TeleIcon-Outline';
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--offer.o-teaser-collection--offer-bar .teaser-collection--offer-bar__handle-icon::after {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--offer.o-teaser-collection--offer-bar .teaser-collection--offer-bar__handle-icon::after {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--offer.o-teaser-collection--offer-bar .teaser-collection--offer-bar__handle-icon::after {
    font-size: 32px;
  }
}

.o-teaser-collection--offer.o-teaser-collection--offer-bar.is-closed .teaser-collection--offer-bar__handle-icon::after {
  content: '$';
}

.o-teaser-collection--offer.o-teaser-collection--offer-bar.is-closed .teaser-wrapper,
.o-teaser-collection--offer.o-teaser-collection--offer-bar.is-closed .m-footnotes-list {
  display: none;
}

.o-teaser-collection--offer.o-teaser-collection--offer-bar:not(.is-closed) .teaser-collection--offer-bar__handle-icon::after {
  content: '"';
}

.o-teaser-collection--offer .teaser-collection--offer-bar__headline-wrapper {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

@media only screen and (max-width: 1023px) {
  .o-teaser-collection--offer .teaser-collection--offer-bar__headline-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--offer .teaser-collection--offer-bar__headline-wrapper + .teaser-wrapper {
    padding-top: 150px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--offer .teaser-collection--offer-bar__headline-wrapper + .teaser-wrapper {
    padding-top: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--offer .teaser-collection--offer-bar__headline-wrapper {
    max-width: 1000px;
  }
  .o-teaser-collection--offer .teaser-collection--offer-bar__headline-wrapper + .teaser-wrapper {
    padding-top: 70px;
  }
}

/**
 * @description: Magazine teaser, used eg in Best Practice
 */
.o-teaser-collection--magazine {
  *zoom: 1;
}

.o-teaser-collection--magazine::before, .o-teaser-collection--magazine::after {
  content: ' ';
  display: table;
}

.o-teaser-collection--magazine::after {
  clear: both;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--magazine.o-teaser-collection {
    margin-top: 58px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--magazine.o-teaser-collection {
    margin-top: 73px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--magazine.o-teaser-collection {
    margin-top: 105px;
  }
}

.o-teaser-collection--magazine .collection--magazine__headline {
  padding: 0;
}

.o-teaser-collection--magazine .teaser-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}

@media only screen and (min-width: 768px) {
  .o-teaser-collection--magazine .teaser-wrapper {
    width: calc( 50% - 12px);
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-collection--magazine .teaser-wrapper-left {
    float: left;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--magazine .teaser-wrapper-right {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-collection--magazine .teaser-wrapper-right {
    float: right;
    margin-top: 110px;
  }
}

.o-teaser-collection--magazine .o-teaser-default {
  display: block;
}

.o-teaser-collection--magazine .o-teaser-default + .o-teaser-default {
  margin-top: 70px;
}

.o-teaser-collection--magazine .o-teaser-default:hover .a-headline, .o-teaser-collection--magazine .o-teaser-default:hover .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection--magazine .o-teaser-default:hover .accordeon__title {
  color: #e20074;
}

.o-teaser-collection--magazine .o-teaser-default .a-category {
  margin-top: 18px;
}

.o-teaser-collection--magazine .o-teaser-default .a-headline, .o-teaser-collection--magazine .o-teaser-default .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection--magazine .o-teaser-default .accordeon__title {
  margin-top: 8px;
}

.o-teaser-collection--magazine .teaser-default__image {
  overflow: hidden;
}

.o-teaser-collection--magazine .teaser-default__teaser-text {
  margin-top: 28px;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--magazine .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--magazine .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--magazine .teaser-default__teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

/**
 * @description: Good to know teasers, used e.g. in Best Practice
 */
.o-teaser-collection--good-to-know {
  max-width: none;
}

.o-teaser-collection--good-to-know .outer-content-wrapper {
  background-color: #e20074;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--good-to-know .outer-content-wrapper {
    padding-top: 40px;
    padding-bottom: 85px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--good-to-know .outer-content-wrapper {
    padding-top: 45px;
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--good-to-know .outer-content-wrapper {
    padding-top: 35px;
    padding-bottom: 105px;
  }
}

.o-teaser-collection--good-to-know .outer-content-wrapper > .a-headline, .o-teaser-collection--good-to-know .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-teaser-collection--good-to-know .outer-content-wrapper > .accordeon__title {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: block;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--good-to-know .outer-content-wrapper > .a-headline, .o-teaser-collection--good-to-know .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-teaser-collection--good-to-know .outer-content-wrapper > .accordeon__title {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--good-to-know .outer-content-wrapper > .a-headline, .o-teaser-collection--good-to-know .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-teaser-collection--good-to-know .outer-content-wrapper > .accordeon__title {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--good-to-know .outer-content-wrapper > .a-headline, .o-teaser-collection--good-to-know .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-teaser-collection--good-to-know .outer-content-wrapper > .accordeon__title {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.o-teaser-collection--good-to-know .teaser-wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--good-to-know .teaser-wrapper {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--good-to-know .teaser-wrapper {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--good-to-know .teaser-wrapper {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--good-to-know .teaser-wrapper {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--good-to-know .teaser-wrapper {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--good-to-know .teaser-wrapper {
    margin-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--good-to-know .teaser-default--good-to-know {
    margin-top: 40px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--good-to-know .teaser-default--good-to-know {
    margin-top: 35px;
    width: calc( 50% - 20px);
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--good-to-know .teaser-default--good-to-know {
    margin-top: 30px;
    width: calc( 33% - 10px);
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--good-to-know .teaser-default--good-to-know:nth-child(even) {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--good-to-know .teaser-default--good-to-know:nth-child(1),
  .o-teaser-collection--good-to-know .teaser-default--good-to-know:nth-child(2) {
    margin-top: 0;
  }
  .o-teaser-collection--good-to-know .teaser-default--good-to-know:nth-child(even) {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--good-to-know .teaser-default--good-to-know:nth-child(1),
  .o-teaser-collection--good-to-know .teaser-default--good-to-know:nth-child(2),
  .o-teaser-collection--good-to-know .teaser-default--good-to-know:nth-child(3) {
    margin-top: 0;
  }
  .o-teaser-collection--good-to-know .teaser-default--good-to-know:nth-child(3n+2) {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
  }
}

.o-teaser-collection--good-to-know .wave-border__bottom {
  margin-top: -1px;
}

.o-teaser-collection--related-topic {
  background-color: #ededed;
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--related-topic .a-category {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 1023px) {
  .o-teaser-collection--related-topic {
    padding: 95px 0 85px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--related-topic {
    padding: 110px 0 100px;
  }
}

.o-teaser-collection--related-topic .teaser-wrapper {
  margin-top: 50px;
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--related-topic .teaser-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    max-width: 1024px;
  }
}

.o-teaser-collection--related-topic .o-teaser-default {
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--related-topic .o-teaser-default {
    display: block;
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--related-topic .o-teaser-default {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 33.3333333333% 1fr;
    grid-template-columns: 33.3333333333% 1fr;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--related-topic .o-teaser-default {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25% 1fr;
    grid-template-columns: 25% 1fr;
  }
}

.o-teaser-collection--related-topic .teaser-default__image {
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--related-topic .teaser-default__image {
    margin: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--related-topic .teaser-default__image {
    margin: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--related-topic .teaser-default__image {
    margin: 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--related-topic .teaser-default__content-wrapper {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--related-topic .teaser-default__content-wrapper {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--related-topic .teaser-default__content-wrapper {
    padding: 0 12px;
  }
}

.o-teaser-collection--related-topic .teaser-default__content-wrapper .a-headline, .o-teaser-collection--related-topic .teaser-default__content-wrapper .o-accordeon .accordeon__title, .o-accordeon .o-teaser-collection--related-topic .teaser-default__content-wrapper .accordeon__title {
  margin-top: 7px;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--related-topic .teaser-default__teaser-text {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--related-topic .teaser-default__teaser-text {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--related-topic .teaser-default__teaser-text {
    margin-top: 20px;
  }
}

.o-teaser-collection--related-topic + .o-footer {
  margin-top: 0;
}

.o-download {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
  background-color: #e20074;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .o-download {
    display: block;
    padding: 30px 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-download {
    padding: 30px 25px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-download {
    padding: 40px 30px;
  }
}

.o-download .content-wrapper {
  box-sizing: border-box;
}

@media only screen and (min-width: 1024px) {
  .o-download .content-wrapper {
    width: 83.3333333333%;
  }
}

.o-download .a-headline, .o-download .o-accordeon .accordeon__title, .o-accordeon .o-download .accordeon__title {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-download .a-headline, .o-download .o-accordeon .accordeon__title, .o-accordeon .o-download .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-download .a-headline, .o-download .o-accordeon .accordeon__title, .o-accordeon .o-download .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-download .a-headline, .o-download .o-accordeon .accordeon__title, .o-accordeon .o-download .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 33px;
  }
}

.o-download .a-headline .a-label, .o-download .o-accordeon .accordeon__title .a-label, .o-accordeon .o-download .accordeon__title .a-label {
  margin-left: 6px;
}

@media only screen and (max-width: 767px) {
  .o-download .a-headline .a-label, .o-download .o-accordeon .accordeon__title .a-label, .o-accordeon .o-download .accordeon__title .a-label {
    font-size: 13px;
    line-height: 21px;
    height: 21px;
    vertical-align: 3px;
    padding: 0 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-download .a-headline .a-label, .o-download .o-accordeon .accordeon__title .a-label, .o-accordeon .o-download .accordeon__title .a-label {
    font-size: 13px;
    line-height: 22px;
    height: 22px;
    vertical-align: 3px;
    padding: 1px 8px 0;
  }
}

@media only screen and (min-width: 1024px) {
  .o-download .a-headline .a-label, .o-download .o-accordeon .accordeon__title .a-label, .o-accordeon .o-download .accordeon__title .a-label {
    font-size: 15px;
    line-height: 23px;
    height: 23px;
    vertical-align: 3px;
    padding: 1px 11px 0;
  }
}

.o-download .a-headline .a-label--new, .o-download .o-accordeon .accordeon__title .a-label--new, .o-accordeon .o-download .accordeon__title .a-label--new {
  background: #ffffff;
  color: #e20074;
}

@media only screen and (max-width: 767px) {
  .o-download .download__description {
    margin-top: 5px;
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-download .download__description {
    margin-top: 5px;
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-download .download__description {
    margin-top: 10px;
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.o-download .a-btn, .o-download .o-teaser-default .a-textlink, .o-teaser-default .o-download .a-textlink, .o-download .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-download .teaser-default__pseudo-btn, .o-download .teaser-hero--clone .btn, .teaser-hero--clone .o-download .btn, .o-download .o-flower .flower__content > .btn, .o-flower .o-download .flower__content > .btn, .o-download .o-price-module-teaser .a-textlink, .o-price-module-teaser .o-download .a-textlink {
  font-size: 22px;
  height: 50px;
  width: 50px;
  min-width: 50px;
  position: relative;
}

.o-download .a-btn::before, .o-download .o-teaser-default .a-textlink::before, .o-teaser-default .o-download .a-textlink::before, .o-download .teaser-default--offer .teaser-default__pseudo-btn::before, .teaser-default--offer .o-download .teaser-default__pseudo-btn::before, .o-download .teaser-hero--clone .btn::before, .teaser-hero--clone .o-download .btn::before, .o-download .o-flower .flower__content > .btn::before, .o-flower .o-download .flower__content > .btn::before, .o-download .o-price-module-teaser .a-textlink::before, .o-price-module-teaser .o-download .a-textlink::before {
  font-family: 'TeleIcon-Solid';
  content: 'd';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
  .o-download .a-btn, .o-download .o-teaser-default .a-textlink, .o-teaser-default .o-download .a-textlink, .o-download .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-download .teaser-default__pseudo-btn, .o-download .teaser-hero--clone .btn, .teaser-hero--clone .o-download .btn, .o-download .o-flower .flower__content > .btn, .o-flower .o-download .flower__content > .btn, .o-download .o-price-module-teaser .a-textlink, .o-price-module-teaser .o-download .a-textlink {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-download .a-btn, .o-download .o-teaser-default .a-textlink, .o-teaser-default .o-download .a-textlink, .o-download .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-download .teaser-default__pseudo-btn, .o-download .teaser-hero--clone .btn, .teaser-hero--clone .o-download .btn, .o-download .o-flower .flower__content > .btn, .o-flower .o-download .flower__content > .btn, .o-download .o-price-module-teaser .a-textlink, .o-price-module-teaser .o-download .a-textlink {
    margin-left: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-download .a-btn, .o-download .o-teaser-default .a-textlink, .o-teaser-default .o-download .a-textlink, .o-download .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-download .teaser-default__pseudo-btn, .o-download .teaser-hero--clone .btn, .teaser-hero--clone .o-download .btn, .o-download .o-flower .flower__content > .btn, .o-flower .o-download .flower__content > .btn, .o-download .o-price-module-teaser .a-textlink, .o-price-module-teaser .o-download .a-textlink {
    margin-left: 8.3333333333%;
  }
}

.o-collection-download {
  margin: 0 auto;
  max-width: 1000px;
}

@media only screen and (max-width: 767px) {
  .o-collection-download {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-collection-download {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-collection-download {
    padding: 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .o-collection-download > .a-headline, .o-accordeon .o-collection-download > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-collection-download > .a-headline, .o-accordeon .o-collection-download > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-collection-download > .a-headline, .o-accordeon .o-collection-download > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .o-collection-download .o-download {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .o-collection-download .o-download {
    margin-top: 15px;
  }
}

.o-collection-author {
  margin: 0 auto;
  max-width: 1000px;
}

.o-collection-author .collection-author__teaser-wrapper {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1023px) {
  .o-collection-author .collection-author__teaser-wrapper {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .o-collection-author .o-author {
    margin-top: 45px;
    margin-right: 20px;
    margin-left: 20px;
    width: calc( 50% - (2 * 20px));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-collection-author .o-author {
    margin-top: 45px;
    margin-right: 20px;
    margin-left: 20px;
    width: calc( 33.3333333333%  - 2 * 20px);
  }
}

@media only screen and (min-width: 1024px) {
  .o-collection-author .o-author {
    margin-top: 85px;
    width: calc( 25% - (6 / 4 * 12px));
  }
  .o-collection-author .o-author:not(:nth-child(4n + 4)) {
    margin-right: 24px;
  }
}

.o-collection-pseudo-navigation {
  margin: 0 auto;
  max-width: 1000px;
}

@media only screen and (max-width: 767px) {
  .o-collection-pseudo-navigation {
    margin-top: 55px;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-collection-pseudo-navigation {
    margin-top: 75px;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-collection-pseudo-navigation {
    margin-top: 105px;
    padding: 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .o-collection-pseudo-navigation > .a-headline, .o-accordeon .o-collection-pseudo-navigation > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-collection-pseudo-navigation > .a-headline, .o-accordeon .o-collection-pseudo-navigation > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-collection-pseudo-navigation > .a-headline, .o-accordeon .o-collection-pseudo-navigation > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

.o-collection-pseudo-navigation .o-pseudo-navigation {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .o-collection-pseudo-navigation .o-pseudo-navigation {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-collection-pseudo-navigation .o-pseudo-navigation {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-collection-pseudo-navigation .o-pseudo-navigation {
    margin-top: 65px;
  }
}

.o-forms {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  max-width: 1024px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-forms .t-col1 {
    width: 16.6666666667%;
  }
  .o-forms .t-col2 {
    width: 33.3333333333%;
  }
  .o-forms .t-col3 {
    width: 50%;
  }
  .o-forms .t-col4 {
    width: 66.6666666667%;
  }
  .o-forms .t-col5 {
    width: 83.3333333333%;
  }
  .o-forms .t-col6 {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .o-forms .d-col1 {
    width: 8.3333333333%;
  }
  .o-forms .d-col2 {
    width: 16.6666666667%;
  }
  .o-forms .d-col3 {
    width: 25%;
  }
  .o-forms .d-col4 {
    width: 33.3333333333%;
  }
  .o-forms .d-col5 {
    width: 41.6666666667%;
  }
  .o-forms .d-col6 {
    width: 50%;
  }
  .o-forms .d-col7 {
    width: 58.3333333333%;
  }
  .o-forms .d-col8 {
    width: 66.6666666667%;
  }
  .o-forms .d-col9 {
    width: 75%;
  }
  .o-forms .d-col10 {
    width: 83.3333333333%;
  }
  .o-forms .d-col11 {
    width: 91.6666666667%;
  }
  .o-forms .d-col12 {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .o-forms {
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-forms {
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 1024px) {
  .o-forms {
    box-sizing: content-box;
  }
}

.o-forms > *:not(form) {
  padding: 0 12px;
}

.o-forms .a-headline, .o-forms .o-accordeon .accordeon__title, .o-accordeon .o-forms .accordeon__title {
  display: block;
}

@media only screen and (max-width: 767px) {
  .o-forms .a-headline, .o-forms .o-accordeon .accordeon__title, .o-accordeon .o-forms .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-forms .a-headline, .o-forms .o-accordeon .accordeon__title, .o-accordeon .o-forms .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-forms .a-headline, .o-forms .o-accordeon .accordeon__title, .o-accordeon .o-forms .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 33px;
  }
}

.o-forms .o-text-image {
  grid-column-gap: 0;
}

.o-forms .successiframe {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  border: none;
}

@media only screen and (max-width: 767px) {
  .o-forms .form__row-wrapper {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) {
  .o-forms .form__row-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}

.o-forms [data-dependent]:not(.is-visible) {
  display: none;
}

.o-hero {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
  overflow: hidden;
}

.o-hero .rte--list {
  margin: 0;
  padding: 0 0 0 20px;
}

.o-hero .teaser-text p:first-child {
  margin-top: 0;
}

.o-hero .teaser-text p:last-child {
  margin-bottom: 0;
}

.o-hero .hero-typearea {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1000px;
  overflow: hidden;
}

.o-hero .hero-swoosh {
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .o-hero .hero-swoosh {
    width: 200%;
    height: 200%;
    top: -75%;
    mix-blend-mode: multiply;
  }
}

@media only screen and (max-width: 767px) and (-ms-high-contrast: active), only screen and (max-width: 767px) and (-ms-high-contrast: none) {
  .o-hero .hero-swoosh {
    opacity: 0.6;
  }
}

@media only screen and (max-width: 767px) {
  @supports (-ms-ime-align: auto) {
    .o-hero .hero-swoosh {
      opacity: 0.6;
    }
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-hero .hero-swoosh {
    height: auto;
    left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-hero .hero-swoosh {
    width: auto;
  }
}

.o-hero .hero-bgimage {
  position: absolute;
  transition: transform 700ms ease;
}

@media only screen and (max-width: 1023px) {
  .o-hero .hero-bgimage {
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    margin: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .o-hero .hero-bgimage {
    width: 2560px;
    height: 100%;
    left: -9999px;
    right: -9999px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) {
  .o-hero .hero__flash-wrapper {
    box-sizing: border-box;
  }
}

.o-hero .m-flash--hero-badge {
  /**
		 * Positioning & Sizing
		 */
}

@media only screen and (max-width: 767px) {
  .o-hero .m-flash--hero-badge {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 18px;
    box-sizing: border-box;
    border-radius: 0;
  }
  .o-hero .m-flash--hero-badge .flash__flash-text1,
  .o-hero .m-flash--hero-badge .flash__flash-text2 {
    padding: 0;
  }
  .o-hero .m-flash--hero-badge .flash__flash-text1 + .flash__flash-text2 {
    padding-left: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-hero .m-flash--hero-badge {
    position: absolute;
    height: 180px;
    width: 180px;
    transform: rotate(10deg);
  }
}

@media only screen and (min-width: 1024px) {
  .o-hero .m-flash--hero-badge {
    position: absolute;
    height: 235px;
    width: 235px;
    transform: rotate(10deg);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--start {
    height: 0;
    padding-bottom: 75%;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--start {
    height: 810px;
  }
}

@media only screen and (max-width: 767px) {
  .hero--start .hero-typearea {
    height: 0;
    padding-bottom: 133.333333333%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--start .hero-typearea {
    height: 0;
    padding-bottom: 75%;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--start .hero-typearea {
    height: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--start .hero-swoosh {
    width: 120%;
    height: auto;
    bottom: 20px;
    left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--start .hero-swoosh {
    height: 1100px;
    width: auto;
    bottom: 130px;
    left: 0;
  }
}

.hero--start .m-flash--hero-badge {
  /**
		 * Positioning & Sizing
		 */
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--start .m-flash--hero-badge {
    top: 35px;
    right: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--start .m-flash--hero-badge {
    bottom: 546px;
    right: calc( 50% - 500px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--sub {
    height: 0;
    padding-bottom: 66.6666666667%;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--sub {
    height: 623px;
  }
}

@media only screen and (max-width: 767px) {
  .hero--sub .hero-typearea {
    height: 0;
    padding-bottom: 133.333333333%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--sub .hero-typearea {
    height: 0;
    padding-bottom: 66.6666666667%;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--sub .hero-typearea {
    height: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--sub .hero-swoosh {
    width: 120%;
    height: auto;
    bottom: 20px;
    left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--sub .hero-swoosh {
    height: 980px;
    width: auto;
    bottom: 66.5px;
    left: 0;
  }
}

.hero--sub .m-flash--hero-badge {
  /**
		 * Positioning & Sizing
		 */
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--sub .m-flash--hero-badge {
    top: 35px;
    right: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--sub .m-flash--hero-badge {
    bottom: 370px;
    right: calc( 50% - 500px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-0 {
    height: 0;
    padding-bottom: 66.6666666667%;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-0 {
    height: 810px;
  }
}

@media only screen and (max-width: 767px) {
  .hero--level-0 .hero-typearea {
    height: 0;
    padding-bottom: 132.8%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-0 .hero-typearea {
    height: 0;
    padding-bottom: 66.6666666667%;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-0 .hero-typearea {
    height: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-0 .hero-swoosh {
    width: 120%;
    height: auto;
    bottom: 20px;
    left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-0 .hero-swoosh {
    height: 1100px;
    width: auto;
    bottom: 130px;
    left: 0;
  }
}

.hero--level-0 .m-flash--hero-badge {
  /**
		 * Positioning & Sizing
		 */
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-0 .m-flash--hero-badge {
    top: 35px;
    right: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-0 .m-flash--hero-badge {
    bottom: 546px;
    right: calc( 50% - 500px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-1 {
    height: 0;
    padding-bottom: 58.59375%;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-1 {
    height: 680px;
  }
}

@media only screen and (max-width: 767px) {
  .hero--level-1 .hero-typearea {
    height: 0;
    padding-bottom: 121.333333333%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-1 .hero-typearea {
    height: 0;
    padding-bottom: 58.59375%;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-1 .hero-typearea {
    height: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-1 .hero-swoosh {
    width: 105%;
    height: auto;
    bottom: 20px;
    left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-1 .hero-swoosh {
    height: 1100px;
    width: auto;
    bottom: 65px;
    left: 0;
  }
}

.hero--level-1 .hero-bgimage {
  height: auto;
}

@media only screen and (min-width: 1024px) {
  .hero--level-1 .hero-bgimage {
    height: 100%;
  }
}

.hero--level-1 .m-flash--hero-badge {
  /**
		 * Positioning & Sizing
		 */
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-1 .m-flash--hero-badge {
    top: 35px;
    right: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-1 .m-flash--hero-badge {
    bottom: 428px;
    right: calc( 50% - 500px);
  }
}

@media only screen and (max-width: 767px) {
  .hero--level-1.hero--level-1-bp .hero-typearea {
    display: none;
  }
  .hero--level-1.hero--level-1-bp .hero-bgimage {
    position: static;
  }
}

@media only screen and (min-width: 768px) {
  .hero--level-1.hero--level-1-bp-outline .outline-t {
    color: transparent;
    -webkit-text-stroke: 2px #ffffff;
  }
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: active), only screen and (min-width: 768px) and (-ms-high-contrast: none) {
  .hero--level-1.hero--level-1-bp-outline .outline-t {
    color: #ffffff;
  }
}

@media only screen and (min-width: 768px) {
  .hero--level-1.hero--level-1-bp-outline .teaser-hero--black .outline-t {
    -webkit-text-stroke: 2px #262626;
  }
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: active), only screen and (min-width: 768px) and (-ms-high-contrast: none) {
  .hero--level-1.hero--level-1-bp-outline .teaser-hero--black .outline-t {
    color: #262626;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-1.hero--level-1-bp-outline .a-headline, .hero--level-1.hero--level-1-bp-outline .o-accordeon .accordeon__title, .o-accordeon .hero--level-1.hero--level-1-bp-outline .accordeon__title {
    font-size: 80px;
    line-height: 1;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-1.hero--level-1-bp-outline .o-teaser-hero {
    height: 640px;
    bottom: 20px;
  }
  .hero--level-1.hero--level-1-bp-outline .a-headline, .hero--level-1.hero--level-1-bp-outline .o-accordeon .accordeon__title, .o-accordeon .hero--level-1.hero--level-1-bp-outline .accordeon__title {
    font-size: 110px;
    line-height: 1;
  }
}

@media only screen and (max-width: 767px) {
  .hero--level-2 {
    overflow: hidden;
    height: 0;
    padding-bottom: 110.666666667%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-2 {
    height: 0;
    padding-bottom: 50.78125%;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-2 {
    height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .hero--level-2 .hero-typearea {
    height: 0;
    padding-bottom: 110.666666667%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-2 .hero-typearea {
    height: 0;
    padding-bottom: 50.78125%;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-2 .hero-typearea {
    height: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .hero--level-2 .hero-swoosh {
    top: -34%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-2 .hero-swoosh {
    top: calc( 50% - 100vw / 1.4 / 2);
    left: 20px;
    height: calc( 100vw / 1.4);
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-2 .hero-swoosh {
    height: 680px;
    top: -60px;
    left: 0;
  }
}

.hero--level-2 .hero-bgimage {
  height: auto;
}

@media only screen and (max-width: 767px) {
  .hero--level-3 {
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-3 {
    height: 0;
    padding-bottom: 42.96875%;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-3 {
    height: 410px;
  }
}

@media only screen and (max-width: 767px) {
  .hero--level-3 .hero-typearea {
    height: 0;
    padding-bottom: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-3 .hero-typearea {
    height: 0;
    padding-bottom: 42.96875%;
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-3 .hero-typearea {
    height: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .hero--level-3 .hero-swoosh {
    top: -34%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero--level-3 .hero-swoosh {
    top: calc( 50% - 100vw / 1.5 / 2);
    left: 20px;
    height: calc( 100vw / 1.5);
  }
}

@media only screen and (min-width: 1024px) {
  .hero--level-3 .hero-swoosh {
    height: 680px;
    top: -135px;
    left: 0;
  }
}

.hero--level-3 .hero-bgimage {
  height: auto;
}

@media only screen and (min-width: 768px) {
  .hero-bgimage-isZoom {
    transform: scale(1.1);
  }
}

@media only screen and (max-width: 767px) {
  .has-flash .glide__bullets {
    bottom: 92px;
  }
}

/******************* DO NOT TOUCH! TO CHANGE TABLET-SWOOSH-WIDTH, MODIFY $numberOfColsSwooshTablet and $numberOfColsGridTablet IN VARIABLES PARTIAL *********************/
/******************* DO NOT TOUCH! TO CHANGE TABLET-SWOOSH-WIDTH, MODIFY $numberOfColsSwooshTablet and $numberOfColsGridTablet IN VARIABLES PARTIAL *********************/
.o-teaser-hero {
  position: absolute;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .o-teaser-hero > .a-headline, .o-accordeon .o-teaser-hero > .accordeon__title,
  .o-teaser-hero .teaser-text {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-hero {
    width: 100%;
    justify-content: flex-start;
    top: 27%;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-hero {
    left: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-hero {
    left: 0;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.o-teaser-hero > *:not(:first-child) {
  margin-top: 20px;
}

.o-teaser-hero.teaser-hero--black .a-headline, .o-teaser-hero.teaser-hero--black .o-accordeon .accordeon__title, .o-accordeon .o-teaser-hero.teaser-hero--black .accordeon__title,
.o-teaser-hero.teaser-hero--black .teaser-text {
  color: #000000;
}

.o-teaser-hero.teaser-hero--black .a-textlink.btn {
  color: #000000;
  border-color: #000000;
}

.o-teaser-hero.teaser-hero--black .a-textlink.btn:hover {
  background-color: #000000;
  color: #ffffff;
}

.o-teaser-hero.teaser-hero--black .a-label--new {
  background: #000000;
  color: #ffffff;
}

.o-teaser-hero .a-headline, .o-teaser-hero .o-accordeon .accordeon__title, .o-accordeon .o-teaser-hero .accordeon__title,
.teaser-hero--clone .a-headline,
.teaser-hero--clone .o-accordeon .accordeon__title,
.o-accordeon .teaser-hero--clone .accordeon__title {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-hero .a-headline, .o-teaser-hero .o-accordeon .accordeon__title, .o-accordeon .o-teaser-hero .accordeon__title,
  .teaser-hero--clone .a-headline,
  .teaser-hero--clone .o-accordeon .accordeon__title,
  .o-accordeon .teaser-hero--clone .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 38px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-hero .a-headline, .o-teaser-hero .o-accordeon .accordeon__title, .o-accordeon .o-teaser-hero .accordeon__title,
  .teaser-hero--clone .a-headline,
  .teaser-hero--clone .o-accordeon .accordeon__title,
  .o-accordeon .teaser-hero--clone .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 48px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-hero .a-headline, .o-teaser-hero .o-accordeon .accordeon__title, .o-accordeon .o-teaser-hero .accordeon__title,
  .teaser-hero--clone .a-headline,
  .teaser-hero--clone .o-accordeon .accordeon__title,
  .o-accordeon .teaser-hero--clone .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 60px;
    line-height: 62px;
  }
}

.o-teaser-hero .teaser-text,
.teaser-hero--clone .teaser-text {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-hero .teaser-text,
  .teaser-hero--clone .teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-hero .teaser-text,
  .teaser-hero--clone .teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-hero .teaser-text,
  .teaser-hero--clone .teaser-text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.o-teaser-hero .a-textlink,
.teaser-hero--clone .a-textlink {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .o-teaser-hero .a-textlink,
  .teaser-hero--clone .a-textlink {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-hero .a-textlink,
  .teaser-hero--clone .a-textlink {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-hero .a-textlink,
  .teaser-hero--clone .a-textlink {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 22px;
  }
}

.o-teaser-hero .a-label--new,
.teaser-hero--clone .a-label--new {
  background-color: #ffffff;
  color: #e20074;
}

@media only screen and (max-width: 767px) {
  .o-teaser-hero .a-label--new,
  .teaser-hero--clone .a-label--new {
    padding: 0 15px;
    font-size: 18px;
    line-height: 28px;
    height: 26px;
    vertical-align: 6px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-hero .a-label--new,
  .teaser-hero--clone .a-label--new {
    padding: 0 15px;
    font-size: 24px;
    line-height: 36px;
    height: 34px;
    vertical-align: 8px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-hero .a-label--new,
  .teaser-hero--clone .a-label--new {
    padding: 0 15px;
    font-size: 28px;
    line-height: 42px;
    height: 40px;
    vertical-align: 11px;
  }
}

@media only screen and (max-width: 767px) {
  .teaser-hero--clone {
    display: block;
    margin-top: 60px;
    padding: 0 20px;
  }
  .teaser-hero--clone .teaser-text {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .teaser-hero--clone {
    display: none;
  }
}


.teaser-hero--clone .a-headline,
.teaser-hero--clone .o-accordeon .accordeon__title,
.o-accordeon .teaser-hero--clone .accordeon__title {
  color: #262626;
}

.teaser-hero--clone .teaser-text {
  color: #262626;
}

.teaser-hero--clone .btn {
  display: inline-block;
  margin-top: 30px;
}

.teaser-hero__socialmedia-bar {
  position: absolute;
  bottom: 60px;
  display: flex;
  color: #ffffff;
  font-family: 'TeleGroteskNext-Bold', sans-serif;
}

.teaser-hero__socialmedia-bar .socialmedia-item {
  margin-left: 30px;
}

@media only screen and (max-width: 767px) {
  .teaser-hero__socialmedia-bar {
    position: static;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-hero--start {
    width: calc( (0.6666666667 * 100vw) - 20px - 30px);
    height: calc( (0.6666666667 * 100vw) - 20px - 30px);
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-hero--start {
    height: 550px;
    width: 550px;
    bottom: 130px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-hero--sub {
    width: calc( (0.6666666667 * 100vw) - 20px - 30px);
    height: calc( (0.6666666667 * 100vw) - 20px - 30px);
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-hero--sub {
    height: 490px;
    width: 490px;
    bottom: 66.5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-hero--level-0 {
    width: calc( (0.6666666667 * 100vw) - 20px - 30px);
    height: calc( (0.6666666667 * 100vw) - 20px - 30px);
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-hero--level-0 {
    height: 550px;
    width: 550px;
    bottom: 130px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser-hero--level-1 {
    width: calc( 100vw / 6 * 3);
    height: calc( 100vw / 6 * 3);
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-hero--level-1 {
    height: 550px;
    width: 550px;
    bottom: 65px;
  }
}

@media only screen and (min-width: 768px) {
  .teaser-hero--level-2,
  .teaser-hero--level-3 {
    top: 0;
    bottom: 0;
    max-width: calc( 100% - 20px);
  }
}

.o-text-image {
  display: -ms-grid;
  display: grid;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .o-text-image .text-image__headline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-text-image .text-image__headline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-text-image .text-image__headline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .o-text-image.text-image--left .text-image__headline + .text-image__image-wrapper,
  .o-text-image.text-image--left .text-image__headline + .o-video,
  .o-text-image.text-image--left .text-image__headline + .text-image__richtext-wrapper, .o-text-image.text-image--right .text-image__headline + .text-image__image-wrapper,
  .o-text-image.text-image--right .text-image__headline + .o-video,
  .o-text-image.text-image--right .text-image__headline + .text-image__richtext-wrapper {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-text-image.text-image--left .text-image__headline ~ *, .o-text-image.text-image--right .text-image__headline ~ * {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-text-image.text-image--left .text-image__headline ~ *, .o-text-image.text-image--right .text-image__headline ~ * {
    margin-top: 37px;
  }
}

@media only screen and (max-width: 767px) {
  .o-text-image.text-image--bottom .text-image__headline ~ *, .o-text-image.text-image--intro .text-image__headline ~ * {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-text-image.text-image--bottom .text-image__headline ~ *, .o-text-image.text-image--intro .text-image__headline ~ * {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-text-image.text-image--bottom .text-image__headline ~ *, .o-text-image.text-image--intro .text-image__headline ~ * {
    margin-top: 37px;
  }
}

.o-text-image.text-image--round .a-figure img {
  border-radius: 50%;
}

.o-text-image .text-image__richtext-wrapper > *:first-child {
  margin-top: 0;
}

.o-text-image.text-image--fullview .text-image__image-wrapper {
  position: relative;
}

.o-text-image.text-image--fullview .a-btn--fullview {
  position: absolute;
  top: 5px;
  right: 5px;
}

.teaser-cta + .text-image--quote,
.teaser-default--editorial + .text-image--quote {
  margin-top: 0;
}

.teaser-cta + .text-image--quote .wave-border__top,
.teaser-default--editorial + .text-image--quote .wave-border__top {
  background-color: #262626;
}

.text-image--left {
  max-width: 1440px;
}

@media only screen and (max-width: 767px) {
  .text-image--left {
    -ms-grid-columns: 20px calc( 100% - 2 * 20px) 20px;
    grid-template-columns: 20px calc( 100% - 2 * 20px) 20px;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }
  .text-image--left .text-image__image-wrapper:nth-child(2) + .text-image__richtext-wrapper,
  .text-image--left .text-image__image-wrapper:first-child + .text-image__richtext-wrapper,
  .text-image--left .o-video:first-child + .text-image__richtext-wrapper,
  .text-image--left .o-video:nth-child(2) + .text-image__richtext-wrapper {
    margin-top: 25px;
  }
  .text-image--left.text-image--round .text-image__image-wrapper {
    margin-right: auto;
    margin-left: auto;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 2 / 2 / 3 / 3;
    width: 66.6666666667%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--left {
    -ms-grid-columns: 20px calc( 50% - 20px) calc( 50% - 20px) 20px;
    grid-template-columns: 20px calc( 50% - 20px) calc( 50% - 20px) 20px;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .text-image--left .text-image__headline {
    margin-left: 20px;
  }
  .text-image--left .text-image__richtext-wrapper {
    margin-left: 20px;
  }
  .text-image--left .text-image__image-wrapper,
  .text-image--left .o-video {
    margin-right: 20px;
  }
  .text-image--left.text-image--round {
    -ms-grid-columns: 20px calc( 33.3333333333% - 20px) calc( 66.6666666667% - 20px) 20px;
    grid-template-columns: 20px calc( 33.3333333333% - 20px) calc( 66.6666666667% - 20px) 20px;
  }
  .text-image--left.text-image--round .text-image__image-wrapper {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 2 / 2 / 3 / 3;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--left {
    -ms-grid-columns: 1fr 500px 500px 1fr;
    grid-template-columns: 1fr 500px 500px 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .text-image--left .text-image__headline {
    margin-left: 12px;
    margin-right: 8.3333333333%;
  }
  .text-image--left .text-image__richtext-wrapper {
    margin-left: 12px;
  }
  .text-image--left .text-image__image-wrapper,
  .text-image--left .o-video {
    margin-right: 12px;
  }
  .text-image--left.text-image--round {
    -ms-grid-columns: 1fr 333.333333333px 666.666666667px 1fr;
    grid-template-columns: 1fr 333.333333333px 666.666666667px 1fr;
  }
  .text-image--left.text-image--round .text-image__image-wrapper {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 2 / 2 / 3 / 3;
  }
}

@media only screen and (max-width: 767px) {
  .text-image--left .text-image__headline {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 2 / 2 / 3;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--left .text-image__headline {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 3 / 2 / 4;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--left .text-image__headline {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 1 / 3 / 2 / 5;
    /* stylelint-enable */
  }
}

@media only screen and (max-width: 767px) {
  .text-image--left .text-image__image-wrapper,
  .text-image--left .o-video {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 3;
    grid-area: 2 / 1 / 3 / 4;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) {
  .text-image--left .text-image__image-wrapper,
  .text-image--left .o-video {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 2 / 1 / 3 / 3;
    /* stylelint-enable */
  }
}

@media only screen and (max-width: 767px) {
  .text-image--left .text-image__richtext-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 3 / 2 / 4 / 3;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) {
  .text-image--left .text-image__richtext-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 2 / 3 / 3 / 4;
    /* stylelint-enable */
  }
}

.text-image--left .text-image__image-wrapper:last-child,
.text-image--left .o-video:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 1023px) {
  .text-image--left .text-image__image-wrapper:last-child,
  .text-image--left .o-video:last-child {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 3;
    grid-area: 2 / 1 / 3 / 4;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--left .text-image__image-wrapper:last-child,
  .text-image--left .o-video:last-child {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 4;
    grid-area: 2 / 1 / 3 / 5;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--left .text-image__image-wrapper:last-child,
  .text-image--left .o-video:last-child {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 2 / 2 / 3 / 4;
    /* stylelint-enable */
  }
}

.text-image--left .text-image__headline + .text-image__richtext-wrapper {
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  .text-image--left .text-image__headline + .text-image__richtext-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 2 / 2 / 3 / 3;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) {
  .text-image--left .text-image__headline + .text-image__richtext-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 2 / 2 / 3 / 4;
    /* stylelint-enable */
  }
}

.text-image--right {
  max-width: 1440px;
}

@media only screen and (max-width: 767px) {
  .text-image--right {
    -ms-grid-columns: 20px calc( 100% - 2 * 20px) 20px;
    grid-template-columns: 20px calc( 100% - 2 * 20px) 20px;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }
  .text-image--right .text-image__image-wrapper:nth-child(2) + .text-image__richtext-wrapper,
  .text-image--right .text-image__image-wrapper:first-child + .text-image__richtext-wrapper,
  .text-image--right .o-video:nth-child(2) + .text-image__richtext-wrapper,
  .text-image--right .o-video:first-child + .text-image__richtext-wrapper {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--right {
    -ms-grid-columns: 20px calc( 50% - 20px) calc( 50% - 20px) 20px;
    grid-template-columns: 20px calc( 50% - 20px) calc( 50% - 20px) 20px;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .text-image--right .text-image__headline {
    margin-right: 16.6666666667%;
  }
  .text-image--right .text-image__image-wrapper,
  .text-image--right .o-video {
    margin-left: 20px;
  }
  .text-image--right .text-image__richtext-wrapper {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--right {
    -ms-grid-columns: 1fr 500px 500px 1fr;
    grid-template-columns: 1fr 500px 500px 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .text-image--right .text-image__headline {
    margin-right: 25%;
  }
  .text-image--right .text-image__image-wrapper,
  .text-image--right .o-video {
    margin-left: 12px;
  }
  .text-image--right .text-image__richtext-wrapper {
    margin-right: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .text-image--right .text-image__headline {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 2 / 2 / 3;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) {
  .text-image--right .text-image__headline {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 1 / 2 / 2 / 4;
    /* stylelint-enable */
  }
}

@media only screen and (max-width: 767px) {
  .text-image--right .text-image__image-wrapper,
  .text-image--right .o-video {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 3;
    grid-area: 2 / 1 / 3 / 4;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) {
  .text-image--right .text-image__image-wrapper,
  .text-image--right .o-video {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 2 / 3 / 3 / 5;
    /* stylelint-enable */
  }
}

@media only screen and (max-width: 767px) {
  .text-image--right .text-image__richtext-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 3 / 2 / 4 / 3;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) {
  .text-image--right .text-image__richtext-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 2 / 2 / 3 / 3;
    /* stylelint-enable */
  }
}

.text-image--right .text-image__image-wrapper:last-child,
.text-image--right .o-video:last-child {
  margin-left: 0;
}

@media only screen and (max-width: 1023px) {
  .text-image--right .text-image__image-wrapper:last-child,
  .text-image--right .o-video:last-child {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 3;
    grid-area: 2 / 1 / 3 / 4;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--right .text-image__image-wrapper:last-child,
  .text-image--right .o-video:last-child {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 4;
    grid-area: 2 / 1 / 3 / 5;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--right .text-image__image-wrapper:last-child,
  .text-image--right .o-video:last-child {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 2 / 2 / 3 / 4;
    /* stylelint-enable */
  }
}

.text-image--right .text-image__headline + .text-image__richtext-wrapper {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .text-image--right .text-image__headline + .text-image__richtext-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 2 / 2 / 3 / 3;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) {
  .text-image--right .text-image__headline + .text-image__richtext-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 2 / 2 / 3 / 4;
    /* stylelint-enable */
  }
}

.text-image--bottom {
  max-width: 1440px;
}

@media only screen and (max-width: 767px) {
  .text-image--bottom {
    -ms-grid-columns: 20px calc( 100% - 2 * 20px) 20px;
    grid-template-columns: 20px calc( 100% - 2 * 20px) 20px;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }
  .text-image--bottom .text-image__image-wrapper:not(:last-child),
  .text-image--bottom .o-video:not(:last-child) {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--bottom {
    -ms-grid-columns: 20px calc( 100% - 2 * 20px) 20px;
    grid-template-columns: 20px calc( 100% - 2 * 20px) 20px;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }
  .text-image--bottom .text-image__headline {
    margin-right: 16.6666666667%;
  }
  .text-image--bottom .text-image__image-wrapper:not(:last-child),
  .text-image--bottom .o-video:not(:last-child) {
    margin-top: 30px;
  }
  .text-image--bottom .text-image__richtext-wrapper {
    padding-right: 16.6666666667%;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--bottom {
    -ms-grid-columns: 1fr 1000px 1fr;
    grid-template-columns: 1fr 1000px 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }
  .text-image--bottom .text-image__headline {
    margin-right: 33.3333333333%;
  }
  .text-image--bottom .text-image__image-wrapper:not(:last-child),
  .text-image--bottom .o-video:not(:last-child) {
    margin-top: 35px;
  }
  .text-image--bottom .text-image__richtext-wrapper {
    padding-right: 25%;
  }
}

.text-image--bottom .text-image__headline {
  /* stylelint-disable */
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-area: 1 / 2 / 2 / 3;
  /* stylelint-enable */
}

.text-image--bottom .text-image__image-wrapper,
.text-image--bottom .o-video {
  /* stylelint-disable */
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-area: 3 / 2 / 4 / 3;
  /* stylelint-enable */
}

.text-image--bottom .text-image__richtext-wrapper {
  /* stylelint-disable */
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-area: 2 / 2 / 3 / 3;
  /* stylelint-enable */
}

.text-image--bottom .text-image__image-wrapper:last-child,
.text-image--bottom .o-video:last-child {
  /* stylelint-disable */
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-area: 2 / 2 / 3 / 3;
  /* stylelint-enable */
}

.text-image--bottom .text-image__headline + .text-image__richtext-wrapper {
  /* stylelint-disable */
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-area: 2 / 2 / 3 / 3;
  /* stylelint-enable */
}

@media only screen and (max-width: 767px) {
  .text-image--bottom .image__description {
    margin-right: 0;
    margin-left: 0;
  }
}

.text-image--quote .wave-border__bottom {
  padding-bottom: 0;
  z-index: 0;
  max-height: 75px;
  height: 5.2083333333vw;
}

.text-image--quote .wave-border__top {
  padding-bottom: 0;
  z-index: 0;
  max-height: 117px;
  height: 8.125vw;
}

.text-image--quote .text-image--quote__background {
  background: #e20074;
  z-index: 0;
}

.text-image--quote .text-image__richtext-wrapper {
  z-index: 1;
}

.text-image--quote .text-image__richtext-wrapper blockquote {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .text-image--quote .text-image__richtext-wrapper blockquote {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 34px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--quote .text-image__richtext-wrapper blockquote {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--quote .text-image__richtext-wrapper blockquote {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 48px;
    line-height: 54px;
  }
}

.text-image--quote .text-image__richtext-wrapper blockquote::before {
  content: '„';
  font-family: "TeleGroteskNext-Ultra", sans-serif;
}

@media only screen and (max-width: 767px) {
  .text-image--quote .text-image__richtext-wrapper blockquote::before {
    font-size: 120px;
    margin-top: -40px;
    margin-bottom: 70px;
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--quote .text-image__richtext-wrapper blockquote::before {
    font-size: 120px;
    margin-top: -40px;
    margin-right: 35px;
    float: left;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--quote .text-image__richtext-wrapper blockquote::before {
    float: left;
    font-size: 150px;
    margin-right: 16px;
    margin-top: -45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--quote .text-image__richtext-wrapper p {
    margin-left: 87px;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--quote .text-image__richtext-wrapper p {
    margin-left: 81px;
  }
}

.text-image--quote .text-image__image-wrapper,
.text-image--quote .o-video {
  z-index: 1;
}

.text-image--quote .text-image__image-wrapper .a-figure figcaption,
.text-image--quote .o-video .a-figure figcaption {
  color: #ffffff;
}

@media only screen and (min-width: 1024px) {
  .text-image--quote {
    -ms-grid-rows: auto 92px auto 102px auto;
    grid-template-rows: auto 92px auto 102px auto;
    -ms-grid-columns: 1fr 250px 750px 1fr;
    grid-template-columns: 1fr 250px 750px 1fr;
  }
  .text-image--quote .wave-border__top {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 4;
    grid-area: 1 / 1 / 2 / 5;
    /* stylelint-enable */
  }
  .text-image--quote .wave-border__bottom {
    /* stylelint-disable */
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 4;
    grid-area: 5 / 1 / 6 / 5;
    /* stylelint-enable */
  }
  .text-image--quote .text-image--quote__background {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 4;
    grid-area: 2 / 1 / 5 / 5;
    /* stylelint-enable */
  }
  .text-image--quote .text-image__image-wrapper,
  .text-image--quote .o-video {
    /* stylelint-disable */
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 3 / 1 / 4 / 3;
    /* stylelint-enable */
    max-width: 470px;
    -ms-grid-column-align: end;
        justify-self: end;
  }
  .text-image--quote .text-image__image-wrapper ~ .text-image__richtext-wrapper,
  .text-image--quote .o-video ~ .text-image__richtext-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 3 / 3 / 4 / 4;
    /* stylelint-enable */
    margin-left: 24px;
  }
  .text-image--quote .wave-border__top + .text-image__richtext-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 3 / 2 / 4 / 4;
    /* stylelint-enable */
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--quote {
    -ms-grid-rows: auto 54px auto auto 64px auto;
    grid-template-rows: auto 54px auto auto 64px auto;
    -ms-grid-columns: 20px 1fr 1fr 20px;
    grid-template-columns: 20px 1fr 1fr 20px;
  }
  .text-image--quote .wave-border__top {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 4;
    grid-area: 1 / 1 / 2 / 5;
    /* stylelint-enable */
  }
  .text-image--quote .wave-border__bottom {
    /* stylelint-disable */
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 4;
    grid-area: 6 / 1 / 7 / 5;
    /* stylelint-enable */
  }
  .text-image--quote .text-image--quote__background {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column-span: 4;
    grid-area: 2 / 1 / 6 / 5;
    /* stylelint-enable */
  }
  .text-image--quote .text-image__image-wrapper,
  .text-image--quote .o-video {
    /* stylelint-disable */
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 3 / 1 / 4 / 3;
    /* stylelint-enable */
  }
  .text-image--quote .text-image__image-wrapper ~ .text-image__richtext-wrapper,
  .text-image--quote .o-video ~ .text-image__richtext-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 4 / 2 / 5 / 4;
    /* stylelint-enable */
    margin-top: 40px;
  }
  .text-image--quote .wave-border__top + .text-image__richtext-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 2;
    grid-area: 3 / 2 / 5 / 4;
    /* stylelint-enable */
  }
}

@media only screen and (max-width: 767px) {
  .text-image--quote {
    -ms-grid-rows: auto 32px auto auto 42px auto;
    grid-template-rows: auto 32px auto auto 42px auto;
    -ms-grid-columns: 20px 1fr 20px;
    grid-template-columns: 20px 1fr 20px;
  }
  .text-image--quote .wave-border__top {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 3;
    grid-area: 1 / 1 / 2 / 4;
    /* stylelint-enable */
  }
  .text-image--quote .wave-border__bottom {
    /* stylelint-disable */
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 3;
    grid-area: 6 / 1 / 7 / 4;
    /* stylelint-enable */
  }
  .text-image--quote .text-image--quote__background {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column-span: 3;
    grid-area: 2 / 1 / 6 / 4;
    /* stylelint-enable */
  }
  .text-image--quote .text-image__image-wrapper,
  .text-image--quote .o-video {
    /* stylelint-disable */
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 3 / 1 / 4 / 3;
    /* stylelint-enable */
  }
  .text-image--quote .text-image__image-wrapper ~ .text-image__richtext-wrapper,
  .text-image--quote .o-video ~ .text-image__richtext-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 4 / 2 / 5 / 3;
    /* stylelint-enable */
    margin-top: 30px;
  }
  .text-image--quote .wave-border__top + .text-image__richtext-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 1;
    grid-area: 3 / 2 / 5 / 3;
    /* stylelint-enable */
  }
}

@media only screen and (max-width: 767px) {
  .text-image--quote + .teaser-cta.teaser-cta-basic {
    padding-top: calc( 60px + 100vw / 1440 * 75);
    margin-top: calc( -1 * (100vw / 1440 * 75 ));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--quote + .teaser-cta.teaser-cta-basic {
    padding-top: calc( 80px + 100vw / 1440 * 75);
    margin-top: calc( -1 * (100vw / 1440 * 75 ));
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--quote + .teaser-cta.teaser-cta-basic {
    padding-top: calc( 100px + 100vw / 1440 * 75);
    margin-top: calc( -1 * (100vw / 1440 * 75 ));
  }
}

@media screen and (min-width: 1441px) {
  .text-image--quote + .teaser-cta.teaser-cta-basic {
    padding-top: 175px;
    margin-top: -75px;
  }
}

@media only screen and (max-width: 767px) {
  .text-image--quote + .teaser-default--editorial {
    padding-top: calc( 60px + 100vw / 1440 * 75);
    margin-top: calc( -1 * (100vw / 1440 * 75 ));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--quote + .teaser-default--editorial {
    padding-top: calc( 39px + 100vw / 1440 * 75);
    margin-top: calc( -1 * (100vw / 1440 * 75 ));
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--quote + .teaser-default--editorial {
    padding-top: calc( 52px + 100vw / 1440 * 75);
    margin-top: calc( -1 * (100vw / 1440 * 75 ));
  }
}

@media screen and (min-width: 1441px) {
  .text-image--quote + .teaser-default--editorial {
    padding-top: 127px;
    margin-top: -75px;
  }
}

@media only screen and (max-width: 767px) {
  .text-image--intro {
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -ms-grid-columns: 20px calc( 100% - 2 * 20px) 20px;
    grid-template-columns: 20px calc( 100% - 2 * 20px) 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--intro {
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -ms-grid-columns: 20px calc( 100% - 2 * 20px) 20px;
    grid-template-columns: 20px calc( 100% - 2 * 20px) 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--intro {
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -ms-grid-columns: 1fr 1000px 1fr;
    grid-template-columns: 1fr 1000px 1fr;
  }
}

.text-image--intro .text-image__headline {
  /* stylelint-disable */
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-area: 1 / 2 / 2 / 3;
  /* stylelint-enable */
}

@media only screen and (max-width: 767px) {
  .text-image--intro .text-image__headline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 34px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--intro .text-image__headline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--intro .text-image__headline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 48px;
    line-height: 58px;
  }
}

.text-image--intro .text-image__richtext-wrapper {
  /* stylelint-disable */
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-area: 2 / 2 / 3 / 3;
  /* stylelint-enable */
}

@media only screen and (max-width: 767px) {
  .text-image--intro .text-image__richtext-wrapper {
    padding-left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--intro .text-image__richtext-wrapper {
    padding-left: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--intro .text-image__richtext-wrapper {
    padding-left: calc( 8.3333333333% + 12px);
  }
}

.text-image--intro .text-image__richtext-wrapper p,
.text-image--intro .text-image__richtext-wrapper a,
.text-image--intro .text-image__richtext-wrapper a:not([href^='tel']) {
  font-family: "TeleGroteskNext-Regular", sans-serif;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .text-image--intro .text-image__richtext-wrapper p,
  .text-image--intro .text-image__richtext-wrapper a,
  .text-image--intro .text-image__richtext-wrapper a:not([href^='tel']) {
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--intro .text-image__richtext-wrapper p,
  .text-image--intro .text-image__richtext-wrapper a,
  .text-image--intro .text-image__richtext-wrapper a:not([href^='tel']) {
    font-size: 28px;
    line-height: 38px;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--intro .text-image__richtext-wrapper p,
  .text-image--intro .text-image__richtext-wrapper a,
  .text-image--intro .text-image__richtext-wrapper a:not([href^='tel']) {
    font-size: 32px;
    line-height: 44px;
  }
}

.text-image--floated.o-text-image {
  margin-top: 55px;
}

@media only screen and (max-width: 767px) {
  .text-image--floated {
    display: block;
  }
  .text-image--floated .text-image__headline,
  .text-image--floated .text-image__richtext-wrapper {
    margin-right: 20px;
    margin-left: 20px;
  }
  .text-image--floated .o-video,
  .text-image--floated .text-image__image-wrapper {
    margin-top: 20px;
  }
  .text-image--floated .text-image__richtext-wrapper {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 768px) {
  .text-image--floated {
    display: block;
    max-width: 1440px;
    *zoom: 1;
  }
  .text-image--floated::before, .text-image--floated::after {
    content: ' ';
    display: table;
  }
  .text-image--floated::after {
    clear: both;
  }
  .text-image--floated .text-image__richtext-wrapper {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }
  .text-image--floated.text-image--left-floated .o-video,
  .text-image--floated.text-image--left-floated .text-image__image-wrapper {
    float: left;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
  .text-image--floated.text-image--left-floated .text-image__headline {
    margin-right: 20px;
  }
  .text-image--floated.text-image--left-floated .o-video,
  .text-image--floated.text-image--left-floated .text-image__image-wrapper {
    margin-right: 40px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .text-image--floated.text-image--left-floated .text-image__headline {
    margin-right: 12px;
  }
  .text-image--floated.text-image--left-floated .o-video,
  .text-image--floated.text-image--left-floated .text-image__image-wrapper {
    margin-right: 24px;
  }
}

@media only screen and (min-width: 768px) {
  .text-image--floated.text-image--right-floated {
    text-align: right;
  }
  .text-image--floated.text-image--right-floated .text-image__headline {
    display: inline-block;
    text-align: left;
  }
  .text-image--floated.text-image--right-floated .o-video,
  .text-image--floated.text-image--right-floated .text-image__image-wrapper {
    float: right;
    text-align: left;
  }
  .text-image--floated.text-image--right-floated .text-image__richtext-wrapper {
    text-align: left;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
  .text-image--floated.text-image--right-floated .text-image__headline {
    margin-left: 20px;
  }
  .text-image--floated.text-image--right-floated .o-video,
  .text-image--floated.text-image--right-floated .text-image__image-wrapper {
    margin-left: 40px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .text-image--floated.text-image--right-floated .text-image__headline {
    margin-left: 12px;
  }
  .text-image--floated.text-image--right-floated .o-video,
  .text-image--floated.text-image--right-floated .text-image__image-wrapper {
    margin-left: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--floated .text-image__headline {
    width: calc( 50% - 2 * 20px);
  }
  .text-image--floated .o-video,
  .text-image--floated .text-image__image-wrapper {
    margin-bottom: 40px;
    width: calc( 50% - 20px);
  }
  .text-image--floated .text-image__richtext-wrapper {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--floated .text-image__headline {
    max-width: 488px;
    width: calc( 50% - 2 * 12px);
  }
  .text-image--floated .o-video,
  .text-image--floated .text-image__image-wrapper {
    margin-bottom: 24px;
    width: calc( 50% - 12px);
  }
  .text-image--floated .text-image__richtext-wrapper {
    max-width: 1000px;
  }
  .text-image--floated .o-video {
    margin-top: 0;
  }
}

.text-image--bottom-text-fullwidth {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 767px) {
  .text-image--bottom-text-fullwidth {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--bottom-text-fullwidth {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--bottom-text-fullwidth {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.text-image--bottom-text-fullwidth .text-image__headline {
  order: 1;
}

.text-image--bottom-text-fullwidth .text-image__image-wrapper {
  order: 3;
}

.text-image--bottom-text-fullwidth .text-image__richtext-wrapper {
  order: 2;
}

@media only screen and (max-width: 767px) {
  .text-image--bottom-text-fullwidth .text-image__image-wrapper,
  .text-image--bottom-text-fullwidth .text-image__richtext-wrapper {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--bottom-text-fullwidth .text-image__image-wrapper,
  .text-image--bottom-text-fullwidth .text-image__richtext-wrapper {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--bottom-text-fullwidth .text-image__image-wrapper,
  .text-image--bottom-text-fullwidth .text-image__richtext-wrapper {
    margin-top: 37px;
  }
}

@media only screen and (max-width: 767px) {
  .text-image--bottom-text-fullwidth .image__description {
    margin-right: 0;
    margin-left: 0;
  }
}

.o-flower {
  display: -ms-grid;
  display: grid;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .o-flower {
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 72px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-flower {
    margin-top: 94px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-flower {
    margin-top: 107px;
  }
}

@media only screen and (min-width: 768px) {
  .o-flower {
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
}

@media only screen and (max-width: 767px) {
  .o-flower .a-headline, .o-flower .o-accordeon .accordeon__title, .o-accordeon .o-flower .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 32px;
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 2 / 2;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-flower .a-headline, .o-flower .o-accordeon .accordeon__title, .o-accordeon .o-flower .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 40px;
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 1 / 1 / 2 / 3;
    /* stylelint-enable */
    margin-right: 8.3333333333%;
  }
}

@media only screen and (min-width: 1024px) {
  .o-flower .a-headline, .o-flower .o-accordeon .accordeon__title, .o-accordeon .o-flower .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 50px;
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 1 / 1 / 2 / 3;
    /* stylelint-enable */
    margin-right: 16.6666666667%;
  }
}

@media only screen and (max-width: 767px) {
  .o-flower .flower__content {
    /* stylelint-disable */
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 3 / 1 / 4 / 2;
    /* stylelint-enable */
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-flower .flower__content {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-flower .flower__content {
    margin-right: 12px;
  }
}

@media only screen and (min-width: 768px) {
  .o-flower .flower__content {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 2 / 1 / 3 / 2;
    /* stylelint-enable */
  }
}

.o-flower .flower__content > .a-textlink {
  margin-top: 40px;
  display: inline-block;
}

.o-flower .flower__content > .btn {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .o-flower .flower__content + .m-flower {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 2 / 1 / 3 / 2;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) {
  .o-flower .flower__content + .m-flower {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 2 / 2 / 3 / 3;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-flower .flower__content + .m-flower span {
    font-size: 2.3vw;
    line-height: 2.8vw;
  }
}

@media only screen and (min-width: 1024px) {
  .o-flower .flower__content + .m-flower span {
    font-size: 22px;
    line-height: 28px;
  }
}

.o-flower .flower__content + .m-flower span::before {
  font-size: 1.3em;
}

@media only screen and (max-width: 767px) {
  .o-flower .m-flower {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 1;
    grid-area: 2 / 1 / 4 / 2;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) {
  .o-flower .m-flower {
    /* stylelint-disable */
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    grid-area: 2 / 1 / 3 / 3;
    /* stylelint-enable */
  }
}

.m-flower .flower__aspect-wrapper {
  position: relative;
  /* Neutralizing text-decoration */
}

.m-flower .flower__aspect-wrapper a {
  text-decoration: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .m-flower .flower__aspect-wrapper a {
    display: block;
  }
}

.m-flower .flower__pistil {
  position: absolute;
  z-index: 2;
  top: 28.22%;
  right: 28.22%;
  bottom: 28.22%;
  left: 28.22%;
  background-image: url("../_img/flower/Stempel.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 90%;
  transition: background-size 700ms ease;
}

.m-flower .flower__pistil:hover {
  background-size: auto 100%;
  transition: background-size 700ms ease;
}

.m-flower .flower__pistil:hover ~ .flower__petals .q1 span,
.m-flower .flower__pistil:hover ~ .flower__petals .q2 span {
  bottom: 39.6%;
}

.m-flower .flower__pistil:hover ~ .flower__petals .q3 span,
.m-flower .flower__pistil:hover ~ .flower__petals .q4 span {
  top: 39.6%;
}

.m-flower .flower__petals {
  display: -ms-grid;
  display: grid;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  .m-flower .flower__petals {
    -ms-grid-columns: 1fr 12px 1fr;
    grid-template-columns: 1fr 12px 1fr;
    -ms-grid-rows: 1fr 12px 1fr;
    grid-template-rows: 1fr 12px 1fr;
  }
}

@media only screen and (min-width: 1024px) {
  .m-flower .flower__petals {
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: 1fr 24px 1fr;
    -ms-grid-rows: 1fr 24px 1fr;
    grid-template-rows: 1fr 24px 1fr;
  }
}

.m-flower .flower__petals span {
  color: #ffffff;
  transition: bottom 700ms ease, top 700ms ease, left 700ms ease, right 700ms ease;
  position: absolute;
  display: inline-flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .m-flower .flower__petals span {
    font-size: 3vw;
    line-height: 3.5vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-flower .flower__petals span {
    font-size: 3.5vw;
    line-height: 4vw;
  }
}

@media only screen and (max-width: 1023px) {
  .m-flower .flower__petals span::before {
    margin-right: 7px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-flower .flower__petals span {
    font-size: 30px;
    line-height: 36px;
  }
  .m-flower .flower__petals span::before {
    margin-right: 15px;
  }
}

.m-flower .flower__petals span::before {
  font-size: 1.3em;
}

.m-flower .flower__petals .q1,
.m-flower .flower__petals .q2,
.m-flower .flower__petals .q3,
.m-flower .flower__petals .q4 {
  position: relative;
  background-size: auto 90%;
  transition: all 700ms ease;
  background-repeat: no-repeat;
  overflow: hidden;
}

.m-flower .flower__petals .q1:hover,
.m-flower .flower__petals .q2:hover,
.m-flower .flower__petals .q3:hover,
.m-flower .flower__petals .q4:hover {
  background-size: auto 100%;
  transition: all 700ms ease;
}

.m-flower .flower__petals .q1 {
  /* stylelint-disable */
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-area: 1 / 1 / 2 / 2;
  /* stylelint-enable */
  background-image: url("../_img/flower/Digit-Swoosh_connectivity.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  transition: all 700ms ease;
}

.m-flower .flower__petals .q1 span {
  right: 33.640776699%;
  bottom: 36%;
}

@media only screen and (max-width: 1023px) {
  .m-flower .flower__petals .q1 span {
    transform: translate(50%, -6px);
  }
}

@media only screen and (min-width: 1024px) {
  .m-flower .flower__petals .q1 span {
    transform: translate(50%, -12px);
  }
}

.m-flower .flower__petals .q1 span::before {
  font-family: 'Context-Icons';
  content: '\e009';
}

.m-flower .flower__petals .q1::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.m-flower .flower__petals .q1:hover span {
  right: 37.3786407767%;
  bottom: 39.6%;
}

.m-flower .flower__petals .q2 {
  /* stylelint-disable */
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-area: 1 / 3 / 2 / 4;
  /* stylelint-enable */
  background-image: url("../_img/flower/Digit-Swoosh_digital.png");
  background-position: bottom left;
}

.m-flower .flower__petals .q2 span {
  left: 33.640776699%;
  bottom: 36%;
}

@media only screen and (max-width: 1023px) {
  .m-flower .flower__petals .q2 span {
    transform: translate(-50%, -6px);
  }
}

@media only screen and (min-width: 1024px) {
  .m-flower .flower__petals .q2 span {
    transform: translate(-50%, -12px);
  }
}

.m-flower .flower__petals .q2 span::before {
  font-family: 'Context-Icons';
  content: '\e00a';
}

.m-flower .flower__petals .q2:hover span {
  left: 37.3786407767%;
  bottom: 39.6%;
}

.m-flower .flower__petals .q3 {
  /* stylelint-disable */
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-area: 3 / 1 / 4 / 2;
  /* stylelint-enable */
  background-image: url("../_img/flower/Digit-Swoosh_cloud.png");
  background-position: top right;
}

.m-flower .flower__petals .q3 span {
  right: 33.640776699%;
  top: 36%;
}

@media only screen and (max-width: 1023px) {
  .m-flower .flower__petals .q3 span {
    transform: translate(50%, 6px);
  }
}

@media only screen and (min-width: 1024px) {
  .m-flower .flower__petals .q3 span {
    transform: translate(50%, 12px);
  }
}

.m-flower .flower__petals .q3 span::before {
  font-family: 'Context-Icons';
  content: '\e008';
}

.m-flower .flower__petals .q3:hover span {
  right: 37.3786407767%;
  top: 39.6%;
}

.m-flower .flower__petals .q4 {
  /* stylelint-disable */
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-area: 3 / 3 / 4 / 4;
  /* stylelint-enable */
  background-image: url("../_img/flower/Digit-Swoosh_security.png");
  background-position: top left;
}

.m-flower .flower__petals .q4 span {
  left: 33.640776699%;
  top: 36%;
}

@media only screen and (max-width: 1023px) {
  .m-flower .flower__petals .q4 span {
    transform: translate(-50%, 6px);
  }
}

@media only screen and (min-width: 1024px) {
  .m-flower .flower__petals .q4 span {
    transform: translate(-50%, 12px);
  }
}

.m-flower .flower__petals .q4 span::before {
  font-family: 'Context-Icons';
  content: '\e00b';
}

.m-flower .flower__petals .q4:hover span {
  left: 37.3786407767%;
  top: 39.6%;
}

.m-flower .flower__petals .q1.disabled {
  background-image: url("../_img/flower/Digit-Swoosh_connectivity_inaktiv.png");
}

.m-flower .flower__petals .q2.disabled {
  background-image: url("../_img/flower/Digit-Swoosh_digital_inaktiv.png");
}

.m-flower .flower__petals .q3.disabled {
  background-image: url("../_img/flower/Digit-Swoosh_cloud_inaktiv.png");
}

.m-flower .flower__petals .q4.disabled {
  background-image: url("../_img/flower/Digit-Swoosh_security_inaktiv.png");
}

/**
 * @description: generic navigation component
 * Base component for main navigation and meta navigation
 *
 * Structure in this file: bottom --> up.
 * From the smaller pieces (nav__label) to the outer wrapper
 *     (tools like: .flyout-close)
 *       .nav__label
 *     .nav__item
 *   .nav__items
 * .o-metanav
 */
@media only screen and (max-width: 1023px) {
  .navigation__bg, .navigation__bg--mobile-country, .navigation__bg--mobile-main {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 101;
  }
  .navigation__bg ~ div, .navigation__bg--mobile-country ~ div, .navigation__bg--mobile-main ~ div,
  .navigation__bg ~ nav,
  .navigation__bg--mobile-country ~ nav,
  .navigation__bg--mobile-main ~ nav {
    z-index: 102;
  }
  .navigation__bg .header__language-country, .navigation__bg--mobile-country .header__language-country, .navigation__bg--mobile-main .header__language-country {
    z-index: 103;
  }
}

@media only screen and (max-width: 1023px) {
  .navigation__bg--mobile-country {
    background-color: #262626;
  }
}

@media only screen and (min-width: 1024px) {
  .navigation__bg--mobile-country {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  .navigation__bg--mobile-main {
    background-color: #ffffff;
  }
}

@media only screen and (min-width: 1024px) {
  .navigation__bg--mobile-main {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  .navigation__bg--desktop-main {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .navigation__bg--desktop-main {
    position: absolute;
    top: 198px;
    left: 0;
    width: 100%;
    height: 622px;
    z-index: 101;
    background-color: #ffffff;
    border-bottom: 1px solid #d8d8d8;
  }
}

.flyout-close {
  position: absolute;
  cursor: pointer;
  display: none;
}

@media only screen and (max-width: 1023px) {
  .flyout-close {
    right: 24px;
    line-height: 62px;
  }
}

/**
 * @description: .nav__label
 *
 * Is the content of the nav item. Is wrapped by .nav__item
 */
[data-navigation-type='country'] .nav__label--level-1:hover, [data-navigation-type='country'] .is-selected--nav__item .nav__label--level-1 {
  text-decoration: none;
  background-color: #262626;
}

@media only screen and (max-width: 1023px) {
  .o-metanav {
    cursor: pointer;
  }
  .o-metanav .nav__label {
    display: none;
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .o-metanav .nav__label--level-1 {
    display: inline-flex;
    margin: 0;
    padding: 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .o-metanav .nav__items--level-3 .nav__label {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-metanav .nav__items--level-3 .nav__label {
    margin: 0;
  }
}

/**
 * @description: .nav__item
 *
 * Contains the nav__label = wraps an LI around the content
 */
@media only screen and (max-width: 1023px) {
  .o-metanav .nav__item {
    position: relative;
  }
}

/**
 * @description: .nav__items
 *
 * Collection of nav__item = wraps an UL around the items
 */
.o-metanav .nav__items {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
  font-family: "TeleGroteskNext-Medium", sans-serif;
}

@media only screen and (max-width: 1023px) {
  .o-metanav .nav__items.is-visible {
    display: block;
  }
}

@media only screen and (max-width: 1023px) {
  .o-metanav .nav__items--flyout {
    overflow-y: auto;
  }
}

/**
 * @description: handles open state of flyout (.nav__items variant)
 */
@media only screen and (max-width: 767px) {
  .navigation__main .navigation__branch--lvl-0 .a-navigation__node {
    padding: 16px 36px 16px 0;
    font-family: "TeleGroteskNext-Ultra", sans-serif;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation__main .navigation__branch--lvl-0 .a-navigation__node {
    padding: 16px 36px 16px 0;
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .navigation__main .navigation__branch--lvl-0 .a-navigation__node {
    padding: 15px 36px 15px 14px;
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .navigation__label--selected {
    padding: 16px 36px 16px 0;
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 22px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation__label--selected {
    padding: 16px 36px 16px 0;
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .navigation__label--selected {
    padding: 15px 36px 15px 0;
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .navigation__branch--lvl-1 .a-navigation__node {
    padding: 16px 36px 16px 0;
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation__branch--lvl-1 .a-navigation__node {
    padding: 16px 36px 16px 0;
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 1024px) {
  .navigation__branch--lvl-1 .a-navigation__node {
    padding: 15px 36px 15px 14px;
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .o-navigation__menu .navigation__node--meta {
    padding: 14px 36px 14px 0;
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 19px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-navigation__menu .navigation__node--meta {
    padding: 8px 36px 8px 0;
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 19px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-navigation__menu .navigation__node--meta {
    padding: 7px 36px 7px 14px;
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 18px;
    line-height: 22px;
  }
}

.o-navigation__menu {
  background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 111;
}

@media only screen and (max-width: 767px) {
  .o-navigation__menu {
    position: fixed;
    top: 122px;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-navigation__menu {
    position: fixed;
    top: 122px;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .o-navigation__menu {
    position: fixed;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 436px;
    transform: translateX(0);
    transition: transform 300ms ease;
  }
}

@media only screen and (max-width: 767px) {
  .o-navigation__menu.is-closed {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-navigation__menu.is-closed {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .o-navigation__menu.is-closed {
    transform: translateX(-436px);
  }
}

.o-navigation__menu ul,
.o-navigation__menu ol,
.o-navigation__menu li {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
}

@media only screen and (max-width: 767px) {
  .o-navigation__menu .navigation__content {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-navigation__menu .navigation__content {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-navigation__menu .navigation__content {
    margin-top: 5px;
    margin-left: 60px;
    margin-right: 60px;
  }
}

.o-navigation__menu .navigation__branch--lvl-0 li:first-child .navigation__node--lvl-0 {
  border-top: none;
}

.o-navigation__menu .m-navigation__branch:not(.is-selected) .navigation__label--selected,
.o-navigation__menu .m-navigation__branch:not(.is-selected) .a-navigation__node {
  display: none;
}

.o-navigation__menu .m-navigation__branch .is-selected > .navigation__label--selected,
.o-navigation__menu .m-navigation__branch .is-selected > ul > li > .a-navigation__node {
  display: block;
}

.o-navigation__menu .navigation__meta {
  margin-top: 24px;
}

.o-navigation__menu .navigation__node--meta.has-childs::after {
  right: 12px;
  font-size: 16px;
}

.o-navigation__menu .navigation__node--products-themes > .navigation__branch,
.o-navigation__menu .navigation__node--products-themes > nav > .navigation__label--selected {
  color: #7ecbf5;
}

@media only screen and (max-width: 767px) {
  .navigation__branch--lvl-0 .a-navigation__node {
    border-top: 1px solid #d0d0d0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation__branch--lvl-0 .a-navigation__node {
    border-top: 1px solid #d0d0d0;
  }
}

@media only screen and (min-width: 1024px) {
  .navigation__main .navigation__branch--lvl-0 .a-navigation__node {
    border-top: 1px solid #d0d0d0;
  }
}

.navigation__branch--lvl-1 .a-navigation__node {
  border-top: 1px solid #d0d0d0;
}

.navigation__branch--lvl-1 .navigation__node--products-themes {
  font-family: "TeleGroteskNext-Medium", sans-serif;
  color: #7ecbf5;
}

.navigation__label--selected {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: block;
  width: 100%;
  position: relative;
  padding-left: 24px;
  text-align: left;
  background-color: transparent;
}

.navigation__label--selected:focus {
  outline: 2px solid Highlight;
  text-decoration: underline;
}

.navigation__label--selected::before {
  position: absolute;
  display: block;
  content: '%';
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  float: right;
  font-family: 'TeleIcon-Outline';
  font-size: 24px;
  margin-right: 0;
}

.navigation__label--selected:hover {
  text-decoration: underline;
}

.navigation__node--products-themes ~ * .navigation__label--selected {
  color: #7ecbf5;
}

@media only screen and (min-width: 1024px) {
  .has-navigation-overlay-visible .navigation__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 110;
  }
}

body.has-navigation-overlay-visible {
  overflow-y: hidden;
}

/**
 * @description: metanavigation to choose different local version of the website
 *
 * Structure in this file: bottom --> up.
 * From the smaller pieces (nav__label) to the outer wrapper
 *       .nav__label
 *     .nav__item
 *   .nav__items
 * .o-metanav
 */
/**
 * @description: .nav__label
 *
 * Is the content of the nav item. Is wrapped by .nav__item
 */
[data-navigation-type='country'] .nav__label {
  color: #ffffff;
}

[data-navigation-type='country'] .nav__label--selected-country {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  [data-navigation-type='country'] .nav__label--selected-country::after {
    content: '§';
    display: block;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    float: right;
    font-family: 'TeleIcon-Outline';
    font-size: 22px;
    margin-right: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  [data-navigation-type='country'] .nav__label--selected-country::after {
    content: '§';
    display: block;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    float: right;
    font-family: 'TeleIcon-Outline';
    font-size: 22px;
    margin-right: 15px;
  }
}

@media only screen and (min-width: 1024px) {
  [data-navigation-type='country'] .nav__label--selected-country:not(.nav__label--level-1)::after {
    content: '§';
    display: block;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    float: right;
    font-family: 'TeleIcon-Outline';
    font-size: 22px;
    margin-right: 0;
  }
}

[data-navigation-type='country'] .nav__label--selected-country::before {
  display: block;
  float: left;
  margin-right: 6px;
  font-size: 16px;
}

[data-navigation-type='country'] .nav__label--selected-country::after {
  content: '$';
  margin-right: 0;
  display: block;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  float: right;
  font-family: 'TeleIcon-Outline';
  font-size: 22px;
}

[data-navigation-type='country'] .nav__label--level-1 {
  display: block;
  padding: 0 26px 0 6px;
  font-size: 17px;
  line-height: 38px;
}

[data-navigation-type='country'] .nav__label--level-2,
[data-navigation-type='country'] .nav__label--level-3,
[data-navigation-type='country'] .nav__label--level-4 {
  font-size: 19px;
  line-height: 22px;
}

@media only screen and (max-width: 767px) {
  [data-navigation-type='country'] .nav__label--level-2,
  [data-navigation-type='country'] .nav__label--level-3,
  [data-navigation-type='country'] .nav__label--level-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  [data-navigation-type='country'] .nav__label--level-2,
  [data-navigation-type='country'] .nav__label--level-3,
  [data-navigation-type='country'] .nav__label--level-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  [data-navigation-type='country'] .nav__label--level-2.is-visible,
  [data-navigation-type='country'] .nav__label--level-3.is-visible,
  [data-navigation-type='country'] .nav__label--level-4.is-visible {
    display: block;
  }
}

@media only screen and (max-width: 1023px) {
  [data-navigation-type='country'] .nav__label--level-2.has-childs,
  [data-navigation-type='country'] .nav__label--level-3.has-childs,
  [data-navigation-type='country'] .nav__label--level-4.has-childs {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 1023px) and (max-width: 767px) {
  [data-navigation-type='country'] .nav__label--level-2.has-childs::after,
  [data-navigation-type='country'] .nav__label--level-3.has-childs::after,
  [data-navigation-type='country'] .nav__label--level-4.has-childs::after {
    content: '§';
    display: block;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    float: right;
    font-family: 'TeleIcon-Outline';
    font-size: 22px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  [data-navigation-type='country'] .nav__label--level-2.has-childs::after,
  [data-navigation-type='country'] .nav__label--level-3.has-childs::after,
  [data-navigation-type='country'] .nav__label--level-4.has-childs::after {
    content: '§';
    display: block;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    float: right;
    font-family: 'TeleIcon-Outline';
    font-size: 22px;
    margin-right: 15px;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 1024px) {
  [data-navigation-type='country'] .nav__label--level-2.has-childs:not(.nav__label--level-1)::after,
  [data-navigation-type='country'] .nav__label--level-3.has-childs:not(.nav__label--level-1)::after,
  [data-navigation-type='country'] .nav__label--level-4.has-childs:not(.nav__label--level-1)::after {
    content: '§';
    display: block;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    float: right;
    font-family: 'TeleIcon-Outline';
    font-size: 22px;
    margin-right: 0;
  }
}

[data-navigation-type='country'] .nav__label--level-2.has-childs:not(.is-selected--nav__label),
[data-navigation-type='country'] .nav__label--level-3.has-childs:not(.is-selected--nav__label),
[data-navigation-type='country'] .nav__label--level-4.has-childs:not(.is-selected--nav__label) {
  width: calc( 100% - 48px);
}

@media only screen and (max-width: 1023px) {
  [data-navigation-type='country'] .nav__label--level-2.is-selected--nav__label.is-visible,
  [data-navigation-type='country'] .nav__label--level-3.is-selected--nav__label.is-visible,
  [data-navigation-type='country'] .nav__label--level-4.is-selected--nav__label.is-visible {
    padding-left: 24px;
    padding-right: 24px;
    background-color: #000000;
    border-bottom: 1px solid #d0d0d0;
  }
  [data-navigation-type='country'] .nav__label--level-2.is-selected--nav__label.is-visible::before,
  [data-navigation-type='country'] .nav__label--level-3.is-selected--nav__label.is-visible::before,
  [data-navigation-type='country'] .nav__label--level-4.is-selected--nav__label.is-visible::before {
    margin-right: 25px;
    content: '%';
    font-family: 'TeleIcon-Outline';
  }
}

[data-navigation-type='country'] a.nav__label--level-2:hover,
[data-navigation-type='country'] a.nav__label--level-3:hover,
[data-navigation-type='country'] a.nav__label--level-4:hover {
  text-decoration: underline;
}

[data-navigation-type='country'] .is-selected--nav__item .nav__label--selected-country::after {
  content: '"';
}

@media only screen and (max-width: 1023px) {
  [data-navigation-type='country'] .nav__label.is-selected--nav__label:not(.nav__label--level-1)::after {
    content: '';
    margin-right: 0;
  }
}

@media only screen and (min-width: 1024px) {
  [data-navigation-type='country'] .nav__label--column-title {
    display: block;
    min-height: 45px;
    margin: 15px 0 30px;
    font-family: 'TeleGroteskNext-Ultra', sans-serif;
  }
}

@media only screen and (max-width: 1023px) {
  [data-navigation-type='country'] .flyout-close--level-2.is-enabled {
    display: block;
    top: 0;
    right: 24px;
    z-index: 102;
  }
  [data-navigation-type='country'] .flyout-close--level-2.is-enabled .a-icon--close {
    color: #ffffff;
  }
}

/**
 * @description:  .nav__item
 *
 * Contains the nav__label = wraps an LI around the content
 */
@media only screen and (max-width: 1023px) {
  [data-navigation-type='country'] .nav__item.is-visible > .nav__label:not(.nav__label--level-1),
  [data-navigation-type='country'] .nav__item.is-visible > .nav__items:not(.nav__items--level-1) {
    display: block;
  }
  [data-navigation-type='country'] .nav__item.is-visible + .is-visible {
    border-top: 1px solid #d0d0d0;
  }
}

/**
 * @description: .nav__items
 *
 * Collection of nav__item = wraps an UL around the items
 */
[data-navigation-type='country'] .nav__items--level-1 {
  display: flex;
  justify-content: flex-end;
}

[data-navigation-type='country'] .nav__items--level-1 > .nav__item {
  position: static;
  display: block;
}

@media only screen and (max-width: 1023px) {
  [data-navigation-type='country'] .nav__items--flyout > .nav__item:not(.is-selected--nav__item) > .nav__label {
    margin-left: 24px;
    margin-right: 24px;
  }
  [data-navigation-type='country'] .nav__items--flyout .nav__items--level-3 {
    margin: 0 24px;
  }
  [data-navigation-type='country'] .nav__items--flyout .is-visible.is-selected--nav__item > .nav__items--level-3 {
    display: block;
  }
}

[data-navigation-type='country'] .nav__items--flyout {
  background-color: #262626;
}

@media only screen and (max-width: 1023px) {
  [data-navigation-type='country'] .nav__items--flyout {
    display: none;
    position: absolute;
    width: 100%;
    top: 120px;
    left: 0;
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 1024px) {
  [data-navigation-type='country'] .nav__items--flyout {
    display: flex;
    position: absolute;
    top: 38px;
    right: auto;
    left: -99999px;
    padding: 24px 10px;
  }
}

@media only screen and (min-width: 1024px) {
  [data-navigation-type='country'] .nav__items--flyout {
    z-index: 102;
  }
  [data-navigation-type='country'] .nav__items--flyout > .nav__item {
    width: 152px;
    padding: 0 20px;
  }
  [data-navigation-type='country'] .nav__items--flyout > .nav__item + .nav__item {
    border-left: 1px solid #d0d0d0;
  }
}

@media only screen and (max-width: 1023px) {
  [data-navigation-type='country'] .nav__items--flyout .nav__item:not(.is-visible):not(.is-selected--nav__item) {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  [data-navigation-type='country'] .is-selected--nav__item .nav__items--flyout {
    right: 12px;
    left: auto;
  }
}

@media only screen and (max-width: 1023px) {
  [data-navigation-type='country'] .nav__items--level-3 .nav__item:not(.is-visible):not(.is-selected--nav__item) {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  [data-navigation-type='country'] .nav__items--level-3 .nav__item + .nav__item {
    margin-top: 15px;
  }
}

/**
 * @description: Outer wrapper
 * Generic styling for .o-metanav[data-navigation-type='country']
 */
[data-navigation-type='country'] {
  z-index: 102;
  background-color: #000000;
  color: #ffffff;
}

.error-page {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

@media only screen and (min-width: 1024px) {
  .error-page .o-header {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
}

.error-page .o-header .o-metanav {
  width: 100%;
}

.error-page .o-header .o-metanav[data-navigation-type='meta'] {
  display: block;
  order: 0;
  height: 38px;
  background-color: #000000;
}

.error-page .content-field {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .error-page .content-field {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .error-page .content-field {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .error-page .content-field {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .error-page .content-field .content-field__headline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 38px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .error-page .content-field .content-field__headline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 48px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .error-page .content-field .content-field__headline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 60px;
    line-height: 62px;
  }
}

@media only screen and (max-width: 767px) {
  .error-page .content-field .content-field__subline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .error-page .content-field .content-field__subline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .error-page .content-field .content-field__subline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .error-page .content-field .content-field__text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .error-page .content-field .content-field__text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .error-page .content-field .content-field__text {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.error-page .content-field > * {
  display: block;
  margin: 40px 0;
}

.o-locations {
  display: flex;
  flex-wrap: nowrap;
  max-width: 2560px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .o-locations {
    flex-direction: column;
    align-items: center;
    justify-items: stretch;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-locations {
    flex-direction: row;
    align-items: stretch;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-locations {
    flex-direction: row;
    align-items: stretch;
    padding: 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .o-locations .locations__ui {
    width: 100%;
  }
}

.o-locations .ui-tabs {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
  display: flex;
  flex-wrap: nowrap;
  margin-top: 10px;
}

.o-locations .ui-tab__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: block;
  padding: 10px 14px;
  font-family: "TeleGroteskNext-Regular", sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #e20074;
  background-color: transparent;
  border: 1px solid #e20074;
  border-radius: 2px;
}

.o-locations .is-active .ui-tab__button,
.o-locations .ui-tab__button:hover {
  color: #ffffff;
  background-color: #e20074;
  transform: all 300ms ease;
}

.o-locations .ui-tab__panes {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
}

.o-locations .ui-tab__pane {
  overflow-y: scroll;
  scroll-behavior: smooth;
}

@media only screen and (max-width: 767px) {
  .o-locations .ui-tab__pane {
    height: 400px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .o-locations .ui-tab__pane {
    height: 66vh;
    width: 250px;
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .o-locations .ui-tab__pane {
    scroll-behavior: auto;
  }
}

.o-locations .ui-tab__pane:not(.is-active) {
  display: none;
}

.o-locations .locations__country__placemarks {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
}

.o-locations .locations__country + .locations__country {
  border-top: 1px solid #d0d0d0;
}

.o-locations .locations__country__meta {
  margin: 10px 10px 0 0;
}

.o-locations .locations__country__label {
  margin: 0;
  font-size: 22px;
}

.o-locations .locations__country__link {
  display: block;
  position: relative;
  font-family: "TeleGroteskNext-Regular", sans-serif !important;
  color: #e20074;
}

.o-locations .locations__country__placemark {
  margin: 0 10px 10px 0;
  padding-top: 10px;
  font-family: "TeleGroteskNext-Regular", sans-serif;
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
  transition: color 300ms ease;
}

.o-locations .locations__country__placemark + .locations__country__placemark {
  border-top: 1px solid #d0d0d0;
}

.o-locations .locations__country__placemark:hover, .o-locations .locations__country__placemark.is-hover {
  color: #e20074;
  border-radius: 4px;
}

.o-locations [data-pane='international'] .locations__country__placemark {
  scroll-margin-top: 32px;
}

.o-locations .is-selected {
  color: #e20074;
}

.o-locations .subPlaceList .place {
  padding-left: 0;
  padding-right: 0;
}

#map {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  #map {
    min-height: 600px;
  }
}

#map-canvas {
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  #map-canvas {
    min-height: 600px;
  }
}

.mapBox {
  position: relative;
  background-color: transparent;
}

.mapBox::after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 16px solid #262626;
}

.mapBox .locations__popup__content {
  position: relative;
  box-sizing: border-box;
  font-family: "TeleGroteskNext-Regular", sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  background-color: #262626;
}

@media only screen and (max-width: 767px) {
  .mapBox .locations__popup__content {
    width: 300px;
    padding: 12px 15px;
  }
}

@media only screen and (min-width: 768px) {
  .mapBox .locations__popup__content {
    width: 340px;
    padding: 17px 20px;
  }
}

.mapBox .locations__popup__btn-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  z-index: 1;
  cursor: pointer;
}

.mapBox .locations__popup__btn-close::before {
  display: block;
  content: 'X';
  font-family: 'TeleIcon-Outline';
  font-size: 18px;
  line-height: 1;
  color: #ffffff;
}

.mapBox .locations__popup__title {
  display: block;
  box-sizing: border-box;
  font-family: "TeleGroteskNext-Ultra", sans-serif;
  font-size: 19px;
}

.mapBox .locations__popup__text {
  margin-top: 19px;
}

.mapBox .locations__popup__route {
  display: none;
}

.o-job-search .js-is-hidden {
  display: none;
}

.o-job-search .job-search__main-content {
  color: #ffffff;
  background-color: #e20074;
}

.o-job-search .job-search__main-content > * {
  margin: 0 auto;
  max-width: 1024px;
}

@media only screen and (max-width: 767px) {
  .o-job-search .job-search__main-content {
    padding: 55px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-job-search .job-search__main-content {
    padding: 55px 20px 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-job-search .job-search__main-content {
    padding: 70px 12px;
  }
}

.o-job-search .job-search__head > * {
  font-family: 'TeleGroteskNext-Medium', sans-serif;
}

@media only screen and (max-width: 767px) {
  .o-job-search .job-search__head > * {
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-job-search .job-search__head > * {
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-job-search .job-search__head > * {
    font-size: 36px;
    line-height: 40px;
  }
}

.o-job-search .job-search__form-wrapper {
  display: -ms-grid;
  display: grid;
}

@media only screen and (max-width: 767px) {
  .o-job-search .job-search__form-wrapper {
    margin-top: 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 25px auto 25px auto;
    grid-template-rows: auto 25px auto 25px auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-job-search .job-search__form-wrapper {
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: 1fr 40px 1fr;
    -ms-grid-rows: auto 30px auto;
    grid-template-rows: auto 30px auto;
    margin-top: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-job-search .job-search__form-wrapper {
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: 1fr 24px 1fr;
    -ms-grid-rows: auto 30px auto;
    grid-template-rows: auto 30px auto;
    margin-top: 50px;
  }
}

.o-job-search .job-search__searchterm-wrapper {
  position: relative;
}

.o-job-search .job-suggestions__list {
  position: absolute;
  top: 25px;
  padding: 0;
  width: calc( 100% - 1px);
  list-style-type: none;
  color: #262626;
  background-color: #ffffff;
  border: 1px solid #a4a4a4;
  border-radius: 4px;
  cursor: pointer;
}

.o-job-search .job-suggestions__list-item {
  padding: 5px 10px;
  list-style-type: none;
}

.o-job-search .job-suggestions__list-item:hover {
  color: #ffffff;
  background-color: #e20074;
}

.o-job-search .job-search__searchterm-wrapper,
.o-job-search #searchterm {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .o-job-search .job-search__searchterm-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 2 / 2;
    /* stylelint-enable */
  }
  .o-job-search #city {
    /* stylelint-disable */
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 3 / 1 / 4 / 2;
    /* stylelint-enable */
  }
  .o-job-search .button-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 5 / 1 / 6 / 2;
    /* stylelint-enable */
  }
}

@media only screen and (min-width: 768px) {
  .o-job-search .job-search__searchterm-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 2 / 2;
    /* stylelint-enable */
  }
  .o-job-search #city {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 3 / 2 / 4;
    /* stylelint-enable */
  }
  .o-job-search .button-wrapper {
    /* stylelint-disable */
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 3 / 1 / 4 / 2;
    /* stylelint-enable */
  }
}

.o-job-search .form__field--text {
  width: auto;
}

.o-job-search .a-headline, .o-job-search .o-accordeon .accordeon__title, .o-accordeon .o-job-search .accordeon__title,
.o-job-search .a-textlink {
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-job-search .job-search__login-wrapper {
    margin-top: 30px;
  }
  .o-job-search .job-search__login-wrapper :not(:first-child) {
    margin-left: 125px;
  }
  .o-job-search .job-search__login-wrapper .a-textlink {
    font-size: 20px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-job-search .job-search__login-wrapper {
    margin-top: 40px;
  }
  .o-job-search .job-search__login-wrapper :not(:first-child) {
    margin-left: 125px;
  }
  .o-job-search .job-search__login-wrapper .a-textlink {
    font-size: 22px;
    line-height: 32px;
  }
}

.o-job-search .job-search__login-wrapper .a-textlink {
  font-family: 'TeleGroteskNex-Medium', sans-serif;
}

.o-job-search .job-search__login-wrapper .a-textlink::before {
  display: inline-block;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .o-job-search .job-search__login-wrapper .a-textlink {
    display: block;
    margin-top: 35px;
  }
}

.o-job-search .wave-border__bottom {
  margin-top: -1px;
}

.o-job-search .job-search__jobcount::before {
  content: ' - ';
  padding-left: 10px;
}

.o-search .o-teaser-collection-m {
  margin-top: 60px;
}

/**
 * @description: Form for search term
 */
.o-search__form {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .o-search__form {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-search__form {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-search__form {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.o-search__form .m-form__line--text-with-button .a-btn--icon {
  display: block;
  font-family: 'TeleIcon-Outline';
  color: #262626;
}

.o-search__form .m-form__line--text-with-button .a-btn--icon:hover {
  color: #e20074;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-search__form .m-form__line--select {
    margin-top: 12px;
  }
}

.o-search__form .o-ui-tabs {
  margin-top: 35px;
}

.o-search__form .form__label {
  display: none;
}

@media only screen and (max-width: 1023px) {
  .o-search__form #topics-desktop {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .o-search__form [for='topics-mobile'] {
    display: none;
  }
}

.o-search__form > *:first-child {
  margin-top: 68px;
}

.o-search__success-message {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .o-search__success-message {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-search__success-message {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-search__success-message {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

/**
 * @description: Display of search results
 */
.o-teaser--searchresult {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: block;
}

@media only screen and (max-width: 767px) {
  .o-teaser--searchresult {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser--searchresult {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser--searchresult {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.o-teaser--searchresult:hover {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .o-teaser--searchresult .a-headline, .o-teaser--searchresult .o-accordeon .accordeon__title, .o-accordeon .o-teaser--searchresult .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser--searchresult .a-headline, .o-teaser--searchresult .o-accordeon .accordeon__title, .o-accordeon .o-teaser--searchresult .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser--searchresult .a-headline, .o-teaser--searchresult .o-accordeon .accordeon__title, .o-accordeon .o-teaser--searchresult .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

.o-teaser--searchresult .a-headline[data-searchresult-type="whitepaper"]::after, .o-teaser--searchresult .o-accordeon .accordeon__title[data-searchresult-type="whitepaper"]::after, .o-accordeon .o-teaser--searchresult .accordeon__title[data-searchresult-type="whitepaper"]::after, .o-teaser--searchresult .a-headline[data-searchresult-type="download"]::after, .o-teaser--searchresult .o-accordeon .accordeon__title[data-searchresult-type="download"]::after, .o-accordeon .o-teaser--searchresult .accordeon__title[data-searchresult-type="download"]::after {
  content: 'd';
  padding-left: 10px;
  font-family: 'TeleIcon-Outline';
  font-size: 25px;
  line-height: 25px;
}

.o-teaser--searchresult .m-breadcrumbs {
  margin-top: 4px;
}

.o-teaser--searchresult .teaser-text {
  margin-top: 16px;
}

.o-teaser-collection--searchresults .o-teaser--searchresult + .o-teaser--searchresult {
  margin-top: 40px;
}

.o-teaser-collection--searchresults .o-loading-indicator {
  margin-top: 105px;
}

/**
 * @description: UI Tabs, two variants:
 * - borderless: like in search results
 * - outline: like in locations, but only "quick'n'dirty" implemented
 *   in locations.scss
 */
.o-ui-tabs {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
  display: flex;
  flex-wrap: nowrap;
}

.o-ui-tabs .ui-tab__link,
.o-ui-tabs .ui-tab__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
  font-family: "TeleGroteskNext-Regular", sans-serif;
  font-size: 22px;
  line-height: 26px;
  color: #e20074;
  background-color: transparent;
}

/**
 * @description: Variant 'borderless'
 */
.ui-tabs--borderless .is-active {
  border-bottom: 2px solid #e20074;
}

.ui-tabs--borderless .is-active .ui-tab__link,
.ui-tabs--borderless .is-active .ui-tab__button {
  font-family: "TeleGroteskNext-Ultra", sans-serif;
}

/**
 *	@description: Variant 'pseudo-navigation'
 */
.ui-tabs--pseudo-navigation {
  transition: transform 300ms ease-in-out 0s;
  width: 100000px;
}

.ui-tabs--pseudo-navigation .ui-tab {
  border: 1px solid #e20074;
  background-color: #ffffff;
}

.ui-tabs--pseudo-navigation .ui-tab:not(:last-child) {
  border-right: none;
}

.ui-tabs--pseudo-navigation .ui-tab a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #e20074;
}

.ui-tabs--pseudo-navigation .is-active .ui-tab__link,
.ui-tabs--pseudo-navigation .is-active .ui-tab__button {
  color: #ffffff;
  background-color: #e20074;
}

.o-loading-indicator {
  height: 24px;
}

.o-loading-indicator .m-animation__loading {
  margin-left: auto;
  margin-right: auto;
}

.page {
  overflow: hidden;
}

/**
 * Animation Styles
 */
@media only screen and (min-width: 1024px) {
  /**
	 * @description: Heroes
	 */
  .hero--level-0.is-before-animation .o-teaser-hero .a-headline, .hero--level-0.is-before-animation .o-teaser-hero .o-accordeon .accordeon__title, .o-accordeon .hero--level-0.is-before-animation .o-teaser-hero .accordeon__title,
  .hero--level-0.is-before-animation .o-teaser-hero .teaser-text,
  .hero--level-0.is-before-animation .o-teaser-hero .a-textlink,
  .hero--level-1.is-before-animation .o-teaser-hero .a-headline,
  .hero--level-1.is-before-animation .o-teaser-hero .o-accordeon .accordeon__title,
  .o-accordeon .hero--level-1.is-before-animation .o-teaser-hero .accordeon__title,
  .hero--level-1.is-before-animation .o-teaser-hero .teaser-text,
  .hero--level-1.is-before-animation .o-teaser-hero .a-textlink,
  .hero--level-2.is-before-animation .o-teaser-hero .a-headline,
  .hero--level-2.is-before-animation .o-teaser-hero .o-accordeon .accordeon__title,
  .o-accordeon .hero--level-2.is-before-animation .o-teaser-hero .accordeon__title,
  .hero--level-2.is-before-animation .o-teaser-hero .teaser-text,
  .hero--level-2.is-before-animation .o-teaser-hero .a-textlink,
  .hero--level-3.is-before-animation .o-teaser-hero .a-headline,
  .hero--level-3.is-before-animation .o-teaser-hero .o-accordeon .accordeon__title,
  .o-accordeon .hero--level-3.is-before-animation .o-teaser-hero .accordeon__title,
  .hero--level-3.is-before-animation .o-teaser-hero .teaser-text,
  .hero--level-3.is-before-animation .o-teaser-hero .a-textlink {
    transform: translateY(25px);
    opacity: 0;
  }
  .hero--level-0.is-in-animation .o-teaser-hero .a-headline, .hero--level-0.is-in-animation .o-teaser-hero .o-accordeon .accordeon__title, .o-accordeon .hero--level-0.is-in-animation .o-teaser-hero .accordeon__title,
  .hero--level-1.is-in-animation .o-teaser-hero .a-headline,
  .hero--level-1.is-in-animation .o-teaser-hero .o-accordeon .accordeon__title,
  .o-accordeon .hero--level-1.is-in-animation .o-teaser-hero .accordeon__title,
  .hero--level-2.is-in-animation .o-teaser-hero .a-headline,
  .hero--level-2.is-in-animation .o-teaser-hero .o-accordeon .accordeon__title,
  .o-accordeon .hero--level-2.is-in-animation .o-teaser-hero .accordeon__title,
  .hero--level-3.is-in-animation .o-teaser-hero .a-headline,
  .hero--level-3.is-in-animation .o-teaser-hero .o-accordeon .accordeon__title,
  .o-accordeon .hero--level-3.is-in-animation .o-teaser-hero .accordeon__title {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .hero--level-0.is-in-animation .o-teaser-hero .teaser-text,
  .hero--level-1.is-in-animation .o-teaser-hero .teaser-text,
  .hero--level-2.is-in-animation .o-teaser-hero .teaser-text,
  .hero--level-3.is-in-animation .o-teaser-hero .teaser-text {
    animation: anim-fadein--bottom--small 2.5s 25ms backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .hero--level-0.is-in-animation .o-teaser-hero .a-textlink,
  .hero--level-1.is-in-animation .o-teaser-hero .a-textlink,
  .hero--level-2.is-in-animation .o-teaser-hero .a-textlink,
  .hero--level-3.is-in-animation .o-teaser-hero .a-textlink {
    animation: anim-fadein--bottom--small 2.5s 50ms backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  /**
	 * @description: Teaser-Collections
	 */
  /**
	 * @description: ... basic
	 */
  .o-teaser-collection.is-before-animation > .a-headline, .o-accordeon .o-teaser-collection.is-before-animation > .accordeon__title {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-teaser-collection.is-in-animation > .a-headline, .o-accordeon .o-teaser-collection.is-in-animation > .accordeon__title {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection-cube .o-teaser-default.is-before-animation .teaser-image {
    transform: translateY(-25px);
    opacity: 0;
  }
  .o-teaser-collection-cube .o-teaser-default.is-before-animation .content-wrapper {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-teaser-collection-cube .o-teaser-default.is-in-animation .teaser-image {
    animation: anim-fadein--left--slow 3s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection-cube .o-teaser-default.is-in-animation .content-wrapper {
    animation: anim-fadein--right--slow 3s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection--good-to-know .o-teaser-default.is-before-animation {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-teaser-collection--good-to-know .o-teaser-default.is-in-animation {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection--good-to-know .o-teaser-default.is-in-animation:nth-child(1) {
    animation-delay: 100ms;
  }
  .o-teaser-collection--good-to-know .o-teaser-default.is-in-animation:nth-child(2) {
    animation-delay: 200ms;
  }
  .o-teaser-collection--good-to-know .o-teaser-default.is-in-animation:nth-child(3) {
    animation-delay: 300ms;
  }
  .o-teaser-collection--good-to-know .o-teaser-default.is-in-animation:nth-child(4) {
    animation-delay: 400ms;
  }
  .o-teaser-collection--good-to-know .o-teaser-default.is-in-animation:nth-child(5) {
    animation-delay: 500ms;
  }
  .o-teaser-collection--good-to-know .o-teaser-default.is-in-animation:nth-child(6) {
    animation-delay: 600ms;
  }
  .o-teaser-collection--good-to-know .o-teaser-default.is-in-animation:nth-child(7) {
    animation-delay: 700ms;
  }
  .o-teaser-collection--good-to-know .o-teaser-default.is-in-animation:nth-child(8) {
    animation-delay: 800ms;
  }
  .o-teaser-collection--good-to-know .o-teaser-default.is-in-animation:nth-child(9) {
    animation-delay: 900ms;
  }
  .o-teaser-collection-jobs.is-before-animation > .a-headline, .o-accordeon .o-teaser-collection-jobs.is-before-animation > .accordeon__title {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-teaser-collection-jobs.is-in-animation > .a-headline, .o-accordeon .o-teaser-collection-jobs.is-in-animation > .accordeon__title {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection-jobs .o-teaser-default.is-before-animation {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-teaser-collection-jobs .o-teaser-default.is-in-animation {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection-l .o-teaser-default:nth-child(odd).is-before-animation .teaser-image, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(odd).is-before-animation .teaser-image,
  .o-teaser-collection-l--magenta .o-teaser-default:nth-child(odd).is-before-animation .teaser-image {
    transform: translateX(-30px);
    opacity: 0.8;
  }
  .o-teaser-collection-l .o-teaser-default:nth-child(odd).is-before-animation .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(odd).is-before-animation .content-wrapper,
  .o-teaser-collection-l--magenta .o-teaser-default:nth-child(odd).is-before-animation .content-wrapper {
    transform: translateX(30px);
    opacity: 0.8;
  }
  .o-teaser-collection-l .o-teaser-default:nth-child(odd).is-in-animation .teaser-image, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(odd).is-in-animation .teaser-image,
  .o-teaser-collection-l--magenta .o-teaser-default:nth-child(odd).is-in-animation .teaser-image {
    animation: anim-fadein--left--fast 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection-l .o-teaser-default:nth-child(odd).is-in-animation .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(odd).is-in-animation .content-wrapper,
  .o-teaser-collection-l--magenta .o-teaser-default:nth-child(odd).is-in-animation .content-wrapper {
    animation: anim-fadein--right--fast 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection-l .o-teaser-default:nth-child(even).is-before-animation .teaser-image, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(even).is-before-animation .teaser-image,
  .o-teaser-collection-l--magenta .o-teaser-default:nth-child(even).is-before-animation .teaser-image {
    transform: translateX(30px);
    opacity: 0.8;
  }
  .o-teaser-collection-l .o-teaser-default:nth-child(even).is-before-animation .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(even).is-before-animation .content-wrapper,
  .o-teaser-collection-l--magenta .o-teaser-default:nth-child(even).is-before-animation .content-wrapper {
    transform: translateX(-30px);
    opacity: 0.8;
  }
  .o-teaser-collection-l .o-teaser-default:nth-child(even).is-in-animation .teaser-image, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(even).is-in-animation .teaser-image,
  .o-teaser-collection-l--magenta .o-teaser-default:nth-child(even).is-in-animation .teaser-image {
    animation: anim-fadein--right--fast 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection-l .o-teaser-default:nth-child(even).is-in-animation .content-wrapper, .o-teaser-collection-l--magenta .o-teaser-default:nth-child(even).is-in-animation .content-wrapper,
  .o-teaser-collection-l--magenta .o-teaser-default:nth-child(even).is-in-animation .content-wrapper {
    animation: anim-fadein--left--fast 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection-m .o-teaser-default:nth-child(odd).is-before-animation {
    transform: translateY(50px);
    opacity: 0;
  }
  .o-teaser-collection-m .o-teaser-default:nth-child(odd).is-in-animation {
    animation: anim-fadein--bottom--medium 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection-m .o-teaser-default:nth-child(even).is-before-animation {
    transform: translateY(50px);
    opacity: 0;
  }
  .o-teaser-collection-m .o-teaser-default:nth-child(even).is-in-animation {
    animation: anim-fadein--bottom--medium 2.5s 100ms backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection--magazine .o-teaser-default.is-before-animation {
    transform: translateY(100px);
    opacity: 0;
  }
  .o-teaser-collection--magazine .o-teaser-default.is-in-animation {
    animation: anim-fadein--bottom--large 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection-mosaic .is-before-animation {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-teaser-collection-mosaic .is-in-animation {
    animation-name: anim-fadein--bottom--small;
    animation-fill-mode: backwards;
    animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    animation-duration: 2.5s;
  }
  .o-teaser-collection-mosaic .is-in-animation:nth-child(2), .o-teaser-collection-mosaic .is-in-animation:nth-child(4) {
    animation-delay: 100ms;
  }
  .o-teaser-collection-mosaic .is-in-animation:nth-child(5) {
    animation-delay: 200ms;
  }
  .o-teaser-collection--offer.is-before-animation {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-teaser-collection--offer.is-before-animation .teaser-collection--offer-bar__headline-wrapper {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-teaser-collection--offer.is-in-animation {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection--offer.is-in-animation .teaser-collection--offer-bar__headline-wrapper {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection--offer .o-teaser-default.is-before-animation {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-teaser-collection--offer .o-teaser-default.is-in-animation {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection-s {
    overflow: hidden;
  }
  .o-teaser-collection-s .o-teaser-default.is-before-animation {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-teaser-collection-s .o-teaser-default.is-in-animation {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection-s .o-teaser-default.is-in-animation:nth-child(3n+2) {
    animation-delay: 100ms;
  }
  .o-teaser-collection-s .o-teaser-default.is-in-animation:nth-child(3n+3) {
    animation-delay: 200ms;
  }
  .o-teaser-collection--searchresults .o-teaser-default.is-before-animation {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-teaser-collection--searchresults .o-teaser-default.is-in-animation {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection--zdf.is-before-animation .o-teaser-default {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-teaser-collection--zdf.is-in-animation .o-teaser-default {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-teaser-collection--zdf.is-in-animation .o-teaser-default:nth-child(2) {
    animation-delay: 150ms;
  }
  .o-teaser-collection--zdf.is-in-animation .o-teaser-default:nth-child(3) {
    animation-delay: 300ms;
  }
  .o-teaser-collection--zdf.is-in-animation .o-teaser-default:nth-child(4) {
    animation-delay: 450ms;
  }
  /**
	 * @description: Collections
	 */
  .o-collection-author .o-author.is-before-animation {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-collection-author .o-author.is-in-animation {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-collection-author .o-author.is-in-animation:nth-child(4n+1) {
    animation-delay: 100ms;
  }
  .o-collection-author .o-author.is-in-animation:nth-child(4n+2) {
    animation-delay: 200ms;
  }
  .o-collection-author .o-author.is-in-animation:nth-child(4n+3) {
    animation-delay: 300ms;
  }
  .o-collection-author .o-author.is-in-animation:nth-child(4n) {
    animation-delay: 400ms;
  }
  /**
	 * @description: Teaser (New))
	 */
  .teaser-default--editorial.is-before-animation .teaser-default__content-wrapper > *,
  .teaser-default--editorial.is-before-animation .teaser-default__image > * {
    transform: translateY(25px);
    opacity: 0;
  }
  .teaser-default--editorial.is-in-animation .teaser-default__content-wrapper,
  .teaser-default--editorial.is-in-animation .teaser-default__image {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  /**
	 * @description: Sharing Bar in BP und Blog
	 */
  .o-detailview-header-row.is-before-animation {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-detailview-header-row.is-in-animation {
    animation: anim-fadein--bottom--short 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-detailview-header-row .m-download-listitems.is-before-animation {
    transform: translateX(-30px);
    opacity: 0.8;
  }
  .o-detailview-header-row .m-download-listitems.is-in-animation {
    animation: anim-fadein--left--fast 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-detailview-header-row .m-socialmedia-items.is-before-animation {
    transform: translateX(30px);
    opacity: 0.8;
  }
  .o-detailview-header-row .m-socialmedia-items.is-in-animation {
    animation: anim-fadein--right--fast 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  /**
	 * @description: Preis-Modul
	 */
  .o-price-module.is-before-animation > .a-headline, .o-accordeon .o-price-module.is-before-animation > .accordeon__title {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-price-module.is-before-animation .o-price-module-teaser {
    transform: translateY(100px);
    opacity: 0;
  }
  .o-price-module.is-in-animation > .a-headline, .o-accordeon .o-price-module.is-in-animation > .accordeon__title {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-price-module.is-in-animation .o-price-module-teaser {
    animation: anim-fadein--bottom--large 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-price-module.is-in-animation .o-price-module-teaser:nth-child(2) {
    animation-delay: 100ms;
  }
  .o-price-module.is-in-animation .o-price-module-teaser:nth-child(3) {
    animation-delay: 200ms;
  }
  .o-price-module.is-in-animation .o-price-module-teaser:nth-child(4) {
    animation-delay: 300ms;
  }
  .o-price-module.is-in-animation .o-price-module-teaser:nth-child(5) {
    animation-delay: 400ms;
  }
  .o-price-module.is-in-animation .o-price-module-teaser:nth-child(6) {
    animation-delay: 500ms;
  }
  /**
	 * @description: Pseudo Navigation
	 */
  .o-pseudo-navigation.is-before-animation {
    transform: translateY(100px);
    opacity: 0;
  }
  .o-pseudo-navigation.is-in-animation {
    animation: anim-fadein--bottom--large 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  /**
	 * @description: Teaser Download
	 */
  .o-download.is-before-animation {
    transform: translateY(-25px);
    opacity: 0;
  }
  .o-download.is-in-animation {
    animation: anim-fadein--left--slow 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  /**
	 * @description: Teaser CTA
	 */
  .teaser-cta-basic.is-before-animation .content-wrapper > *,
  .teaser-cta-basic.is-before-animation .teaser-default__content-wrapper > *,
  .teaser-cta-hero.is-before-animation .content-wrapper > *,
  .teaser-cta-hero.is-before-animation .teaser-default__content-wrapper > *,
  .teaser-default--cta-magenta-document-icon.is-before-animation .content-wrapper > *,
  .teaser-default--cta-magenta-document-icon.is-before-animation .teaser-default__content-wrapper > *,
  .teaser-default--cta-with-background-image-without-swoosh.is-before-animation .content-wrapper > *,
  .teaser-default--cta-with-background-image-without-swoosh.is-before-animation .teaser-default__content-wrapper > * {
    transform: translateY(25px);
    opacity: 0;
  }
  .teaser-cta-basic.is-in-animation .content-wrapper > *,
  .teaser-cta-basic.is-in-animation .teaser-default__content-wrapper > *,
  .teaser-cta-hero.is-in-animation .content-wrapper > *,
  .teaser-cta-hero.is-in-animation .teaser-default__content-wrapper > *,
  .teaser-default--cta-magenta-document-icon.is-in-animation .content-wrapper > *,
  .teaser-default--cta-magenta-document-icon.is-in-animation .teaser-default__content-wrapper > *,
  .teaser-default--cta-with-background-image-without-swoosh.is-in-animation .content-wrapper > *,
  .teaser-default--cta-with-background-image-without-swoosh.is-in-animation .teaser-default__content-wrapper > * {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .teaser-cta-basic.is-in-animation .content-wrapper > *:nth-child(2),
  .teaser-cta-basic.is-in-animation .teaser-default__content-wrapper > *:nth-child(2),
  .teaser-cta-hero.is-in-animation .content-wrapper > *:nth-child(2),
  .teaser-cta-hero.is-in-animation .teaser-default__content-wrapper > *:nth-child(2),
  .teaser-default--cta-magenta-document-icon.is-in-animation .content-wrapper > *:nth-child(2),
  .teaser-default--cta-magenta-document-icon.is-in-animation .teaser-default__content-wrapper > *:nth-child(2),
  .teaser-default--cta-with-background-image-without-swoosh.is-in-animation .content-wrapper > *:nth-child(2),
  .teaser-default--cta-with-background-image-without-swoosh.is-in-animation .teaser-default__content-wrapper > *:nth-child(2) {
    animation-delay: 25ms;
  }
  .teaser-cta-basic.is-in-animation .content-wrapper > *:nth-child(3),
  .teaser-cta-basic.is-in-animation .teaser-default__content-wrapper > *:nth-child(3),
  .teaser-cta-hero.is-in-animation .content-wrapper > *:nth-child(3),
  .teaser-cta-hero.is-in-animation .teaser-default__content-wrapper > *:nth-child(3),
  .teaser-default--cta-magenta-document-icon.is-in-animation .content-wrapper > *:nth-child(3),
  .teaser-default--cta-magenta-document-icon.is-in-animation .teaser-default__content-wrapper > *:nth-child(3),
  .teaser-default--cta-with-background-image-without-swoosh.is-in-animation .content-wrapper > *:nth-child(3),
  .teaser-default--cta-with-background-image-without-swoosh.is-in-animation .teaser-default__content-wrapper > *:nth-child(3) {
    animation-delay: 50ms;
  }
  /**
	 * @description: Text Image
	 */
  .text-image--intro.is-before-animation,
  .text-image--right.is-before-animation,
  .text-image--left.is-before-animation,
  .text-image--bottom.is-before-animation,
  .text-image--right-floated.is-before-animation,
  .text-image--left-floated.is-before-animation,
  .text-image--bottom-text-fullwidth.is-before-animation,
  .text-image--quote.is-before-animation {
    transform: translateY(100px);
    opacity: 0;
  }
  .text-image--intro.is-in-animation,
  .text-image--right.is-in-animation,
  .text-image--left.is-in-animation,
  .text-image--bottom.is-in-animation,
  .text-image--right-floated.is-in-animation,
  .text-image--left-floated.is-in-animation,
  .text-image--bottom-text-fullwidth.is-in-animation,
  .text-image--quote.is-in-animation {
    animation: anim-fadein--bottom--large 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  /**
	 * @description: Accordeon
	 */
  .o-accordeon.is-before-animation {
    transform: translateY(100px);
    opacity: 0;
  }
  .o-accordeon.is-in-animation {
    animation: anim-fadein--bottom--large 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-accordeon .o-text-image.is-before-animation {
    transform: translateY(25px);
    opacity: 0;
  }
  .o-accordeon .o-text-image.is-in-animation {
    animation: anim-fadein--bottom--small 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  /**
	 * @description: Flower
	 */
  .o-flower.is-before-animation {
    transform: translateY(100px);
    opacity: 0;
  }
  .o-flower.is-in-animation {
    animation: anim-fadein--bottom--large 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  /**
	 * @description: Podcast
	 */
  .o-podcast.is-before-animation > .a-headline, .o-accordeon .o-podcast.is-before-animation > .accordeon__title,
  .o-podcast.is-before-animation .podcast__content-wrapper,
  .o-podcast.is-before-animation .o-related-links {
    transform: translateY(100px);
    opacity: 0;
  }
  .o-podcast.is-in-animation > .a-headline, .o-accordeon .o-podcast.is-in-animation > .accordeon__title,
  .o-podcast.is-in-animation .podcast__content-wrapper {
    animation: anim-fadein--bottom--large 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .o-podcast.is-in-animation .podcast__content-wrapper {
    animation-delay: 100ms;
  }
  .o-podcast.is-in-animation .o-related-links {
    animation-delay: 200ms;
  }
  /**
	 * @description: Job Search
	 */
  .o-job-search.is-before-animation {
    transform: translateY(100px);
    opacity: 0;
  }
  .o-job-search.is-in-animation {
    animation: anim-fadein--bottom--large 2.5s 0s backwards cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}

/**
 * @description: Floating Action Bar, outer wrapper
 */
.o-fab {
  position: fixed;
  overflow: hidden;
  right: 0;
  z-index: 10;
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}

@media only screen and (max-width: 1023px) {
  .o-fab {
    bottom: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-fab {
    top: calc( 50% + ( 198px / 2 ));
    transform: translateY(-50%);
    pointer-events: none;
  }
}

.o-fab.is-default .m-fab__item + .m-fab__item {
  margin-top: 1px;
}

.o-fab.is-default .m-fab__item:hover {
  right: 0;
}

.o-fab.is-default .a-fab__btn--toggle::before {
  content: 'X';
}

.o-fab.is-compressed .m-fab__item:nth-of-type(1n + 2) {
  margin-top: -40px;
}

.o-fab.is-compressed .m-fab__item:hover {
  width: 226px;
  right: -174px;
}

.o-fab.is-compressed .a-fab__btn--toggle::before {
  content: '>';
}

.o-fab.is-background {
  opacity: 0;
}

[lang^='default'] .o-fab.is-compressed .m-fab__item:hover {
  width: 226px;
  right: -174px;
}

[lang^='de'] .o-fab.is-compressed .m-fab__item:hover {
  width: 200px;
  right: -148px;
}

[lang^='en'] .o-fab.is-compressed .m-fab__item:hover {
  width: 200px;
  right: -148px;
}

[lang^='es'] .o-fab.is-compressed .m-fab__item:hover {
  width: 226px;
  right: -174px;
}

[lang^='pt'] .o-fab.is-compressed .m-fab__item:hover {
  width: 200px;
  right: -148px;
}

[lang^='nl'] .o-fab.is-compressed .m-fab__item:hover {
  width: 224px;
  right: -172px;
}

/**
 * Settings
 */
/**
 * @description: Local Mixins
 */
/**
 * @description: Accordeon module
 */
.o-accordeon {
  margin: 0 auto;
  max-width: 1000px;
  /**
	 * @description: Generic setting for each text/image module
	 *
	 * Each text/image module is one accordeon item
	 */
  /**
	 * @description: Headline of an accordeon item
	 * Clickable toggler for each accordeon item
	 */
  /**
	 * @description: Needed to overwrite specifity of normal text-image
	 */
  /**
	 * @description: reset of accordeon content items
	 */
  /**
	 * @description: Layout modifications for Text/Image variants
	 * --> Text/Image-Left
	 */
  /**
	 * --> Text/Image-Right
	 */
  /**
	 * --> Text/Image-Bottom
	 * --> Text/Image-Intro
	 */
}

@media only screen and (max-width: 767px) {
  .o-accordeon {
    margin-top: 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-accordeon {
    margin-top: 75px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-accordeon {
    margin-top: 105px;
  }
}

@media only screen and (max-width: 1023px) {
  .o-accordeon {
    padding: 0 20px;
  }
}

.o-accordeon .o-text-image {
  display: block;
  max-width: none;
  -ms-grid-columns: none;
  grid-template-columns: none;
  -ms-grid-rows: none;
  grid-template-rows: none;
}

@media only screen and (max-width: 767px) {
  .o-accordeon .o-text-image {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-accordeon .o-text-image {
    margin-top: 38px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-accordeon .o-text-image {
    margin-top: 35px;
  }
}

.o-accordeon .o-text-image .text-image__headline {
  cursor: pointer;
  /**
		 * @description: Toggle indicator (arrow up/down)
		 */
}

.o-accordeon .o-text-image .text-image__headline::before {
  display: inline-block;
  font-family: 'TeleIcon-Outline';
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .o-accordeon .o-text-image .text-image__headline::before {
    width: 28px;
    margin-left: -28px;
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-accordeon .o-text-image .text-image__headline::before {
    width: 28px;
    margin-left: -28px;
    font-size: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-accordeon .o-text-image .text-image__headline::before {
    width: 38px;
    margin-left: -38px;
    font-size: 32px;
  }
}

.o-accordeon .o-text-image .text-image__headline:not(.is-open) {
  color: #e20074;
}

.o-accordeon .o-text-image .text-image__headline:not(.is-open)::before {
  content: '$';
  color: #e20074;
  vertical-align: text-bottom;
}

.o-accordeon .o-text-image .text-image__headline.is-open::before {
  content: '"';
  color: #262626;
  vertical-align: text-top;
}

@media only screen and (max-width: 767px) {
  .o-accordeon .o-text-image .text-image__headline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 30px;
    width: calc( 100% - 28px);
    margin: 0 0 0 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-accordeon .o-text-image .text-image__headline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 32px;
    width: calc( 100% - 28px);
    margin: 0 0 0 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-accordeon .o-text-image .text-image__headline {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 33px;
    width: calc( 100% - 38px);
    margin: 0 0 0 38px;
  }
}

.o-accordeon .o-text-image .text-image__headline:hover, .o-accordeon .o-text-image .text-image__headline.is-open {
  color: #262626;
}

.o-accordeon .o-text-image .text-image__headline:hover::before, .o-accordeon .o-text-image .text-image__headline.is-open::before {
  color: #262626;
}

@media only screen and (max-width: 767px) {
  .o-accordeon .o-text-image .text-image__headline ~ .accordeon__item__content {
    margin-top: 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-accordeon .o-text-image .text-image__headline ~ .accordeon__item__content {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-accordeon .o-text-image .text-image__headline ~ .accordeon__item__content {
    margin-top: 20px;
  }
}

.o-accordeon .o-text-image .text-image__image-wrapper,
.o-accordeon .o-text-image .o-video,
.o-accordeon .o-text-image .text-image__richtext-wrapper {
  grid-area: auto;
  margin: 0;
  padding: 0;
  display: none;
}

.o-accordeon.is-built .text-image__image-wrapper,
.o-accordeon.is-built .o-video,
.o-accordeon.is-built .text-image__richtext-wrapper {
  display: block;
}

@media only screen and (max-width: 767px) {
  .o-accordeon .text-image--left .accordeon__item__content {
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-accordeon .text-image--left .accordeon__item__content {
    flex-direction: row;
    justify-content: space-between;
  }
  .o-accordeon .text-image--left .text-image__image-wrapper,
  .o-accordeon .text-image--left .o-video {
    width: calc( 50% - 10px);
  }
  .o-accordeon .text-image--left .text-image__richtext-wrapper {
    width: calc( 50% - 10px);
  }
}

@media only screen and (min-width: 1024px) {
  .o-accordeon .text-image--left .accordeon__item__content {
    flex-direction: row;
    justify-content: space-between;
  }
  .o-accordeon .text-image--left .text-image__image-wrapper,
  .o-accordeon .text-image--left .o-video {
    width: calc( 50% - 12px);
  }
  .o-accordeon .text-image--left .text-image__richtext-wrapper {
    width: calc( 50% - 12px);
  }
}

@media only screen and (max-width: 767px) {
  .o-accordeon .text-image--right .accordeon__item__content {
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-accordeon .text-image--right .accordeon__item__content {
    flex-direction: row;
    justify-content: space-between;
  }
  .o-accordeon .text-image--right .text-image__image-wrapper,
  .o-accordeon .text-image--right .o-video {
    order: 2;
    width: calc( 50% - 10px);
  }
  .o-accordeon .text-image--right .text-image__richtext-wrapper {
    order: 1;
    width: calc( 50% - 10px);
  }
}

@media only screen and (min-width: 1024px) {
  .o-accordeon .text-image--right .accordeon__item__content {
    flex-direction: row;
    justify-content: space-between;
  }
  .o-accordeon .text-image--right .text-image__image-wrapper,
  .o-accordeon .text-image--right .o-video {
    order: 2;
    width: calc( 50% - 12px);
  }
  .o-accordeon .text-image--right .text-image__richtext-wrapper {
    order: 1;
    width: calc( 50% - 12px);
  }
}

.o-accordeon .text-image--bottom .accordeon__item__content,
.o-accordeon .text-image--intro .accordeon__item__content {
  flex-direction: column;
}

.o-accordeon .text-image--bottom .text-image__image-wrapper,
.o-accordeon .text-image--bottom .o-video,
.o-accordeon .text-image--intro .text-image__image-wrapper,
.o-accordeon .text-image--intro .o-video {
  order: 2;
}

.o-accordeon .text-image--bottom .text-image__richtext-wrapper,
.o-accordeon .text-image--intro .text-image__richtext-wrapper {
  order: 1;
}

@media only screen and (max-width: 767px) {
  .o-accordeon .text-image--bottom .text-image__richtext-wrapper p,
  .o-accordeon .text-image--intro .text-image__richtext-wrapper p {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-accordeon .text-image--bottom .text-image__richtext-wrapper p,
  .o-accordeon .text-image--intro .text-image__richtext-wrapper p {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-accordeon .text-image--bottom .text-image__richtext-wrapper p,
  .o-accordeon .text-image--intro .text-image__richtext-wrapper p {
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

/**
 * @description: Module title
 */
@media only screen and (max-width: 767px) {
  .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
  .accordeon__title + .o-text-image {
    margin-top: 50px;
  }
}

/**
 * @description: Wrapper for content of each accordeon item
 * Is created and inserted via JS
 */
.accordeon__item__content {
  display: flex;
  max-height: 0;
  padding: 0;
  transition: max-height 300ms ease;
  overflow-y: hidden;
}

@media only screen and (max-width: 767px) {
  .accordeon__item__content {
    width: calc( 100% - 28px);
    max-width: calc( 100% - 28px);
    margin: 0 0 0 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .accordeon__item__content {
    width: calc( 100% - 28px);
    max-width: calc( 100% - 28px);
    margin: 0 0 0 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .accordeon__item__content {
    width: calc( 100% - 38px);
    max-width: calc( 100% - 38px);
    margin: 0 0 0 38px;
  }
}

.o-detailview-header-row {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: block;
  margin-top: 105px;
}

@media only screen and (max-width: 767px) {
  .o-detailview-header-row {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-detailview-header-row {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-detailview-header-row {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-detailview-header-row {
    *zoom: 1;
    width: calc( 100% - 24px);
  }
  .o-detailview-header-row::before, .o-detailview-header-row::after {
    content: ' ';
    display: table;
  }
  .o-detailview-header-row::after {
    clear: both;
  }
}

.o-detailview-header-row .m-socialmedia-items {
  font-family: 'TeleGroteskNext-Bold', sans-serif;
  font-size: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 1023px) {
  .o-detailview-header-row .m-socialmedia-items {
    margin-top: 40px;
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 1024px) {
  .o-detailview-header-row .m-socialmedia-items {
    float: right;
  }
}

@media only screen and (min-width: 1024px) {
  .o-detailview-header-row .m-download-listitems,
  .o-detailview-header-row .m-date-author {
    float: left;
  }
}

.o-detailview-header-row .m-download-listitems,
.o-detailview-header-row .download-listitem {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 1024px) {
  .o-detailview-header-row .m-download-listitems ~ .m-socialmedia-items {
    line-height: 54px;
  }
}

.o-gallery .a-headline, .o-gallery .o-accordeon .accordeon__title, .o-accordeon .o-gallery .accordeon__title {
  display: block;
}

@media only screen and (max-width: 767px) {
  .o-gallery .a-headline, .o-gallery .o-accordeon .accordeon__title, .o-accordeon .o-gallery .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery .a-headline, .o-gallery .o-accordeon .accordeon__title, .o-accordeon .o-gallery .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
    padding: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery .a-headline, .o-gallery .o-accordeon .accordeon__title, .o-accordeon .o-gallery .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
    margin: 0 auto;
    padding: 0;
    max-width: 1000px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery .outer-content-wrapper {
    padding: 0 20px;
  }
}

.o-gallery-track {
  margin-top: 30px;
}

/**
 * @description: Magenta variant
 */
.o-gallery--magenta {
  /**
	 * @description: black teaser above/below
	 */
}

.o-gallery--magenta .a-headline, .o-gallery--magenta .o-accordeon .accordeon__title, .o-accordeon .o-gallery--magenta .accordeon__title {
  color: #ffffff;
}

.o-gallery--magenta .outer-content-wrapper {
  background-color: #e20074;
}

@media only screen and (max-width: 767px) {
  .o-gallery--magenta .outer-content-wrapper {
    padding-top: 32px;
    padding-bottom: 48px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery--magenta .outer-content-wrapper {
    padding-top: 32px;
    padding-bottom: 48px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--magenta .outer-content-wrapper {
    padding-top: 80px;
    padding-bottom: 90px;
  }
}

.o-gallery--magenta .wave-border__bottom {
  max-height: 75px;
  height: 5.2083333333vw;
  margin-top: -1px;
  padding-bottom: 0;
}

.teaser-cta-basic + .o-gallery--magenta {
  margin-top: 0;
}

.teaser-cta-basic + .o-gallery--magenta .wave-border__top {
  background-color: #262626;
}

@media only screen and (max-width: 767px) {
  .o-gallery--magenta + .teaser-cta-basic {
    padding-top: calc( 60px + 100vw / 1440 * 75);
    margin-top: calc( -1 * (100vw / 1440 * 75 ));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery--magenta + .teaser-cta-basic {
    padding-top: calc( 80px + 100vw / 1440 * 75);
    margin-top: calc( -1 * (100vw / 1440 * 75 ));
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--magenta + .teaser-cta-basic {
    padding-top: calc( 100px + 100vw / 1440 * 75);
    margin-top: calc( -1 * (100vw / 1440 * 75 ));
  }
}

@media screen and (min-width: 1441px) {
  .o-gallery--magenta + .teaser-cta-basic {
    padding-top: 175px;
    margin-top: -75px;
  }
}

.outer-gallery-wrapper--images-grouped {
  overflow: hidden;
}

.o-gallery--images-grouped .outer-content-wrapper {
  margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery--images-grouped .outer-content-wrapper {
    padding-right: 0;
  }
  .o-gallery--images-grouped .outer-content-wrapper .a-headline, .o-gallery--images-grouped .outer-content-wrapper .o-accordeon .accordeon__title, .o-accordeon .o-gallery--images-grouped .outer-content-wrapper .accordeon__title {
    max-width: none;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--images-grouped .outer-content-wrapper {
    max-width: 1220px;
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 1;
    grid-area: 1 / 2 / 3 / 3;
    /* stylelint-enable */
  }
  .o-gallery--images-grouped .outer-content-wrapper .a-headline, .o-gallery--images-grouped .outer-content-wrapper .o-accordeon .accordeon__title, .o-accordeon .o-gallery--images-grouped .outer-content-wrapper .accordeon__title {
    max-width: none;
  }
}

@media only screen and (max-width: 767px) {
  .o-gallery--images-grouped .m-cover {
    width: calc( 50% - 20px);
  }
  .o-gallery--images-grouped .m-cover + .m-cover {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .o-gallery--images-grouped .m-cover {
    width: calc( 25% - 25px);
  }
  .o-gallery--images-grouped .m-cover + .m-cover {
    margin-left: 25px;
  }
}

/**
 * @description: Gallery for "Features & Benefits"
 * Slide = picture on the left, text on the right
 * Slide width: 1220px, left-aligned (Desktop), no slider but vertical order and
 * 50/50 layout (Tablet) and no slider but vertical order with full-width layout (Mobile)
 *
 * Grid has to be applied to outer wrapper, so that GlideJs can use .o-gallery
 * for calculating the correct slide width
 */
.outer-gallery-wrapper--scrolljacked {
  overflow: hidden;
}

@media only screen and (min-width: 1024px) {
  .outer-gallery-wrapper--scrolljacked {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr minmax(0, 220px) 1000px minmax(0, 220px) 1fr;
    grid-template-columns: 1fr minmax(0, 220px) 1000px minmax(0, 220px) 1fr;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery--scrolljacked .outer-content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (any-pointer: coarse) {
  .o-gallery--scrolljacked .outer-content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .o-gallery--scrolljacked .outer-content-wrapper > .a-headline, .o-gallery--scrolljacked .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-gallery--scrolljacked .outer-content-wrapper > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 34px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery--scrolljacked .outer-content-wrapper > .a-headline, .o-gallery--scrolljacked .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-gallery--scrolljacked .outer-content-wrapper > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 40px;
    line-height: 50px;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--scrolljacked .outer-content-wrapper > .a-headline, .o-gallery--scrolljacked .o-accordeon .outer-content-wrapper > .accordeon__title, .o-accordeon .o-gallery--scrolljacked .outer-content-wrapper > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 48px;
    line-height: 58px;
    width: 1000px;
    margin-left: auto;
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .o-gallery--scrolljacked .a-headline + .module__detailtext, .o-gallery--scrolljacked .o-accordeon .accordeon__title + .module__detailtext, .o-accordeon .o-gallery--scrolljacked .accordeon__title + .module__detailtext {
    margin-top: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery--scrolljacked .a-headline + .module__detailtext, .o-gallery--scrolljacked .o-accordeon .accordeon__title + .module__detailtext, .o-accordeon .o-gallery--scrolljacked .accordeon__title + .module__detailtext {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--scrolljacked .a-headline + .module__detailtext, .o-gallery--scrolljacked .o-accordeon .accordeon__title + .module__detailtext, .o-accordeon .o-gallery--scrolljacked .accordeon__title + .module__detailtext {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .o-gallery--scrolljacked .module__detailtext {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery--scrolljacked .module__detailtext {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--scrolljacked .module__detailtext {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto;
    width: 1000px;
  }
}

.o-gallery--scrolljacked .module__detailtext p:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .o-gallery--scrolljacked .a-headline + .glide__track, .o-gallery--scrolljacked .o-accordeon .accordeon__title + .glide__track, .o-accordeon .o-gallery--scrolljacked .accordeon__title + .glide__track,
  .o-gallery--scrolljacked .module__detailtext + .glide__track {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-gallery--scrolljacked .a-headline + .glide__track, .o-gallery--scrolljacked .o-accordeon .accordeon__title + .glide__track, .o-accordeon .o-gallery--scrolljacked .accordeon__title + .glide__track,
  .o-gallery--scrolljacked .module__detailtext + .glide__track {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--scrolljacked .a-headline + .glide__track, .o-gallery--scrolljacked .o-accordeon .accordeon__title + .glide__track, .o-accordeon .o-gallery--scrolljacked .accordeon__title + .glide__track,
  .o-gallery--scrolljacked .module__detailtext + .glide__track {
    margin-top: 65px;
  }
}

@media only screen and (max-width: 1023px) {
  .o-gallery--scrolljacked .glide__ui {
    position: relative;
    margin: 72px 0 0 auto;
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .o-gallery--scrolljacked .glide__ui {
    position: relative;
    margin: 72px 0 0 auto;
    width: 1000px;
  }
}

a.o-author:hover,
.o-author:hover {
  text-decoration: none;
}

a.o-author .author__image,
.o-author .author__image {
  border-radius: 50%;
  max-width: 400px;
}

a.o-author .author__image img,
.o-author .author__image img {
  border-radius: 50%;
  width: 100%;
  height: auto;
}

a.o-author .author__content,
.o-author .author__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

a.o-author .author__name,
.o-author .author__name {
  margin-top: 15px;
  font-family: 'TeleGroteskNext-Ultra', sans-serif;
  color: #262626;
}

@media only screen and (max-width: 767px) {
  a.o-author .author__name,
  .o-author .author__name {
    font-size: 24px;
    line-height: 29px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  a.o-author .author__name,
  .o-author .author__name {
    font-size: 26px;
    line-height: 31px;
  }
}

@media only screen and (min-width: 1024px) {
  a.o-author .author__name,
  .o-author .author__name {
    font-size: 28px;
    line-height: 33px;
  }
}

a.o-author .author__description,
.o-author .author__description {
  color: #e20074;
}

a.o-author .author__company,
.o-author .author__company {
  color: #262626;
}

@media only screen and (max-width: 767px) {
  a.o-author .author__company,
  a.o-author .author__description,
  .o-author .author__company,
  .o-author .author__description {
    font-size: 20px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  a.o-author .author__company,
  a.o-author .author__description,
  .o-author .author__company,
  .o-author .author__description {
    font-size: 22px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  a.o-author .author__company,
  a.o-author .author__description,
  .o-author .author__company,
  .o-author .author__description {
    font-size: 24px;
    line-height: 32px;
  }
}

.o-overlay-image-fullview {
  display: none;
  position: relative;
  z-index: 1000;
}

.o-overlay-image-fullview.is-active {
  height: 100vh;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr min-content;
  grid-template-rows: 1fr min-content;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .o-overlay-image-fullview.is-active {
    display: flex;
    flex-direction: column;
  }
}

.o-overlay-image-fullview .o-overlay-image-fullview__image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 20px 60px;
  overflow-x: auto;
  overflow-y: auto;
  min-width: 0;
  min-height: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .o-overlay-image-fullview .o-overlay-image-fullview__image-wrapper {
    display: block;
    text-align: center;
  }
}

.o-overlay-image-fullview .o-overlay-image-fullview__image-wrapper img {
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.o-overlay-image-fullview .o-overlay-image-fullview__image-description {
  display: flex;
  padding: 20px;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  line-height: 27px;
  color: #ffffff;
}

.o-overlay-image-fullview .o-overlay-image-fullview__button-close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 20px;
  padding: 10px;
  font-family: 'TeleIcon-Outline';
  font-size: 28px;
  line-height: 28px;
  width: 48px;
  height: 48px;
  color: #ffffff;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.8);
}

.o-pseudo-navigation {
  display: flex;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .o-pseudo-navigation {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-pseudo-navigation {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-pseudo-navigation {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .o-pseudo-navigation {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-pseudo-navigation {
    margin-top: 70px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-pseudo-navigation {
    margin: 105px auto 0;
  }
}

.o-pseudo-navigation .pseudo-navigation-wrapper {
  position: relative;
  overflow: hidden;
}

.o-pseudo-navigation .pseudo-navigation-wrapper::before, .o-pseudo-navigation .pseudo-navigation-wrapper::after {
  position: absolute;
  visibility: hidden;
  content: ' ';
  width: 20px;
  height: 100%;
  z-index: 2;
}

.o-pseudo-navigation .pseudo-navigation-wrapper::before {
  top: 0;
  left: 0;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}

.o-pseudo-navigation .pseudo-navigation-wrapper::after {
  right: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.o-pseudo-navigation .pseudo-navigation__arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: none;
  font-family: 'TeleIcon-Outline';
  color: #e20074;
  background-color: #ffffff;
}

.o-pseudo-navigation .pseudo-navigation__arrow.is-disabled {
  color: #d8d8d8;
}

.o-pseudo-navigation.is-scrollable .pseudo-navigation-wrapper::before, .o-pseudo-navigation.is-scrollable .pseudo-navigation-wrapper::after {
  visibility: visible;
}

.o-pseudo-navigation.is-scrollable .pseudo-navigation__arrow {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .o-navigation-anchor__wrapper {
    margin: 60px auto 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-navigation-anchor__wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin: 55px auto 0;
  }
}

@media only screen and (min-width: 1024px) {
  .o-navigation-anchor__wrapper {
    max-width: 1440px;
    margin: 105px auto 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 402px 598px 1fr;
    grid-template-columns: 1fr 402px 598px 1fr;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
  }
}

/**
 * @description: left component with navigation list
 */
.navigation-anchor__home {
  box-sizing: border-box;
  background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .navigation-anchor__home {
    width: 100%;
    padding: 50px 20px 55px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation-anchor__home {
    width: 41.6666666667%;
    padding: 45px 20px 55px 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .navigation-anchor__home {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 2 / 2 / 3;
    /* stylelint-enable */
    padding: 50px 0 55px;
  }
}

@media only screen and (max-width: 767px) {
  .navigation-anchor__home .a-headline, .navigation-anchor__home .o-accordeon .accordeon__title, .o-accordeon .navigation-anchor__home .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation-anchor__home .a-headline, .navigation-anchor__home .o-accordeon .accordeon__title, .o-accordeon .navigation-anchor__home .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .navigation-anchor__home .a-headline, .navigation-anchor__home .o-accordeon .accordeon__title, .o-accordeon .navigation-anchor__home .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

/**
 * @description: Wrapper for anchor navigation home
 */
@media only screen and (max-width: 767px) {
  .o-navigation-anchor {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-navigation-anchor {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-navigation-anchor {
    margin-top: 25px;
  }
}

/**
 * @description: right component with teaser-like component
 */
@media only screen and (max-width: 767px) {
  .navigation-anchor__teaser {
    margin: 60px 20px 0;
    width: calc( 100% - 40px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation-anchor__teaser {
    margin: 0 20px 0 auto;
    width: calc( 50% - 20px);
  }
}

@media only screen and (min-width: 1024px) {
  .navigation-anchor__teaser {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 1;
    grid-area: 1 / 3 / 3 / 4;
    /* stylelint-enable */
    margin-left: 85.3333333333px;
  }
}

@media only screen and (max-width: 767px) {
  .navigation-anchor__teaser .a-headline, .navigation-anchor__teaser .o-accordeon .accordeon__title, .o-accordeon .navigation-anchor__teaser .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 34px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation-anchor__teaser .a-headline, .navigation-anchor__teaser .o-accordeon .accordeon__title, .o-accordeon .navigation-anchor__teaser .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .navigation-anchor__teaser .a-headline, .navigation-anchor__teaser .o-accordeon .accordeon__title, .o-accordeon .navigation-anchor__teaser .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 48px;
    line-height: 58px;
  }
}

@media only screen and (max-width: 767px) {
  .navigation-anchor__teaser .teaser-default__teaser-text {
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation-anchor__teaser .teaser-default__teaser-text {
    font-size: 28px;
    line-height: 38px;
  }
}

@media only screen and (min-width: 1024px) {
  .navigation-anchor__teaser .teaser-default__teaser-text {
    font-size: 32px;
    line-height: 44px;
  }
}

/**
 * @description: white empty space left of anchor navigation home
 */
@media only screen and (max-width: 1023px) {
  .navigation-anchor__whitespace {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .navigation-anchor__whitespace {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 2 / 2;
    /* stylelint-enable */
    background-color: #ffffff;
  }
}

/**
 * @description: transparent empty space right of teaser element
 */
@media only screen and (max-width: 1023px) {
  .navigation-anchor__freespace {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .navigation-anchor__freespace {
    /* stylelint-disable */
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 4 / 2 / 5;
    /* stylelint-enable */
  }
}

.o-related-links {
  position: relative;
}

.o-related-links .a-headline, .o-related-links .o-accordeon .accordeon__title, .o-accordeon .o-related-links .accordeon__title {
  margin-top: 50px;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-related-links .a-headline, .o-related-links .o-accordeon .accordeon__title, .o-accordeon .o-related-links .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-related-links .a-headline, .o-related-links .o-accordeon .accordeon__title, .o-accordeon .o-related-links .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-related-links .a-headline, .o-related-links .o-accordeon .accordeon__title, .o-accordeon .o-related-links .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

.o-related-links .related-links__list-items {
  margin: 10px 0 0;
  padding: 0;
  list-style-type: none;
}

.o-related-links .related-links__list-item a {
  display: inline-block;
  color: #ffffff;
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .o-related-links .related-links__list-item a {
    margin-top: 18px;
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-related-links .related-links__list-item a {
    margin-top: 20px;
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-related-links .related-links__list-item a {
    margin-top: 25px;
    font-family: "TeleGroteskNext-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.o-podcast {
  padding-bottom: 60px;
}

.o-podcast > .a-headline, .o-accordeon .o-podcast > .accordeon__title {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .o-podcast > .a-headline, .o-accordeon .o-podcast > .accordeon__title {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-podcast > .a-headline, .o-accordeon .o-podcast > .accordeon__title {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-podcast > .a-headline, .o-accordeon .o-podcast > .accordeon__title {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .o-podcast > .a-headline, .o-accordeon .o-podcast > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-podcast > .a-headline, .o-accordeon .o-podcast > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-podcast > .a-headline, .o-accordeon .o-podcast > .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .o-podcast > .a-headline + .podcast__content-wrapper, .o-accordeon .o-podcast > .accordeon__title + .podcast__content-wrapper {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-podcast > .a-headline + .podcast__content-wrapper, .o-accordeon .o-podcast > .accordeon__title + .podcast__content-wrapper {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-podcast > .a-headline + .podcast__content-wrapper, .o-accordeon .o-podcast > .accordeon__title + .podcast__content-wrapper {
    margin-top: 50px;
  }
}

.o-podcast .podcast__content-wrapper {
  position: relative;
  padding-bottom: 60px;
}

.o-podcast .podcast__content-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  mix-blend-mode: multiply;
  background-color: #e20074;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .o-podcast .podcast__content-wrapper::before {
    opacity: 0.6;
  }
}

@supports (-ms-ime-align: auto) {
  .o-podcast .podcast__content-wrapper::before {
    opacity: 0.6;
  }
}

.o-podcast .podcast__content-wrapper > * {
  isolation: isolate;
}

.o-podcast .o-teaser-default::before {
  background-color: transparent;
  mix-blend-mode: normal;
}

.o-podcast .teaser-default--editorial {
  margin-top: 0;
  padding-bottom: 0;
  background-color: transparent;
}

@media only screen and (max-width: 1023px) {
  .o-podcast .teaser-default--editorial {
    padding-left: 0;
    padding-right: 0;
  }
}

.o-podcast .podigee-podcast-player {
  margin-top: 30px;
  background-color: #ffffff;
}

.o-price-module-teaser {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  background-color: #ffffff;
}

.o-price-module-teaser .a-textlink {
  display: inline-block;
  margin-top: 50px;
  text-decoration: none;
}

.price-module-teaser__content-wrapper {
  -ms-grid-row-align: stretch;
      align-self: stretch;
}

.price-module-teaser__intro {
  -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 20px;
  color: #ffffff;
  background-color: #e20074;
  font-family: "TeleGroteskNext-Ultra", sans-serif;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .price-module-teaser__intro {
    font-size: 24px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .price-module-teaser__intro {
    font-size: 28px;
    line-height: 32px;
  }
}

.price-module__teaser-option {
  padding-top: 30px;
}

.price-module__teaser-option:not(:first-child)::before {
  display: flex;
  flex-direction: column;
  margin: 5px auto 30px;
  content: '';
  height: 1px;
  width: 75px;
  background-color: #e20074;
}

.price-module__teaser-option-text1 {
  display: block;
  color: #e20074;
  font-family: "TeleGroteskNext-Ultra", sans-serif;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .price-module__teaser-option-text1 {
    font-size: 32px;
    line-height: 34px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .price-module__teaser-option-text1 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .price-module__teaser-option-text1 {
    font-size: 48px;
    line-height: 58px;
  }
}

.price-module__teaser-option-text2 {
  display: block;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .price-module__teaser-option-text2 {
    font-size: 15px;
    line-height: 23px;
  }
}

@media only screen and (min-width: 1024px) {
  .price-module__teaser-option-text2 {
    font-size: 19px;
    line-height: 27px;
  }
}

@media only screen and (max-width: 767px) {
  .o-price-module {
    margin-top: 60px;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-price-module {
    margin-top: 55px;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-price-module {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 105px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 767px) {
  .o-price-module {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 768px) and (max-width: 1023px) {
  .o-price-module {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .o-price-module {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.o-price-module sup {
  font-family: 'TeleGroteskNext-Medium';
}

@media only screen and (max-width: 767px) {
  .o-price-module .a-headline, .o-price-module .o-accordeon .accordeon__title, .o-accordeon .o-price-module .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-price-module .a-headline, .o-price-module .o-accordeon .accordeon__title, .o-accordeon .o-price-module .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-price-module .a-headline, .o-price-module .o-accordeon .accordeon__title, .o-accordeon .o-price-module .accordeon__title {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

.o-price-module .price-module__teaser-wrapper {
  display: -ms-grid;
  display: grid;
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .o-price-module .price-module__teaser-wrapper {
    grid-row-gap: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-price-module .price-module__teaser-wrapper {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 30px;
    grid-column-gap: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-price-module .price-module__teaser-wrapper {
    grid-row-gap: 30px;
    grid-column-gap: 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .price-module--with-3-teaser .price-module__teaser-wrapper {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media only screen and (min-width: 1024px) {
  .price-module--with-2-teaser .price-module__teaser-wrapper {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 768px) {
  .price-module--with-1-teaser .price-module__teaser-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .price-module--with-1-teaser .m-list--two-textfields {
    display: -ms-grid;
    display: grid;
    margin-top: 30px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .price-module--with-1-teaser .price-module__teaser-option {
    position: relative;
    padding: 20px;
  }
  .price-module--with-1-teaser .price-module__teaser-option::before {
    position: absolute;
    top: calc( 50% - 37px);
    left: 0;
    height: 75px;
    width: 1px;
    margin: 0 30px 0 0;
  }
  .price-module--with-1-teaser .price-module__teaser-option:nth-child(4n)::before {
    content: none;
  }
  .price-module--with-1-teaser .a-textlink {
    margin-top: 30px;
  }
}

.o-price-module .m-footnotes-list {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .o-price-module .m-footnotes-list {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-price-module .m-footnotes-list {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-price-module .m-footnotes-list {
    margin-top: 50px;
  }
}

.o-price-module .footnote-listitem a {
  color: #e20074;
}

.o-site-chooser {
  position: sticky;
  display: none;
  top: 0;
  height: 1px;
  z-index: 99;
}

.o-site-chooser.is-visible {
  display: block;
}

.site-chooser__wrapper {
  display: none;
  position: relative;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .site-chooser__wrapper {
    position: sticky;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .site-chooser__wrapper {
    left: 0;
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .site-chooser__wrapper {
    left: 0;
    width: 100%;
  }
}

.site-chooser__wrapper.is-visible {
  display: block;
}

.site-chooser__content {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background-color: rgba(38, 38, 38, 0.7);
}

@media only screen and (max-width: 767px) {
  .site-chooser__content {
    padding: 20px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .site-chooser__content {
    padding: 20px 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .site-chooser__content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 20px 12px;
  }
}

.site-chooser__type-area {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .site-chooser__type-area {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1024px) {
  .site-chooser__type-area {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 24px 0 50px;
  }
}

.site-chooser__detailtext {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .site-chooser__detailtext {
    width: calc( 100% - 22px - 20px);
    font-size: 14px;
    line-height: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .site-chooser__detailtext {
    width: calc( 100% - 22px - 20px);
    font-size: 16px;
    line-height: 23px;
  }
}

@media only screen and (min-width: 1024px) {
  .site-chooser__detailtext {
    margin-right: 12px;
    font-size: 16px;
    line-height: 23px;
  }
}

.site-chooser__actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media only screen and (max-width: 767px) {
  .site-chooser__actions {
    width: 100%;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .site-chooser__actions {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .site-chooser__actions {
    display: flex;
    flex-wrap: nowrap;
  }
}

.site-chooser__action {
  font-size: 20px;
  line-height: 21px;
  text-align: left;
}

@media only screen and (min-width: 1024px) {
  .site-chooser__action {
    min-width: 180px;
  }
}

.site-chooser__action--chooser {
  display: none;
}

.site-chooser__action--chooser.is-visible {
  display: block;
}

.site-chooser__action--goto {
  display: none;
}

.site-chooser__action--goto.is-visible {
  display: block;
}

.site-chooser__action--stay {
  margin-left: 12px;
}

.site-chooser__icon {
  color: #ffffff;
  cursor: pointer;
}

.site-chooser__icon::before {
  display: block;
}

@media only screen and (max-width: 767px) {
  .site-chooser__icon {
    position: absolute;
    top: 17px;
    right: 17px;
    width: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .site-chooser__icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  .site-chooser__icon {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 72px;
  }
}

/**
 *
 */
.site-chooser__navigation {
  display: none;
  width: 100%;
  background-color: rgba(38, 38, 38, 0.85);
}

@media only screen and (max-width: 767px) {
  .site-chooser__navigation {
    position: absolute;
    overflow-y: scroll;
    height: 100vh;
    padding: 20px 20px;
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .site-chooser__navigation {
    padding: 20px 20px;
    box-sizing: border-box;
  }
}

.site-chooser__navigation.is-visible {
  display: block;
}

.site-chooser__country-chooser {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .site-chooser__country-chooser {
    margin-top: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .site-chooser__country-chooser {
    margin-top: 14px;
  }
}

@media only screen and (min-width: 1024px) {
  .site-chooser__country-chooser {
    margin-left: 50px;
    margin-right: 50px;
    padding: 20px 12px;
  }
}

.site-chooser__country-chooser__list,
.site-chooser__country-chooser__continent,
.site-chooser__country-chooser__countries,
.site-chooser__country-chooser__country {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
}

@media only screen and (min-width: 768px) {
  .site-chooser__country-chooser__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr 1fr 1fr;
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .site-chooser__country-chooser__continent + .site-chooser__country-chooser__continent {
    margin-top: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .site-chooser__country-chooser__continent-label {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .site-chooser__country-chooser__continent-label {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .site-chooser__country-chooser__continent-label {
    font-family: "TeleGroteskNext-Ultra", sans-serif;
    font-size: 28px;
    line-height: 33px;
  }
}

@media only screen and (max-width: 767px) {
  .site-chooser__country-chooser__countries {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    margin-top: 30px;
  }
}

.site-chooser__country-chooser__country {
  border-top: 1px solid #ffffff;
}

@media only screen and (max-width: 767px) {
  .site-chooser__country-chooser__country {
    margin-right: 40px;
    padding-top: 12px;
    padding-bottom: 14px;
    font-size: 20px;
    line-height: 26px;
  }
  .site-chooser__country-chooser__country:nth-child(1), .site-chooser__country-chooser__country:nth-child(2) {
    border-top: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .site-chooser__country-chooser__country {
    margin-right: 25px;
    padding-top: 12px;
    padding-bottom: 14px;
    font-size: 20px;
    line-height: 26px;
  }
  .site-chooser__country-chooser__country:nth-child(1) {
    border-top: none;
  }
}

@media only screen and (min-width: 1024px) {
  .site-chooser__country-chooser__country {
    font-size: 22px;
    line-height: 28px;
    margin-right: 25px;
    padding-top: 14px;
    padding-bottom: 16px;
  }
  .site-chooser__country-chooser__country:nth-child(1) {
    border-top: none;
  }
}

.site-chooser__country-chooser__country-link {
  color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .site-chooser__country-chooser__continent:nth-child(1) .site-chooser__country-chooser__countries {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
  }
  .site-chooser__country-chooser__continent:nth-child(1) .site-chooser__country-chooser__country:nth-child(1), .site-chooser__country-chooser__continent:nth-child(1) .site-chooser__country-chooser__country:nth-child(2) {
    border-top: none;
  }
}

@media only screen and (max-width: 767px) {
  .o-flower,
  .o-teaser-collection,
  .teaser-cta,
  .teaser-default--editorial,
  .teaser-default--editorial-black,
  .o-collection-download,
  .o-text-image,
  .o-gallery,
  .o-podcast,
  .o-footer:not(.o-footer--onepager) {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-flower,
  .o-teaser-collection,
  .teaser-cta,
  .teaser-default--editorial,
  .teaser-default--editorial-black,
  .o-collection-download,
  .o-text-image,
  .o-gallery,
  .o-podcast,
  .o-footer:not(.o-footer--onepager) {
    margin-top: 55px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-flower,
  .o-teaser-collection,
  .teaser-cta,
  .teaser-default--editorial,
  .teaser-default--editorial-black,
  .o-collection-download,
  .o-text-image,
  .o-gallery,
  .o-podcast,
  .o-footer:not(.o-footer--onepager) {
    margin-top: 105px;
  }
}

.teaser-cta-hero + .o-footer {
  margin-top: 0;
}

.o-teaser-collection-m .teaser-wrapper {
  margin-top: 0;
}

.o-teaser-collection--zdf .wave-border__bottom,
.text-image--quote .wave-border__bottom {
  margin-top: -1px;
}

/**
 * @description: Teaser collection proofpoints
 * Due to their relationship with the hero, they have a smaller margin
 * between breadcrumb & teaser collection.
 * No designs for mobile & tablet
 */
.o-teaser-collection--proofpoints {
  margin-top: 40px;
}

/* ------------------------------------*\
	Pages
\* ------------------------------------ */


/* news-teaser */

.o-teaser-collection--related-topic {
  background-color: #ededed;
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--related-topic .o-teaser-default {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25% 1fr;
    grid-template-columns: 25% 1fr;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--news-view .teaser-default__content-wrapper:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--news-view .teaser-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 33.3333333333% 33.3333333333% 33.3333333333%;
    grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%;
  }

  .o-teaser-collection--news-view .teaser-default__image+.teaser-default__content-wrapper .a-category {
    margin-top: 30px;
  }
}

.o-teaser-collection--news-view .button-wrapper {
  margin: 20px 12px 0;
}

.o-teaser-collection--news-view .button-wrapper .a-textlink {
  display: inline-block;
}

.o-teaser-collection--news-view,
.o-teaser-collection--related-topic {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {

  .o-teaser-collection--news-view .a-category,
  .o-teaser-collection--related-topic .a-category {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 1023px) {

  .o-teaser-collection--news-view,
  .o-teaser-collection--related-topic {
    padding: 95px 0 85px;
  }
}

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

  .o-teaser-collection--news-view,
  .o-teaser-collection--related-topic {
    padding: 110px 0 100px;
  }
}

.o-teaser-collection--news-view .teaser-wrapper,
.o-teaser-collection--related-topic .teaser-wrapper {
  margin-top: 50px;
}

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

  .o-teaser-collection--news-view .teaser-wrapper,
  .o-teaser-collection--related-topic .teaser-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    max-width: 1024px;
  }
}

.o-teaser-collection--news-view .button-wrapper,
.o-teaser-collection--related-topic .button-wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 50px auto 0;
}

@media only screen and (max-width: 767px) {

  .o-teaser-collection--news-view .button-wrapper,
  .o-teaser-collection--related-topic .button-wrapper {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  .o-teaser-collection--news-view .button-wrapper,
  .o-teaser-collection--related-topic .button-wrapper {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

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

  .o-teaser-collection--news-view .button-wrapper,
  .o-teaser-collection--related-topic .button-wrapper {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.o-teaser-collection--news-view .o-teaser-default,
.o-teaser-collection--related-topic .o-teaser-default {
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {

  .o-teaser-collection--news-view .o-teaser-default,
  .o-teaser-collection--related-topic .o-teaser-default {
    display: block;
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  .o-teaser-collection--news-view .o-teaser-default,
  .o-teaser-collection--related-topic .o-teaser-default {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 33.3333333333% 1fr;
    grid-template-columns: 33.3333333333% 1fr;
  }
}

.o-teaser-collection--news-view .teaser-default__image,
.o-teaser-collection--related-topic .teaser-default__image {
  overflow: hidden;
}

@media only screen and (max-width: 767px) {

  .o-teaser-collection--news-view .teaser-default__image,
  .o-teaser-collection--related-topic .teaser-default__image {
    margin: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  .o-teaser-collection--news-view .teaser-default__image,
  .o-teaser-collection--related-topic .teaser-default__image {
    margin: 0 20px;
  }
}

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

  .o-teaser-collection--news-view .teaser-default__image,
  .o-teaser-collection--related-topic .teaser-default__image {
    margin: 0 12px;
  }
}

@media only screen and (max-width: 767px) {

  .o-teaser-collection--news-view .teaser-default__content-wrapper,
  .o-teaser-collection--related-topic .teaser-default__content-wrapper {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  .o-teaser-collection--news-view .teaser-default__content-wrapper,
  .o-teaser-collection--related-topic .teaser-default__content-wrapper {
    padding: 0 20px;
  }
}

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

  .o-teaser-collection--news-view .teaser-default__content-wrapper,
  .o-teaser-collection--related-topic .teaser-default__content-wrapper {
    padding: 0 12px;
  }
}

.o-accordeon .o-teaser-collection--news-view .teaser-default__content-wrapper .accordeon__title,
.o-accordeon .o-teaser-collection--related-topic .teaser-default__content-wrapper .accordeon__title,
.o-teaser-collection--news-view .teaser-default__content-wrapper .a-headline,
.o-teaser-collection--news-view .teaser-default__content-wrapper .o-accordeon .accordeon__title,
.o-teaser-collection--related-topic .teaser-default__content-wrapper .a-headline,
.o-teaser-collection--related-topic .teaser-default__content-wrapper .o-accordeon .accordeon__title {
  margin-top: 7px;
}

@media only screen and (max-width: 767px) {

  .o-teaser-collection--news-view .teaser-default__teaser-text,
  .o-teaser-collection--related-topic .teaser-default__teaser-text {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  .o-teaser-collection--news-view .teaser-default__teaser-text,
  .o-teaser-collection--related-topic .teaser-default__teaser-text {
    margin-top: 10px;
  }
}

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

  .o-teaser-collection--news-view .teaser-default__teaser-text,
  .o-teaser-collection--related-topic .teaser-default__teaser-text {
    margin-top: 20px;
  }
}

.o-teaser-collection--news-view+.o-footer,
.o-teaser-collection--related-topic+.o-footer {
  margin-top: 0;
}