@charset "UTF-8";
/* ---------------------------------------------------------------- *\
 Complementary styles for SFMC pages (like preference center).
 These styles are included in html after t5.css,
 overwriting styles with similar specificity in return.

 To build sfmc.css and t5.css use :sfmc postfix in grunt workflows.
 E.g. buildCss:sfmc and watch:sfmc.
\* ---------------------------------------------------------------- */
/* ------------------------------------ *\
 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
 */
/**
 * Price Module
 */
/**
 * Icon fonts
 */
@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;
}

/**
 * Bread'n'butter fonts
 */
@font-face {
  font-family: 'TeleNeoWeb-Regular';
  src: url("../../fonts/TeleNeoWeb-Regular.woff2") format("woff2"), url("../../fonts/TeleNeoWeb-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

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

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

@font-face {
  font-family: 'TeleNeoWeb-MediumItalic';
  src: url("../../fonts/TeleNeoWeb-MediumItalic.woff2") format("woff2"), url("../../fonts/TeleNeoWeb-MediumItalic.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

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

@font-face {
  font-family: 'TeleNeoWeb-BoldItalic';
  src: url("../../fonts/TeleNeoWeb-BoldItalic.woff2") format("woff2"), url("../../fonts/TeleNeoWeb-BoldItalic.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'TeleNeoWeb-ExtraBold';
  src: url("../../fonts/TeleNeoWeb-ExtraBold.woff2") format("woff2"), url("../../fonts/TeleNeoWeb-ExtraBold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'TeleNeoWeb-ExtraBoldItalic';
  src: url("../../fonts/TeleNeoWeb-ExtraBoldItalic.woff2") format("woff2"), url("../../fonts/TeleNeoWeb-ExtraBoldItalic.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 */
  -webkit-text-decoration: underline dotted;
          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: Maps an ratio to the viewport (= vw units)
 * @example: ratioToVw( 3, 2 ) = 66.6666666667vw
 *     Give a box the width of 100% and height 66.667vw --> Ratio of 3:2
 *
 * @example: ratioToVw( 3, 2, 50 ) = 33.33333334vw
 *     Give a box the width of 50% and height 33.334vw --> Ratio of 3:2
 */
/**
 * @description: Calculates grid area for each price-module-teaser in a GlideJS slide
 * @description: Must be used in viewtyped o-price-module-teaser
 */
/**
 * @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: Some more styles, for unifying some styling
 */
/**
 * @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--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--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--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--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;
  -webkit-clip-path: inset(100%) !important;
          clip-path: inset(100%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  /* stylelint-enable */
}

/* stylelint-disable */
.is-hidden {
  display: none !important;
}

/* stylelint-enable */
/* ------------------------------------ *\
 Bases
\* ------------------------------------ */
html,
body {
  scroll-padding-top: 74px;
}

body {
  font-family: "TeleNeoWeb-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("https://image.mail.t-systems.net/lib/fe3e11717564057d761073/m/1/ecef4255-66f2-49cc-9e5f-96a431864ae1.jpg");
  }
}

@media only screen and (max-width: 767px) {
  body {
    background-image: url("https://image.mail.t-systems.net/lib/fe3e11717564057d761073/m/1/29b1b91b-2894-4f64-944c-32c6e97623d1.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';
  }
}

/**
 * Lets page stretch over full viewport length, resulting in footer fixed to viewport bottom if content short enough.
 * This modifier is especially useful for page types that are likely to display few content objects (e.g. /pages-sfmc/preference-center-data-processing.hbs).
 */
.page--full-height {
  min-height: calc( 100vh - 122px);
  display: flex;
  flex-direction: column;
}

.page--full-height > *:nth-last-child(2) {
  margin-bottom: auto;
}

/**
 * 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: "TeleNeoWeb-ExtraBold", sans-serif;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/**
 * Neutralizing outline triggered by :focus pseudo class on divs,
 * because they natively can't receive focus unless tabindex was added via smooth scrolling.
 * In this case the elements are not to be outlined as they are organisms and not input/link elements.
 */
div:focus {
  outline: none;
}

/* ------------------------------------ *\
 Atoms
\* ------------------------------------ */
.a-btn-positiv, .a-btn, .o-teaser-default .a-textlink, .teaser-default--offer .teaser-default__pseudo-btn, .a-textlink.btn--cta, .richtext-wrapper .a-textlink.btn, .o-teaser-collection .teaser-collection__btn, .o-teaser-collection--news-view .button-wrapper .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, .a-textlink.btn--cta:hover, .richtext-wrapper .a-textlink.btn: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 .teaser-collection__btn:hover, .o-teaser-collection--news-view .button-wrapper .a-textlink:hover {
  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, .a-textlink.btn--cta:disabled, .richtext-wrapper .a-textlink.btn:disabled, .o-teaser-collection .teaser-collection__btn:disabled, .o-teaser-collection--news-view .button-wrapper .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, .a-textlink.btn--cta:disabled:hover, .richtext-wrapper .a-textlink.btn: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 .teaser-collection__btn:disabled:hover, .o-teaser-collection--news-view .button-wrapper .a-textlink:disabled:hover {
  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-basic-light .a-textlink.btn, .o-teaser-default.teaser-cta-hero .content-wrapper .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-basic-light .a-textlink.btn:hover, .o-teaser-default.teaser-cta-hero .content-wrapper .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, .a-textlink.btn--ghost {
  cursor: pointer;
  color: #e20074;
  border: 1px solid #e20074;
  border-radius: 2px;
  background-color: transparent;
}

.a-btn-outline:hover, .a-textlink.btn--ghost: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 {
  padding: 13px 15px;
}

@media only screen and (max-width: 767px) {
  .a-btn, .o-teaser-default .a-textlink, .teaser-default--offer .teaser-default__pseudo-btn {
    font-family: "TeleNeoWeb-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 {
    font-family: "TeleNeoWeb-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 {
    font-family: "TeleNeoWeb-Regular", sans-serif;
    font-size: 24px;
    line-height: 22px;
  }
}

.a-btn--icon {
  -webkit-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;
          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;
  }
}

@media only screen and (min-width: 1024px) {
  .a-btn--play {
    height: 70px;
    width: 70px;
  }
}

.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-btn--toggle {
  background-color: #000000;
  border-radius: 2px;
  border: 1px solid #000000;
}

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

@media only screen and (min-width: 768px) {
  .a-btn--toggle {
    height: 50px;
  }
}

.a-btn--toggle:hover {
  background-color: #ffffff;
  color: #000000;
}

.a-fab__btn {
  display: block;
  flex-grow: 1;
  font-family: "TeleNeoWeb-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;
}

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

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

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

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

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

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

.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 {
  display: inline-block;
  margin-left: 1px;
  margin-right: 3px;
  font-family: 'Context-Icons';
  line-height: 1;
  text-decoration: none;
  content: '\e00c';
  transform: translateY(-7px) rotate(315deg);
}

@media only screen and (max-width: 1023px) {
  .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 {
    font-size: 0.727em;
  }
}

@media only screen and (min-width: 1024px) {
  .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 {
    font-size: 0.667em;
  }
}

.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: "TeleNeoWeb-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: "TeleNeoWeb-Regular", sans-serif;
    font-size: 22px;
    line-height: 22px;
  }
}

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

.a-textlink.btn--cta {
  display: inline-block;
}

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

.a-textlink.btn--ghost {
  display: inline-block;
}

.a-textlink.btn--ghost:hover {
  color: #ffffff;
  background-color: #e20074;
  text-decoration: none;
}

.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-textlink--linkedin::before {
  font-family: 'Context-Icons';
  content: '\e004';
}

.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-footnote {
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  font-size: 21px;
  line-height: 12px;
  height: 12px;
  width: 12px;
  color: currentColor;
}

.richtext-wrapper .footnote-item,
.richtext-wrapper .footnote-item a, .m-form__line--toggle-list .form__element__info {
  font-family: "TeleNeoWeb-Regular", sans-serif;
}

@media only screen and (max-width: 1023px) {
  .richtext-wrapper .footnote-item,
  .richtext-wrapper .footnote-item a, .m-form__line--toggle-list .form__element__info {
    font-size: 16px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  .richtext-wrapper .footnote-item,
  .richtext-wrapper .footnote-item a, .m-form__line--toggle-list .form__element__info {
    font-size: 18px;
    line-height: 24px;
  }
}

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

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

.wave-border__top {
  max-height: 128px;
  height: 8.8888888889vw;
  background-image: url("../../images/wave-border-top.png");
}

.wave-border__bottom {
  max-height: 80px;
  height: 5.5555555556vw;
  margin-top: -2px;
  background-image: url("../../images/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-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 {
  font-family: 'Context-Icons';
}

.a-icon--globe::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: " (" attr(https://image.mail.t-systems.net/lib/fe3e11717564057d761073/m/1/115a216b-ebf2-4988-a5da-16cd77e7f1be.png) ")";;
}

.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--wechat {
  font-family: 'Context-Icons';
}

.a-icon--wechat::before {
  content: "";
}

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

.a-icon--calendar::before {
  content: "";
}

.a-icon--privacy, .footer__nav-item .is-privacy::before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA0NiA1NCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiAgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+PHJlY3QgeD0iLTkiIHk9Ii02IiB3aWR0aD0iNjQuMDAxIiBoZWlnaHQ9IjY0IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpub256ZXJvOyIvPjxwYXRoIGQ9Ik0yMy4wMTMsLTAuMDA1bC0yMywwbDAsMzEuMDA2YzAsMTIuNyAxMC4zLDIzIDIzLDIzYzEyLjcsMCAyMywtMTAuMyAyMywtMjNsMCwtMzEuMDA2bC0yMywwWiIgc3R5bGU9ImZpbGw6dXJsKCNfTGluZWFyMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PHBhdGggZD0iTTUuMDU3LDVsMCwyNi4wMDJjMCw5LjgzMSA4LjA2MiwxNy44MDUgMTgsMTcuODA1YzkuOTM4LDAgMTgsLTcuOTc0IDE4LC0xNy44MDVsMCwtMjYuMDAybC0zNiwwWiIgc3R5bGU9ImZpbGw6dXJsKCNfTGluZWFyMik7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PHBhdGggZD0iTTIzLjAxMywtMC4wMDVsMCw1NC4wMTFjMC4xLC0wLjAwNSAwLC0wLjAwNSAwLC0wLjAwNWMtMTIuNywwIC0yMywtMTAuMyAtMjMsLTIzbDAsLTUuNWwwLC0yNS41MDZsMjMsMFoiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1vcGFjaXR5OjAuMztmaWxsLXJ1bGU6bm9uemVybzsiLz48cGF0aCBkPSJNMjMuMDExLDI3YzMsMCA1LjQsLTIuNCA1LjQsLTUuNGwwLC0zLjNjMCwtMyAtMi40LC01LjM5OSAtNS40LC01LjM5OWMtMywwIC01LjQsMi4zOTkgLTUuNCw1LjM5OWwwLDMuM2MwLjEsMyAyLjQ5OSw1LjQgNS40LDUuNFptNS45OSwybC0xMS42MDEsMGMtMywtMC4wNDMgLTUuMzk5LDEuOTU3IC01LjM5OSw1bDIyLjMsMGMwLjA5OSwtMy4wNDMgLTIuMywtNS4wNDMgLTUuMywtNVoiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1vcGFjaXR5OjAuOTtmaWxsLXJ1bGU6bm9uemVybzsiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9Il9MaW5lYXIxIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMy43ODIyMWUtMTUsLTYxLjc2ODIsNjEuNzY4MiwzLjc4MjIxZS0xNSwyMy4wMTI3LDYwLjM1MjUpIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNhNmE2YWU7c3RvcC1vcGFjaXR5OjEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNkYWRhZTI7c3RvcC1vcGFjaXR5OjEiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iX0xpbmVhcjIiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgyLjY4Njk3ZS0xNSw0My44ODE1LC00My44ODE1LDIuNjg2OTdlLTE1LDIzLjA1NjcsNC45MjUyKSI+PHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojZmYzMzljO3N0b3Atb3BhY2l0eToxIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojZTIwMDc0O3N0b3Atb3BhY2l0eToxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+");
  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);
}

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

@media only screen and (max-width: 767px) {
  .a-richtext__infobox {
    font-family: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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 {
  color: #262626;
}

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

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

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

.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: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

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

@media only screen and (min-width: 1024px) {
  .richtext-wrapper h3 {
    font-family: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

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

.richtext-wrapper > p {
  margin-left: 0;
  margin-right: 0;
}

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

.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 .a-textlink.btn {
  display: inline-block;
  font-family: "TeleNeoWeb-Regular", sans-serif !important;
  text-decoration: none;
}

.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: "TeleNeoWeb-ExtraBold", sans-serif;
}

.richtext-wrapper tr:not(:first-child) p {
  color: #262626;
}

.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,
.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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-Regular", sans-serif;
    font-size: 19px;
    line-height: 33px;
  }
}

/**
 * @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;
}

@media only screen and (min-width: 1024px){
  .checkbox__label{
    width: 170px;
    word-wrap: break-word;
    max-width: 200px;
    margin-top: 31px;
    height: 64px;
  }
}

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

@media only screen and (max-width: 767px) {
form__label checkbox__label{
   width:170px;
}
  .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: "TeleNeoWeb-Regular", sans-serif;
  font-size: 20px;
  line-height: 32px;
  border: 1px solid #a4a4a4;
  border-radius: 4px;
}

.form__ui--select {
  padding: 8px 16px;
  font-family: "TeleNeoWeb-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: "TeleNeoWeb-Regular", sans-serif;
  font-size: 17px;
  color: #e60000;
}

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

/* ------------------------------------ *\
 Molecules
\* ------------------------------------ */
/**
 * @description: Black bar with country chooser and language switch
 */
.m-header-international {
  height: 38px;
  color: #ffffff;
  background-color: #000000;
}

.m-header-international .header__language-country {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  max-width: 1024px;
  display: flex;
  justify-content: flex-end;
}

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

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

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

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-header-international .header__language-country {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-header-international .header__language-country {
    position: relative;
    width: calc( 100% - 24px);
  }
}

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

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

.m-header-international .language-item.is-active {
  font-family: "TeleNeoWeb-ExtraBold", sans-serif;
}

.m-header-international .language-item + .language-item::before {
  content: '|';
  font-family: "TeleNeoWeb-Regular", sans-serif;
}

.m-header-international .header__user {
  -webkit-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  background-color: transparent;
}

@media only screen and (max-width: 767px) {
  .m-header-international .header__user {
    margin-left: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .m-header-international .header__user {
    margin: 0 10px 0 40px;
  }
}

.m-header-international .header__user:hover * {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .m-header-international .header__user-label {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .m-header-international .header__user-label {
    color: #ffffff;
    font-size: 17px;
    line-height: 38px;
    margin-left: 3px;
  }
}

.has-user-flyout-visible .navigation__overlay {
  position: fixed;
  top: 38px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 110;
}

/**
 * @description: Magenta bar with logo and claim
 */
.m-header__brandbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 84px;
  color: #ffffff;
  background-color: #e20074;
}

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

@media only screen and (max-width: 767px) {
  .m-header__brandbar .m-brandbar {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}

@media only screen and (max-width: 1023px) {
  .m-header__brandbar .a-image--logo {
    height: 38px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-header__brandbar .a-image--logo {
    height: 36.44px;
  }
}

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

@media only screen and (min-width: 768px) {
  .m-header__brandbar .a-image--claim {
    margin-bottom: 2px;
    height: 28px;
  }
}

.header__brandbar--white {
  background-color: #ffffff;
}

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

/**
 * @description: White bar with menu and shortcuts
 */
.m-header__navbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  min-height: 74px;
  background-color: #ffffff;
  border-bottom: 1px solid #ededed;
}

.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--magazine.o-teaser-collection {
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  min-height: 32px;
}

@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--magazine.o-teaser-collection {
    max-width: 1024px;
    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 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    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__navbar .m-header__navbar__logo {
  pointer-events: none;
  position: absolute;
  width: 220px;
  height: auto;
  transition: opacity 300ms ease-in-out;
  transition-delay: 300ms;
  transform: translateX(-50%);
  opacity: 0;
}

@media only screen and (max-width: 1023px) {
  .m-header__navbar .m-header__navbar__logo {
    left: 172px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-header__navbar .m-header__navbar__logo {
    left: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
}

.m-header__navbar .m-header__navbar__logo .a-link {
  pointer-events: none;
  display: block;
  height: 28px;
  margin-top: 3px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-header__navbar .m-header__navbar__logo .a-link {
    margin-right: 38px;
  }
}

.m-header__navbar .m-navigation__shortcuts {
  position: relative;
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
  transition-delay: 300ms;
  transform: translateY(0);
  opacity: 0;
}

.m-header__navbar.is-built .m-navigation__shortcuts {
  opacity: 1;
}

.m-header__navbar.is-sticky .m-navigation__shortcuts {
  transform: translateY(-100px);
  opacity: 0;
}

.m-header__navbar.is-sticky .m-header__navbar__logo {
  pointer-events: auto;
  opacity: 1;
}

.m-header__navbar.is-sticky .m-header__navbar__logo .a-link {
  pointer-events: auto;
}

/**
 * @description: should only appear in the preview. Contains informations
 * for the editors
 */
.header__navbar-studionotes {
  position: absolute;
  top: 75px;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform ease-out 250ms;
}

.header__navbar-studionotes .content {
  margin: 0 auto;
  max-width: 1000px;
  width: calc( 100% - (12px * 2));
}

.m-header__navbar:hover .header__navbar-studionotes, .header__navbar-studionotes:hover {
  transform: scaleY(1);
}

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

.m-header-bpbar .header-bpbar__logo {
  font-family: "TeleNeoWeb-ExtraBold", 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--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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-Regular", sans-serif;
    font-size: 19px;
    line-height: 33px;
  }
}

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

.m-form__line--checkboxes .richtext-wrapper p:first-child {
  margin-top: 0;
}

/**
 * @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--headline-h3 .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-form__line--headline.m-form__line--headline-h3 .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-form__line--headline.m-form__line--headline-h3 .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

/**
 *
 */
@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;
}

@media only screen and (max-width: 767px) {
  .m-form__line--toggle-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-form__line--toggle-list {
    grid-row-gap: 28px;
  }
}

@media only screen and (min-width: 768px) {
  .m-form__line--toggle-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    grid-column-gap: 65px;
    justify-content: start;
    justify-items: start;
    align-items: start;
  }
}

@media only screen and (min-width: 1024px) {
  .m-form__line--toggle-list {
    grid-row-gap: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .m-form__line--toggle-list .form__element__text:not(:first-child) {
    margin-top: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-form__line--toggle-list .form__element__text {
    margin-top: 6px;
  }
}

@media only screen and (min-width: 768px) {
  .m-form__line--toggle-list .form__element__text {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
  }
}

@media only screen and (min-width: 1024px) {
  .m-form__line--toggle-list .form__element__text {
    margin-top: 4px;
  }
}

.m-form__line--toggle-list .form__element__text * {
  margin-top: 0;
  margin-bottom: 0;
}

.m-form__line--toggle-list .form__toggle__block {
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 767px) {
  .m-form__line--toggle-list .form__toggle__block {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .m-form__line--toggle-list .form__toggle__block {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
  }
}

.m-form__line--toggle-list .m-form__wtf-control--toggle {
  align-self: flex-start;
  margin-left: 5px;
}

.m-form__line--toggle-list .form__element__info {
  -ms-grid-row-align: center;
      align-self: center;
}

@media only screen and (max-width: 767px) {
  .m-form__line--toggle-list .form__element__info {
    margin-top: 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-form__line--toggle-list .form__element__info {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-form__line--toggle-list .form__element__info {
    margin-top: 12px;
  }
}

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

@media only screen and (max-width: 1023px) {
  .m-form__wtf-control {
    max-width: calc( 100% - 40px);
  }
}

.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;
  -webkit-user-select: none;
      -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;
}

.m-form__wtf-control--checkbox.is-required .richtext-wrapper::after {
  content: none;
}

.m-form__wtf-control--checkbox.is-required .richtext-wrapper > p:last-of-type::after {
  content: '*';
}

/**
 * @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;
          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;
  }
}

/**
 * @description: Visible UI element of form element
 * Toggle (switch)
 */
.m-form__wtf-control--toggle {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 60px max-content;
  grid-template-columns: 60px max-content;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  grid-column-gap: 25px;
  align-items: center;
  width: max-content;
  max-width: 100%;
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  .m-form__wtf-control--toggle {
    font-family: "TeleNeoWeb-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .m-form__wtf-control--toggle {
    font-family: "TeleNeoWeb-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .m-form__wtf-control--toggle {
    font-family: "TeleNeoWeb-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.m-form__wtf-control--toggle .form__wtf-control__indicator {
  position: relative;
  top: 0;
  width: 60px;
  height: 25px;
  background-color: #c4c6c5;
  border-radius: 24px;
  border: 0 solid transparent;
  cursor: pointer;
  box-shadow: 0 1px 2px 0 inset rgba(0, 0, 0, 0.1);
}

.m-form__wtf-control--toggle .form__wtf-control__indicator::after {
  position: absolute;
  top: 50%;
  left: -5px;
  content: '';
  display: block;
  width: 35px;
  height: 35px;
  background-color: #ededed;
  border-radius: 50%;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  transform: translateY(-50%);
}

.m-form__wtf-control--toggle input:checked ~ .form__wtf-control__indicator {
  background-color: #faa6d0;
}

.m-form__wtf-control--toggle input:checked ~ .form__wtf-control__indicator::after {
  left: calc( 100% - 30px);
  background-color: #e20074;
}

.m-form__wtf-control--toggle .form__label {
  font-size: 22px;
}

.m-form__wtf-control--toggle .form__label::before {
  content: attr(data-label-disabled);
}

.m-form__wtf-control--toggle input:checked ~ .form__label::before {
  content: attr(data-label-enabled);
}

.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;
  padding-left: 20px;
  padding-right: 20px;
}

/* ------------------------------------ *\
 Organisms
\* ------------------------------------ */
.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: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-text-image .text-image__headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .o-text-image .text-image__headline.text-image__headline--introduction {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 32px;
    line-height: 34px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-text-image .text-image__headline.text-image__headline--introduction {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-text-image .text-image__headline.text-image__headline--introduction {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 48px;
    line-height: 58px;
  }
}

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

.o-text-image .o-video {
  align-self: flex-start;
}

.o-text-image .third-party-cookies-layer--default.third-party-cookies-layer--video .third-party-cookies-layer__background {
  margin: 0;
}

.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__headline--introduction {
    margin-right: 25%;
  }
  .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__top,
.text-image--quote .wave-border__bottom {
  z-index: 0;
}

.text-image--quote .text-image--quote__background {
  background: #e20074;
  z-index: 0;
}

.text-image--quote .text-image__richtext-wrapper {
  color: #ffffff;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .text-image--quote .text-image__richtext-wrapper blockquote {
    font-family: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-Regular", sans-serif;
    font-size: 48px;
    line-height: 54px;
  }
}

.text-image--quote .text-image__richtext-wrapper blockquote::before {
  content: '„';
  font-family: "TeleNeoWeb-ExtraBold", 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;
    float: left;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--quote .text-image__richtext-wrapper blockquote::before {
    float: left;
    font-size: 150px;
    margin-top: -45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--quote .text-image__richtext-wrapper p {
    margin-left: 93px;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--quote .text-image__richtext-wrapper p {
    margin-left: 95px;
  }
}

.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: 44px;
  }
  .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--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: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--intro .text-image__headline {
    font-family: "TeleNeoWeb-ExtraBold", 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 */
  font-family: "TeleNeoWeb-Regular", sans-serif;
}

@media only screen and (max-width: 767px) {
  .text-image--intro .text-image__richtext-wrapper {
    font-size: 22px;
    line-height: 28px;
    padding-left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-image--intro .text-image__richtext-wrapper {
    font-size: 28px;
    line-height: 38px;
    padding-left: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .text-image--intro .text-image__richtext-wrapper {
    font-size: 32px;
    line-height: 44px;
    padding-left: calc( 8.3333333333% + 12px);
  }
}

.text-image--intro .text-image__richtext-wrapper a:not([href^='tel']),
.text-image--intro .text-image__richtext-wrapper p:not(.footnote-item) {
  margin: 0;
}

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

.text-image--left .third-party-cookies-layer--default .third-party-cookies-layer__content,
.text-image--right .third-party-cookies-layer--default .third-party-cookies-layer__content,
.text-image--floated .third-party-cookies-layer--default .third-party-cookies-layer__content {
  width: 90%;
}

.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 {
  display: block;
}

@media only screen and (max-width: 767px) {
  .o-forms .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 24px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-forms .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-forms .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 28px;
    line-height: 33px;
  }
}

.o-forms .o-text-image {
  grid-column-gap: 0;
}

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

.forms--sfmc {
  /**
  * Email-input whitespace must block whole row, while input-field stays 50% wide
  */
}

@media only screen and (max-width: 767px) {
  .forms--sfmc form > .m-form__line--headline-h3,
  .forms--sfmc form > .o-teaser-collection--with-toggle {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .forms--sfmc form > .m-form__line--headline-h3,
  .forms--sfmc form > .o-teaser-collection--with-toggle {
    margin-top: 55px;
  }
}

@media only screen and (min-width: 1024px) {
  .forms--sfmc form > .m-form__line--headline-h3,
  .forms--sfmc form > .o-teaser-collection--with-toggle {
    margin-top: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .forms--sfmc form > .m-form__line--headline-h3 {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .forms--sfmc .m-form__line--headline + .form__row-wrapper {
    margin-top: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .forms--sfmc .m-form__line--headline + .form__row-wrapper {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .forms--sfmc .m-form__line--headline + .form__row-wrapper {
    margin-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .forms--sfmc .form__row-wrapper + .form__row-wrapper {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .forms--sfmc .form__row-wrapper + .form__row-wrapper {
    margin-top: 45px;
  }
}

@media only screen and (min-width: 1024px) {
  .forms--sfmc .form__row-wrapper + .form__row-wrapper {
    margin-top: 65px;
  }
}

@media only screen and (max-width: 767px) {
  .forms--sfmc .o-teaser-collection--with-toggle > .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 28px;
    line-height: 32px;    
    color: #e20074;
  }
  .forms--sfmc .o-teaser-collection--with-toggle > .a-headline :hover{ 
    color: #262626;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .forms--sfmc .o-teaser-collection--with-toggle > .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .forms--sfmc .o-teaser-collection--with-toggle > .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .forms--sfmc .form__label[for='email'],
  .forms--sfmc .form__label[for='email'] ~ * {
    width: calc( 50% - 12px);
  }
}

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

.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'], .o-teaser-default.teaser-cta-basic-light .a-textlink[href^='mailto'],
.o-teaser-default.teaser-cta-basic-light .a-textlink[href^='tel'], .o-teaser-default.teaser-cta-contact .a-textlink[href^='mailto'],
.o-teaser-default.teaser-cta-contact .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, .o-teaser-default.teaser-cta-basic-light .a-textlink[href^='mailto']::before,
.o-teaser-default.teaser-cta-basic-light .a-textlink[href^='tel']::before, .o-teaser-default.teaser-cta-contact .a-textlink[href^='mailto']::before,
.o-teaser-default.teaser-cta-contact .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'], .o-teaser-default.teaser-cta-basic-light .a-textlink:hover[href^='mailto'],
.o-teaser-default.teaser-cta-basic-light .a-textlink:hover[href^='tel'], .o-teaser-default.teaser-cta-contact .a-textlink:hover[href^='mailto'],
.o-teaser-default.teaser-cta-contact .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'], .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
.o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
.o-teaser-default.teaser-cta-basic-light .cta-wrapper > .a-textlink[href^='mailto'],
.o-teaser-default.teaser-cta-basic-light .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: "TeleNeoWeb-ExtraBold", 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'], .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
  .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
  .o-teaser-default.teaser-cta-basic-light .cta-wrapper > .a-textlink[href^='mailto'],
  .o-teaser-default.teaser-cta-basic-light .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'], .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
  .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
  .o-teaser-default.teaser-cta-basic-light .cta-wrapper > .a-textlink[href^='mailto'],
  .o-teaser-default.teaser-cta-basic-light .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'], .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper > .a-textlink[href^='mailto'],
  .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper > .a-textlink[href^='tel'],
  .o-teaser-default.teaser-cta-basic-light .cta-wrapper > .a-textlink[href^='mailto'],
  .o-teaser-default.teaser-cta-basic-light .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, .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper > .a-textlink[href^='mailto']::before,
  .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper > .a-textlink[href^='tel']::before,
  .o-teaser-default.teaser-cta-basic-light .cta-wrapper > .a-textlink[href^='mailto']::before,
  .o-teaser-default.teaser-cta-basic-light .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, .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper > .a-textlink[href^='mailto']::before,
  .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper > .a-textlink[href^='tel']::before,
  .o-teaser-default.teaser-cta-basic-light .cta-wrapper > .a-textlink[href^='mailto']::before,
  .o-teaser-default.teaser-cta-basic-light .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, .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper > .a-textlink[href^='mailto']::before,
  .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper > .a-textlink[href^='tel']::before,
  .o-teaser-default.teaser-cta-basic-light .cta-wrapper > .a-textlink[href^='mailto']::before,
  .o-teaser-default.teaser-cta-basic-light .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: "TeleNeoWeb-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: "TeleNeoWeb-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default .teaser-text {
    font-family: "TeleNeoWeb-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 {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta .a-headline {
    font-family: "TeleNeoWeb-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 {
    font-family: "TeleNeoWeb-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta .a-headline {
    font-family: "TeleNeoWeb-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: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-ExtraBold", 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;
  }
}

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

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-basic .content-wrapper, .o-teaser-default.teaser-cta-basic-light .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, .o-teaser-default.teaser-cta-basic-light .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, .o-teaser-default.teaser-cta-basic-light .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, .o-teaser-default.teaser-cta-basic-light .content-wrapper {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

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

@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, .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper,
  .o-teaser-default.teaser-cta-basic-light .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, .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper,
  .o-teaser-default.teaser-cta-basic-light .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, .o-teaser-default.teaser-cta-basic-light .teaser-default__cta-wrapper,
  .o-teaser-default.teaser-cta-basic-light .cta-wrapper {
    flex-direction: row;
    align-items: center;
  }
}

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

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

.o-teaser-default.teaser-cta-basic .m-contact .a-image, .o-teaser-default.teaser-cta-basic-light .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, .o-teaser-default.teaser-cta-basic-light .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, .o-teaser-default.teaser-cta-basic-light .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, .o-teaser-default.teaser-cta-basic-light .m-contact .a-image {
    margin-right: 72px;
    width: 160px;
  }
}

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

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

.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 > * {
  margin-top: 50px;
}

.o-teaser-default.teaser-cta-basic-light {
  margin-top: 50px;
  padding-top: 0;
  color: #000000;
  background-color: transparent;
}

.o-teaser-default.teaser-cta-basic-light .content-wrapper > .a-headline {
  display: block;
  font-family: "TeleNeoWeb-Bold", sans-serif;
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-basic-light .cta-wrapper {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-default.teaser-cta-basic-light .cta-wrapper {
    margin-top: 40px;
  }
}

.o-teaser-default.teaser-cta-basic-light .a-textlink {
  color: #e20074;
}

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

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

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

.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--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--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--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--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("../../images/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("../../images/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;
  }
}

.o-teaser-default.teaser-cta-hero--2 {
  background-image: url("../../img/cta-hero-down-curve.jpg");
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-hero--2 .swoosh-wrapper {
    background-image: url("../../images/TSYS_Digit-Swoosh_Form-1_short_Magenta_3c_1200px.png");
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-default.teaser-cta-hero--2 .swoosh-wrapper {
    background-image: url("../../images/Swoosh_Form-2_long_Magenta-1440px.png");
  }
}

.o-teaser-default.teaser-cta-hero--3 {
  background-image: url("../../img/cta-hero-vertical-stripes.jpg");
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-hero--3 .swoosh-wrapper {
    background-image: url("../../images/TSYS_Digit-Swoosh_Form-1_short_Orange_3c_1200px.png");
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-default.teaser-cta-hero--3 .swoosh-wrapper {
    background-image: url("../../images/Swoosh_Form-2_long_Orange-1440px.png");
  }
}

.o-teaser-default.teaser-cta-hero--4 {
  background-image: url("../../img/cta-hero-wavy-walls.jpg");
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-hero--4 .swoosh-wrapper {
    background-image: url("../../images/TSYS_Digit-Swoosh_Form-1_short_Violet_3c_1200px.png");
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-default.teaser-cta-hero--4 .swoosh-wrapper {
    background-image: url("../../images/Swoosh_Form-2_long_Violet-1440px.png");
  }
}

.o-teaser-default.teaser-cta-contact {
  background-color: #ffffff;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-contact {
    padding: 0 0 40px;
  }
}

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

.o-teaser-default.teaser-cta-contact .content-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
}

.o-teaser-default.teaser-cta-contact .content-wrapper::before {
  content: '';
  /* 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: #262626;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-contact .content-wrapper > div:first-of-type {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-contact .content-wrapper > div:first-of-type {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-contact .content-wrapper > div:first-of-type {
    margin-top: 37px;
  }
}

.o-teaser-default.teaser-cta-contact .content-wrapper > * {
  -ms-grid-column-align: center;
      justify-self: center;
}

@media only screen and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-contact .content-wrapper > * {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-contact .content-wrapper > * {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.o-teaser-default.teaser-cta-contact .a-headline {
  /* 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 */
  text-align: center;
  font-family: "TeleNeoWeb-ExtraBold", sans-serif;
  font-size: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-contact .a-headline {
    margin-top: 24px;
    margin-bottom: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-contact .a-headline {
    margin-top: 33px;
    margin-bottom: 35px;
  }
}

.o-teaser-default.teaser-cta-contact .teaser-text {
  /* 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 */
  color: #262626;
  font-family: "TeleNeoWeb-Regular", sans-serif;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-contact .teaser-text {
    line-height: 22px;
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-contact .teaser-text {
    line-height: 27px;
    font-size: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-contact .teaser-text {
    line-height: 27px;
    font-size: 19px;
  }
}

.o-teaser-default.teaser-cta-contact .cta-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 */
  display: flex;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-contact .cta-wrapper {
    flex-flow: column nowrap;
    align-items: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-contact .cta-wrapper {
    width: 76%;
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-default.teaser-cta-contact .cta-wrapper {
    flex-flow: row wrap;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-contact .cta-wrapper {
    width: 58.3333333333%;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-contact .teaser-text + .cta-wrapper {
    margin-top: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-contact .teaser-text + .cta-wrapper {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-contact .teaser-text + .cta-wrapper {
    margin-top: 28px;
  }
}

.o-teaser-default.teaser-cta-contact .a-textlink[href^='mailto'],
.o-teaser-default.teaser-cta-contact .a-textlink[href^='tel'] {
  color: #e20074;
  font-family: "TeleNeoWeb-ExtraBold", sans-serif;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .o-teaser-default.teaser-cta-contact .a-textlink[href^='mailto'] + .a-textlink,
  .o-teaser-default.teaser-cta-contact .a-textlink[href^='tel'] + .a-textlink {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  .o-teaser-default.teaser-cta-contact .a-textlink[href^='mailto'],
  .o-teaser-default.teaser-cta-contact .a-textlink[href^='tel'] {
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-default.teaser-cta-contact .a-textlink[href^='mailto'],
  .o-teaser-default.teaser-cta-contact .a-textlink[href^='tel'] {
    font-size: 28px;
    line-height: 32px;
  }
}

.o-teaser-default.teaser-cta-contact .a-textlink[href^='mailto']:hover,
.o-teaser-default.teaser-cta-contact .a-textlink[href^='tel']:hover {
  color: #e20074;
}

.o-teaser-default.teaser-cta-contact .a-textlink[href^='mailto']:only-child,
.o-teaser-default.teaser-cta-contact .a-textlink[href^='tel']:only-child {
  margin: 0 auto;
}

.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 {
  color: #262626;
}

@media only screen and (min-width: 1024px) {
  .teaser-default--offer .teaser-default__content-wrapper .a-headline {
    font-size: 28px;
    line-height: 32px;
  }
  .teaser-default--offer .teaser-default__content-wrapper .a-headline + .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 {
  display: block;
  font-family: "TeleNeoWeb-ExtraBold", sans-serif;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .teaser-default--good-to-know .teaser-default__content-wrapper .a-headline {
    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 {
    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 {
    font-size: 70px;
    line-height: 1;
    min-height: 70px;
  }
}

.teaser-default--good-to-know .teaser-default__teaser-text {
  /* stylelint-disable */
  /* stylelint-enable */
}

@media only screen and (max-width: 767px) {
  .teaser-default--good-to-know .teaser-default__teaser-text {
    font-family: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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-black .teaser-default__content-wrapper > .teaser-default__teaser-text,
  .teaser-default--editorial-black .teaser-default__content-wrapper > .a-headline {
    width: 100%;
  }
}

.teaser-default--editorial .teaser-default__content-wrapper .a-headline,
.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 .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 .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 .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 .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 .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 .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 .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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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-black .teaser-default__content-wrapper .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", 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-black .teaser-default__content-wrapper .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", 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-black .teaser-default__content-wrapper .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--cta-with-background-image-without-swoosh .o-forms {
    margin-top: 30px;
  }
}

.teaser-default--cta-with-background-image-without-swoosh .o-forms,
.teaser-default--cta-with-background-image-without-swoosh .o-forms .richtext-wrapper {
  color: #ffffff;
}

.teaser-default--cta-with-background-image-without-swoosh .o-forms .a-headline {
  padding-left: 0;
  padding-right: 0;
}

/**
 * @description: Teaser for "horizontal scrolling" module in Offer page
 * The whole module is "Gallery--slider"
 */
.teaser-default--product {
  /**
  * @description: Product image
  */
  /**
  * @description: Text content and button
  */
}

@media only screen and (max-width: 767px) {
  .teaser-default--product {
    font-family: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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 {
    font-family: "TeleNeoWeb-ExtraBold", 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 {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-default--product .teaser-default__content-wrapper .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", 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 .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 .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 .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 .teaser-default__teaser-text {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.teaser-default--basic-black .o-forms,
.teaser-default--basic-black .o-forms .richtext-wrapper {
  color: #ffffff;
}

.teaser-default--basic-black .o-forms .a-headline {
  padding-left: 0;
  padding-right: 0;
}

.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 > * {
  position: relative;
  isolation: isolate;
}

.teaser-default--basic-magenta .a-headline,
.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 .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 .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 .teaser-default__teaser-text {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.teaser-default--basic-magenta .o-forms,
.teaser-default--basic-magenta .o-forms .richtext-wrapper {
  color: #ffffff;
}

.teaser-default--basic-magenta .o-forms .a-headline {
  padding-left: 0;
  padding-right: 0;
}

.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) {
  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 {
  background-color: #e20074;
  color: #ffffff;
}

.teaser-default--basic-magenta .form__element__error {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .teaser--with-toggle {
    display: flex;
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser--with-toggle {
    grid-column-gap: 40px;
    grid-row-gap: 11px;
    -ms-grid-columns: 33.3333333333% 1fr;
    grid-template-columns: 33.3333333333% 1fr;
  }
}

@media only screen and (min-width: 768px) {
  .teaser--with-toggle {
    display: -ms-grid;
    display: flex;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    align-items: start;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser--with-toggle {
    grid-row-gap: 13px;    
    display: flex;
    flex-direction: column;
    margin-right: 16px;
    width: 317px !important;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .teaser--with-toggle .a-headline {
    /* 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 */
  }
 .m-form__wtf-control m-form__wtf-control--toggle {
      margin-top: 30px;
 }
}

@media only screen and (min-width: 768px) {
  .teaser--with-toggle .teaser-default__image {
    /* 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 */
  }
}

.teaser--with-toggle .teaser-default__image .a-image {
  width: 100%;
}

.teaser--with-toggle .teaser-default__content-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 */
  display: flex;
  align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .teaser--with-toggle .teaser-default__content-wrapper {
    margin-top: 9px;
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) {
  .teaser--with-toggle .teaser-default__content-wrapper {
    flex-direction: column;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 767px) {
  .teaser--with-toggle .teaser-default__teaser-text,
  .teaser--with-toggle .a-textlink {
    font-family: "TeleNeoWeb-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser--with-toggle .teaser-default__teaser-text,
  .teaser--with-toggle .a-textlink {
    font-family: "TeleNeoWeb-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
      
 .teaser-default__image{
      max-width:45%;
      }
}

@media only screen and (min-width: 1024px) {
  .teaser--with-toggle .teaser-default__teaser-text,
  .teaser--with-toggle .a-textlink {
    font-family: "TeleNeoWeb-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.teaser--with-toggle .teaser-default__teaser-text {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser--with-toggle .teaser-default__teaser-text {
    margin-bottom: 18px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser--with-toggle .teaser-default__teaser-text {
    margin-bottom: 20px;
  }
}

.teaser--with-toggle .a-textlink {
  display: inline-block;
  padding: 0;
  font-family: "TeleNeoWeb-ExtraBold", sans-serif;
  color: #e20074;
  background: none;
  border: none;
}

.teaser--with-toggle .a-textlink:hover {
  background: none;
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .teaser--with-toggle .a-textlink {
    margin-top: 9px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .teaser--with-toggle .a-textlink {
    margin-top: 6px;
    margin-right: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .teaser--with-toggle .a-textlink {
    margin-top: 4px;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser--with-toggle .a-textlink {
    margin-top: 4px;
    margin-right: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .teaser--with-toggle .m-form__wtf-control--toggle {
      
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    margin-top: 7px;
  }
}

.teaser--with-toggle .m-form__wtf-control--toggle input:not(:checked) + .form__wtf-control__indicator {
  margin-left: 5px;
}

.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 {
  margin: 0;
  padding: 0;
  color: #262626;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
  pc-accordeon-wrapper{
    display: flex;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

.o-teaser-collection > .a-headline {
  display: block;
}

@media only screen and (max-width: 1023px) {
  .o-teaser-collection .a-category + .a-headline {
    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;
  }
  .accordeon{
      display:block;
      margin-right:15px;
      }
  .o-teaser-collection .teaser-wrapper {
    margin-top: 30px;
  }
  .pc-accordeon-wrapper{
      display:flex;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection {
    margin-top: 75px;
  }
  .accordeon{
      display:none;
      }
  .o-teaser-collection .teaser-wrapper {
    margin-top: 40px;
    display: block !important;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection {
    margin-top: 105px;
  }
  .accordeon{
      display:none;
      }
  .o-teaser-collection .teaser-wrapper {
    display: flex !important;
    flex-wrap: wrap;
  }
  .o-teaser-collection > .a-headline,
  .o-teaser-collection .teaser-collection__detail-text {
    margin: 0 auto;
    padding: 0 24px;
    max-width: 1000px;
  }
}

@media only screen and (max-width: 1023px) {
  .o-teaser-collection > .a-headline,
  .o-teaser-collection .teaser-collection__detail-text {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection > .button-wrapper {
    margin-left: 20px;
  }
}

.o-teaser-collection .teaser-collection__btn {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection .teaser-collection__btn {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-collection .teaser-collection__btn {
    margin-top: 50px;
  }
}

@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 {
  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:nth-child(n + 4) {
    margin-top: 60px;
  }
  .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 {
    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 {
    margin-top: 30px;
  }
}

.o-teaser-collection-l > .a-headline + .teaser-wrapper, .o-teaser-collection-l--magenta > .a-headline + .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 {
  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 > * {
  position: relative;
  isolation: isolate;
}

.o-teaser-collection-l--magenta > .a-headline {
  color: #ffffff;
}

.o-teaser-collection-l--magenta > .richtext-wrapper p,
.o-teaser-collection-l--magenta > .richtext-wrapper h3,
.o-teaser-collection-l--magenta > .richtext-wrapper h4,
.o-teaser-collection-l--magenta > .richtext-wrapper h5,
.o-teaser-collection-l--magenta > .richtext-wrapper h5,
.o-teaser-collection-l--magenta > .richtext-wrapper li,
.o-teaser-collection-l--magenta > .richtext-wrapper a,
.o-teaser-collection-l--magenta > .richtext-wrapper a:visited {
  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 .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 .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 .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;
}

.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 {
  display: block;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--zdf .outer-content-wrapper > .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", 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 {
    font-family: "TeleNeoWeb-ExtraBold", 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 {
    font-family: "TeleNeoWeb-ExtraBold", 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 {
  font-family: "TeleNeoWeb-ExtraBold", sans-serif;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--zdf .o-teaser-default .a-headline {
    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 {
    font-size: 50px;
    line-height: 62px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--zdf .o-teaser-default .a-headline {
    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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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 {
    font-family: "TeleNeoWeb-ExtraBold", 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 {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--proofpoints .outer-content-wrapper > .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", 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 {
  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 {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--proofpoints .o-teaser-default .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", 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 {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--proofpoints .o-teaser-default .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 48px;
    line-height: 58px;
  }
}

.o-teaser-collection--proofpoints .teaser-default__teaser-text {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--proofpoints .teaser-default__teaser-text {
    font-family: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--magenta {
    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--magenta {
    max-width: calc( 100% - (2 * 20px ));
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--magenta {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}

.o-teaser-collection--magenta .teaser-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.o-teaser-collection--magenta .o-teaser-default {
  background-image: url("../../img/bg-waves-magenta.png");
  background-position: center top;
  background-size: cover;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--magenta .o-teaser-default {
    width: 100%;
    margin-top: 20px;
    padding: 20px 20px;
  }
  .o-teaser-collection--magenta .o-teaser-default:nth-child(1) {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--magenta .o-teaser-default {
    width: calc( 50% - 2.5 * 20px);
    margin-top: 20px;
    padding: 20px 20px;
  }
  .o-teaser-collection--magenta .o-teaser-default:nth-child(1), .o-teaser-collection--magenta .o-teaser-default:nth-child(2) {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--magenta .o-teaser-default {
    width: calc( 50% - 10px);
    margin-top: 20px;
    padding: 36px 30px 40px;
    box-sizing: border-box;
  }
  .o-teaser-collection--magenta .o-teaser-default:nth-child(1), .o-teaser-collection--magenta .o-teaser-default:nth-child(2) {
    margin-top: 0;
  }
}

.o-teaser-collection--magenta .o-teaser-default .a-headline {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--magenta .o-teaser-default .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--magenta .o-teaser-default .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--magenta .o-teaser-default .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

.o-teaser-collection--magenta .o-teaser-default .a-textlink {
  padding: 0;
  border: none;
  background-color: transparent;
  text-decoration: underline;
}

.o-teaser-collection--magenta .o-teaser-default .a-textlink:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: transparent;
}

.o-teaser-collection--magenta .o-teaser-default .a-textlink::before {
  padding-right: 10px;
}

.o-teaser-collection--magenta .o-teaser-default .richtext-wrapper {
  color: #ffffff;
}

.o-teaser-collection--magenta .o-teaser-default--grey {
  background-image: url("../../img/bg-waves-grey.png");
}

.o-teaser-collection--magenta .teaser-default__content-wrapper > .a-textlink {
  display: inline-block;
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--magenta .teaser-default__content-wrapper > .a-textlink {
    display: none;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--magenta .teaser-default__teaser-text {
    margin-top: 15px;
    font-family: "TeleNeoWeb-Regular", sans-serif;
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--magenta .teaser-default__teaser-text {
    margin-top: 15px;
    font-family: "TeleNeoWeb-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--magenta:not(.teaser-collection--magenta-contract) {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--magenta .m-contact {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-collection--magenta .m-contact {
    margin-top: 15px;
  }
}

.o-teaser-collection--magenta .m-contact .a-image {
  border-radius: 50%;
  width: 25%;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--magenta .m-contact .info-field {
    margin-left: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--magenta .m-contact .info-field {
    margin-left: 24px;
  }
}

@media only screen and (min-width: 768px) {
  .o-teaser-collection--magenta .m-contact .name {
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 33px;
  }
}

.o-teaser-collection--magenta .button-wrapper {
  text-align: center;
}

/**
 * .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 {
  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 {
    font-family: "TeleNeoWeb-ExtraBold", 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 {
    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 {
    font-family: "TeleNeoWeb-ExtraBold", 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 {
    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 {
    font-family: "TeleNeoWeb-ExtraBold", 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 {
    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 {
  color: #ffffff;
}

.o-teaser-collection-mosaic .o-teaser-default .a-headline .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: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 36px;
    line-height: 40px;
  }
}

.o-teaser-collection-cube {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

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

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

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

@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 {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection-cube > .a-headline {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-cube > .a-headline {
    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;
    width: 50%;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection-cube .teaser-image {
    box-sizing: border-box;
    padding: 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 {
    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 {
    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 {
    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-hero + .o-teaser-collection--offer.o-teaser-collection--offer-bar {
  margin-top: 0;
}

.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,
.o-teaser-collection--magazine .teaser-collection__detail-text {
  padding: 0;
}

.o-teaser-collection--magazine .teaser-wrapper {
  display: flex;
  margin-top: 40px;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--magazine .teaser-wrapper {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--magazine .teaser-wrapper {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--magazine .teaser-wrapper {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.o-teaser-collection--magazine .teaser-wrapper__col {
  display: block;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--magazine .teaser-wrapper__col {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--magazine .teaser-wrapper__col {
    padding: 0 20px;
    overflow: hidden;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--magazine .teaser-wrapper__col {
    padding: 0 12px;
    overflow: hidden;
  }
}

.o-teaser-collection--magazine .teaser-wrapper__col:empty {
  display: none;
}

.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 {
  color: #e20074;
}

.o-teaser-collection--magazine .o-teaser-default .a-category {
  margin-top: 18px;
}

.o-teaser-collection--magazine .o-teaser-default .a-headline {
  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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

.o-teaser-collection--magazine .button-wrapper .a-btn, .o-teaser-collection--magazine .button-wrapper .o-teaser-default .a-textlink, .o-teaser-default .o-teaser-collection--magazine .button-wrapper .a-textlink, .o-teaser-collection--magazine .button-wrapper .teaser-default--offer .teaser-default__pseudo-btn, .teaser-default--offer .o-teaser-collection--magazine .button-wrapper .teaser-default__pseudo-btn {
  display: inline-block;
  margin-top: 45px;
}

.o-teaser-collection--magazine.o-teaser-collection--magazine-3-col .hero-teaser-wrapper {
  margin-top: 45px;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--magazine.o-teaser-collection--magazine-3-col .hero-teaser-wrapper > :first-child .teaser-default__image {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--magazine.o-teaser-collection--magazine-3-col .hero-teaser-wrapper > :first-child {
    display: flex;
  }
  .o-teaser-collection--magazine.o-teaser-collection--magazine-3-col .hero-teaser-wrapper > :first-child .teaser-default__image {
    width: 50%;
  }
  .o-teaser-collection--magazine.o-teaser-collection--magazine-3-col .hero-teaser-wrapper > :first-child .teaser-default__image + .teaser-default__content-wrapper {
    padding-left: 20px;
    width: 50%;
  }
  .o-teaser-collection--magazine.o-teaser-collection--magazine-3-col .hero-teaser-wrapper .o-teaser-default + .o-teaser-default {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--magazine.o-teaser-collection--magazine-3-col .hero-teaser-wrapper {
    display: flex;
    margin-left: -12px;
    margin-right: -12px;
  }
  .o-teaser-collection--magazine.o-teaser-collection--magazine-3-col .hero-teaser-wrapper > :first-child {
    padding: 0 12px;
    width: 66.6666666667%;
    box-sizing: border-box;
  }
  .o-teaser-collection--magazine.o-teaser-collection--magazine-3-col .hero-teaser-wrapper > :nth-child(2) {
    padding: 0 12px;
    width: 33.3333333333%;
    box-sizing: border-box;
  }
  .o-teaser-collection--magazine.o-teaser-collection--magazine-3-col .hero-teaser-wrapper .o-teaser-default + .o-teaser-default {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--magazine.o-teaser-collection--magazine-3-col .o-teaser-default {
    display: flex;
    margin-top: 30px;
  }
  .o-teaser-collection--magazine.o-teaser-collection--magazine-3-col .o-teaser-default .teaser-default__image {
    width: 33.3333333333%;
  }
  .o-teaser-collection--magazine.o-teaser-collection--magazine-3-col .o-teaser-default .teaser-default__image + .teaser-default__content-wrapper {
    padding-left: 20px;
    width: 66.6666666667%;
  }
  .o-teaser-collection--magazine.o-teaser-collection--magazine-3-col .o-teaser-default .a-category {
    margin-top: 0;
  }
}

/**
 * @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 {
  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 {
    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 {
    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 {
    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--related-topic {
  background-color: #ededed;
}

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

@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;
    margin-top: 25px;
    -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 (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: 0 auto;
  margin-top: 50px;
}

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

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

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

@media only screen and (max-width: 1023px) {
  .o-teaser-collection--news-view .o-teaser-default:not(:first-child),
  .o-teaser-collection--related-topic .o-teaser-default:not(:first-child) {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--news-view .o-teaser-default,
  .o-teaser-collection--related-topic .o-teaser-default {
    margin-top: 30px;
  }
}

.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-teaser-collection--news-view .teaser-default__content-wrapper .a-headline,
.o-teaser-collection--related-topic .teaser-default__content-wrapper .a-headline {
  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;
}

.o-teaser-collection--with-toggle {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--with-toggle {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--with-toggle {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--with-toggle {
    box-sizing: content-box;
    padding: 0 12px;
  }
}

.o-teaser-collection--with-toggle > .a-headline {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--with-toggle > .a-headline + .teaser-wrapper {
    margin-top: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--with-toggle > .a-headline + .teaser-wrapper {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--with-toggle > .a-headline + .teaser-wrapper {
    margin-top: 70px;
    display: flex;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--with-toggle .teaser--with-toggle .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 24px;
    line-height: 30px;
    margin-top: 7px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--with-toggle .teaser--with-toggle .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-teaser-collection--with-toggle .teaser--with-toggle .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 28px;
    line-height: 33px;
    height: 66px;
  }
}

@media only screen and (max-width: 767px) {
  .o-teaser-collection--with-toggle .teaser--with-toggle + .teaser--with-toggle {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-teaser-collection--with-toggle .teaser--with-toggle + .teaser--with-toggle {
    margin-top: 45px;
  }
}


/**
 * @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
 */
@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
 */
/* stylelint-disable */
@media only screen and (max-width: 1023px) {
  .o-metanav .nav__item {
    position: relative;
  }
}

/* stylelint-enable */
/**
 * @description: .nav__items
 *
 * Collection of nav__item = wraps an UL around the items
 */
/* stylelint-disable */
.o-metanav .nav__items {
  padding: 0;
  margin: 0;
  list-style: none;
  text-indent: 0;
  font-family: "TeleNeoWeb-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;
  }
}

/* stylelint-enable */
/**
 * @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: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-ExtraBold", 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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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: "TeleNeoWeb-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);
  }
}

@media only screen and (max-width: 1023px) {
  .is-sticky ~ .page .o-navigation__menu {
    top: 75px;
  }
}

.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 {
  /* stylelint-disable */
  /* stylelint-enable */
}

.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__branch--products-themes > .navigation__label--selected {
  color: #7ecbf5;
}

.o-navigation__menu .navigation__node--products-themes > .navigation__label--selected,
.o-navigation__menu .navigation__node--products-themes + .m-navigation__branch > .navigation__label--selected {
  color: #7ecbf5;
}

.o-navigation__menu .navigation__meta {
  margin-top: 24px;
}

.o-navigation__menu .navigation__node--meta.has-childs::after {
  right: 12px;
  font-size: 16px;
}

@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: "TeleNeoWeb-Medium", sans-serif;
  color: #7ecbf5;
}

.navigation__label--selected {
  -webkit-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;
}

@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: Calculate margin-top for the first module under hero if
 * breadcrumb is disabled.
 * Using the normal 105px value makes the margin too big.
 * Using breadcrumbs 45px makes the margin too small compared with the margin
 * between module-headline and module-content.
 * So it makes a compromise: 105px - (105px-45px)/2 --> 75px
 */
@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),
  .o-detailview-header-row,
  .o-navigation-anchor__wrapper {
    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),
  .o-detailview-header-row,
  .o-navigation-anchor__wrapper {
    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),
  .o-detailview-header-row,
  .o-navigation-anchor__wrapper {
    margin-top: 105px;
  }
}

.o-hero + .o-flower,
.teaser-collection--hero-mosaic + .o-flower,
.o-hero + .o-teaser-collection--offer-bar + .o-flower, .o-hero +
.o-teaser-collection,
.teaser-collection--hero-mosaic +
.o-teaser-collection,
.o-hero + .o-teaser-collection--offer-bar +
.o-teaser-collection, .o-hero +
.teaser-cta,
.teaser-collection--hero-mosaic +
.teaser-cta,
.o-hero + .o-teaser-collection--offer-bar +
.teaser-cta, .o-hero +
.teaser-default--editorial,
.teaser-collection--hero-mosaic +
.teaser-default--editorial,
.o-hero + .o-teaser-collection--offer-bar +
.teaser-default--editorial, .o-hero +
.teaser-default--editorial-black,
.teaser-collection--hero-mosaic +
.teaser-default--editorial-black,
.o-hero + .o-teaser-collection--offer-bar +
.teaser-default--editorial-black, .o-hero +
.o-collection-download,
.teaser-collection--hero-mosaic +
.o-collection-download,
.o-hero + .o-teaser-collection--offer-bar +
.o-collection-download, .o-hero +
.o-text-image,
.teaser-collection--hero-mosaic +
.o-text-image,
.o-hero + .o-teaser-collection--offer-bar +
.o-text-image, .o-hero +
.o-gallery,
.teaser-collection--hero-mosaic +
.o-gallery,
.o-hero + .o-teaser-collection--offer-bar +
.o-gallery, .o-hero +
.o-podcast,
.teaser-collection--hero-mosaic +
.o-podcast,
.o-hero + .o-teaser-collection--offer-bar +
.o-podcast, .o-hero +
.o-footer:not(.o-footer--onepager),
.teaser-collection--hero-mosaic +
.o-footer:not(.o-footer--onepager),
.o-hero + .o-teaser-collection--offer-bar +
.o-footer:not(.o-footer--onepager), .o-hero +
.o-detailview-header-row,
.teaser-collection--hero-mosaic +
.o-detailview-header-row,
.o-hero + .o-teaser-collection--offer-bar +
.o-detailview-header-row, .o-hero +
.o-navigation-anchor__wrapper,
.teaser-collection--hero-mosaic +
.o-navigation-anchor__wrapper,
.o-hero + .o-teaser-collection--offer-bar +
.o-navigation-anchor__wrapper {
  /* stylelint-disable */
  /* stylelint-enable */
}

@media only screen and (max-width: 767px) {
  .o-hero + .o-flower,
  .teaser-collection--hero-mosaic + .o-flower,
  .o-hero + .o-teaser-collection--offer-bar + .o-flower, .o-hero +
  .o-teaser-collection,
  .teaser-collection--hero-mosaic +
  .o-teaser-collection,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-teaser-collection, .o-hero +
  .teaser-cta,
  .teaser-collection--hero-mosaic +
  .teaser-cta,
  .o-hero + .o-teaser-collection--offer-bar +
  .teaser-cta, .o-hero +
  .teaser-default--editorial,
  .teaser-collection--hero-mosaic +
  .teaser-default--editorial,
  .o-hero + .o-teaser-collection--offer-bar +
  .teaser-default--editorial, .o-hero +
  .teaser-default--editorial-black,
  .teaser-collection--hero-mosaic +
  .teaser-default--editorial-black,
  .o-hero + .o-teaser-collection--offer-bar +
  .teaser-default--editorial-black, .o-hero +
  .o-collection-download,
  .teaser-collection--hero-mosaic +
  .o-collection-download,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-collection-download, .o-hero +
  .o-text-image,
  .teaser-collection--hero-mosaic +
  .o-text-image,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-text-image, .o-hero +
  .o-gallery,
  .teaser-collection--hero-mosaic +
  .o-gallery,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-gallery, .o-hero +
  .o-podcast,
  .teaser-collection--hero-mosaic +
  .o-podcast,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-podcast, .o-hero +
  .o-footer:not(.o-footer--onepager),
  .teaser-collection--hero-mosaic +
  .o-footer:not(.o-footer--onepager),
  .o-hero + .o-teaser-collection--offer-bar +
  .o-footer:not(.o-footer--onepager), .o-hero +
  .o-detailview-header-row,
  .teaser-collection--hero-mosaic +
  .o-detailview-header-row,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-detailview-header-row, .o-hero +
  .o-navigation-anchor__wrapper,
  .teaser-collection--hero-mosaic +
  .o-navigation-anchor__wrapper,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-navigation-anchor__wrapper {
    margin-top: 47.5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .o-hero + .o-flower,
  .teaser-collection--hero-mosaic + .o-flower,
  .o-hero + .o-teaser-collection--offer-bar + .o-flower, .o-hero +
  .o-teaser-collection,
  .teaser-collection--hero-mosaic +
  .o-teaser-collection,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-teaser-collection, .o-hero +
  .teaser-cta,
  .teaser-collection--hero-mosaic +
  .teaser-cta,
  .o-hero + .o-teaser-collection--offer-bar +
  .teaser-cta, .o-hero +
  .teaser-default--editorial,
  .teaser-collection--hero-mosaic +
  .teaser-default--editorial,
  .o-hero + .o-teaser-collection--offer-bar +
  .teaser-default--editorial, .o-hero +
  .teaser-default--editorial-black,
  .teaser-collection--hero-mosaic +
  .teaser-default--editorial-black,
  .o-hero + .o-teaser-collection--offer-bar +
  .teaser-default--editorial-black, .o-hero +
  .o-collection-download,
  .teaser-collection--hero-mosaic +
  .o-collection-download,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-collection-download, .o-hero +
  .o-text-image,
  .teaser-collection--hero-mosaic +
  .o-text-image,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-text-image, .o-hero +
  .o-gallery,
  .teaser-collection--hero-mosaic +
  .o-gallery,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-gallery, .o-hero +
  .o-podcast,
  .teaser-collection--hero-mosaic +
  .o-podcast,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-podcast, .o-hero +
  .o-footer:not(.o-footer--onepager),
  .teaser-collection--hero-mosaic +
  .o-footer:not(.o-footer--onepager),
  .o-hero + .o-teaser-collection--offer-bar +
  .o-footer:not(.o-footer--onepager), .o-hero +
  .o-detailview-header-row,
  .teaser-collection--hero-mosaic +
  .o-detailview-header-row,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-detailview-header-row, .o-hero +
  .o-navigation-anchor__wrapper,
  .teaser-collection--hero-mosaic +
  .o-navigation-anchor__wrapper,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-navigation-anchor__wrapper {
    margin-top: 45px;
  }
}

@media only screen and (min-width: 1024px) {
  .o-hero + .o-flower,
  .teaser-collection--hero-mosaic + .o-flower,
  .o-hero + .o-teaser-collection--offer-bar + .o-flower, .o-hero +
  .o-teaser-collection,
  .teaser-collection--hero-mosaic +
  .o-teaser-collection,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-teaser-collection, .o-hero +
  .teaser-cta,
  .teaser-collection--hero-mosaic +
  .teaser-cta,
  .o-hero + .o-teaser-collection--offer-bar +
  .teaser-cta, .o-hero +
  .teaser-default--editorial,
  .teaser-collection--hero-mosaic +
  .teaser-default--editorial,
  .o-hero + .o-teaser-collection--offer-bar +
  .teaser-default--editorial, .o-hero +
  .teaser-default--editorial-black,
  .teaser-collection--hero-mosaic +
  .teaser-default--editorial-black,
  .o-hero + .o-teaser-collection--offer-bar +
  .teaser-default--editorial-black, .o-hero +
  .o-collection-download,
  .teaser-collection--hero-mosaic +
  .o-collection-download,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-collection-download, .o-hero +
  .o-text-image,
  .teaser-collection--hero-mosaic +
  .o-text-image,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-text-image, .o-hero +
  .o-gallery,
  .teaser-collection--hero-mosaic +
  .o-gallery,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-gallery, .o-hero +
  .o-podcast,
  .teaser-collection--hero-mosaic +
  .o-podcast,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-podcast, .o-hero +
  .o-footer:not(.o-footer--onepager),
  .teaser-collection--hero-mosaic +
  .o-footer:not(.o-footer--onepager),
  .o-hero + .o-teaser-collection--offer-bar +
  .o-footer:not(.o-footer--onepager), .o-hero +
  .o-detailview-header-row,
  .teaser-collection--hero-mosaic +
  .o-detailview-header-row,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-detailview-header-row, .o-hero +
  .o-navigation-anchor__wrapper,
  .teaser-collection--hero-mosaic +
  .o-navigation-anchor__wrapper,
  .o-hero + .o-teaser-collection--offer-bar +
  .o-navigation-anchor__wrapper {
    margin-top: 75px;
  }
}

.teaser-cta-hero + .o-footer {
  margin-top: 0;
}

.o-teaser-collection-m .teaser-wrapper {
  margin-top: 0;
}

/**
 * @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;
}
/*# sourceMappingURL=sfmc.css.map */