:root {
  --mandant: "gmx";
  --brand: #1c449b;
  --brand-text: #fff;
  --brand-bg: var(--brand);
  --brand-light: #6b99d6;
  --brand-hover: #1c449b;
  --brand-mid: #607cb9;
  --brand-dark: #16367c;
  --brand-signal: #4689cd;
  --link: var(--brand);
  --link-bg: rgba(34, 105, 195, 0.1);
  --link-bg-hover: rgba(34, 105, 195, 0.2);
  --link-nav-active: var(--brand-light);
  --nav-link: #fff;
  --menu: #888;
  --header-height: 5rem;
  --font-family-sans-serif: "Roboto", arial, sans-serif;
  --font-family-sans-serif-inboxnews-3c: "Roboto", arial, sans-serif;
  --brand-color-dark-2: #16367c;
  --brand-color-dark-1: #193d8b;
  --brand-color: #1c449b;
  --brand-color-light-1: #1c439bd9;
  --brand-color-light-2: #1c449bb2;
  --brand-color-light-3: #1c449b99;
  --brand-color-light-4: #1c449b80;
  --brand-color-light-5: #1c449b4d;
  --brand-color-light-6: #1c449b2e;
  --brand-color-light-7: #1c449b0f;
  --complementary-color-dark-2: #587a03;
  --complementary-color-dark-1: #638904;
  --complementary-color: #6e9804;
  --complementary-color-light-1: #6e9804d9;
  --complementary-color-light-2: #6e9804b2;
  --complementary-color-light-3: #6e980499;
  --complementary-color-light-4: #6e980480;
  --complementary-color-light-5: #6e98044d;
  --complementary-color-light-6: #6e98042e;
  --complementary-color-light-7: #6e98040f;
  --form-element-hover-focus-border: var(--brand-color);
  --element-hover-color: var(--brand-color);
  --secondary-disabled: var(--brand-color-light-5);
  --identity-lowVisibility: var(--brand-color-light-7);
  --identity-highVisibility: var(--brand);
  --identity-onHighVisibility: var(--base-system);
  --identity-hover-lowVisibility: var(--brand-color-light-6);
  --identity-hover-highVisibility: var(--brand-color-dark-2);
  --identity-hover-onHighVisibility: var(--base-system);
  --button-primary-default-label: var(--base-system);
  --button-primary-default-background: var(--complementary-color);
  --button-primary-hover-background: var(--complementary-color-dark-2);
  --button-primary-click-background: var(--complementary-color-dark-2);
  --button-primary-click-label: var(--base-system);
  --button-primary-disabled-background: var(--complementary-color-light-5);
  --button-primary-disabled-label: var(--base-system);
  --button-secondary-default-background: var(--brand-color);
  --button-secondary-default-label: var(--brand-color);
  --button-secondary-hover-background: var(--brand-color-dark-2);
  --button-secondary-hover-label: var(--base-system);
  --button-secondary-active-background: var(--brand-color);
  --button-secondary-active-label: var(--base-system);
  --button-secondary-disabled-label: var(--brand-color-light-5);
  --button-secondary-disabled-border: var(--brand-color-light-5);
  --button-media-default-label: var(--base-system);
  --button-media-active-background: var(--base-system);
  --button-media-active-label: var(--cp-grey-color);
  --chip-viewtype-label: var(--brand-color);
  --chip-viewtype-background: var(--brand-color-light-6);
  --form-indicator: #467dcd;
  --filter-default-label: var(--brand-color);
  --filter-default-background: var(--brand-color-light-7);
  --filter-hover-label: var(--base-system);
  --filter-hover-background: var(--brand-color-dark-2);
  --cookie-color: #1c8ad9;
  --bg-search-back: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxYzQ0OWI7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJhcnJvd19sZWZ0X2dteCIgY2xhc3M9ImNscy0xIiBkPSJNMTUuNSwxYTEsMSwwLDAsMS0uMjkuNzFMNi45MSwxMCwxNS4yLDE4LjNhMSwxLDAsMSwxLTEuNDEsMS40MWwtOS05YTEsMSwwLDAsMSwwLTEuNDJsOS05QTEsMSwwLDAsMSwxNS41LDFaIi8+PC9zdmc+);
  --bg-search-submit: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbl9TZWFyY2g8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTEyLjMwMjY2NzEsMTguNjE2NDgwMSBDOS44MjE2OTYzOSwxNi43OTQwMDM1IDkuODIxNjk2MzksMTMuMTQyMDM2OCAxMi4zMDI2NjcxLDExLjMxNzU1NjQgQzEzLjg0Nzg1MTIsMTAuMTgyMzkwOSAxNi4wNDE2ODIxLDEwLjE4MjM5MDkgMTcuNTg1ODMzNCwxMS4zMTc1NTY0IEMyMC4wNjc4MzcsMTMuMTQyMDM2OCAyMC4wNjc4MzcsMTYuNzk0MDAzNSAxNy41ODU4MzM0LDE4LjYxNjQ4MDEgQzE2LjA0MTY4MjEsMTkuNzUyNjQ3NiAxMy44NDc4NTEyLDE5Ljc1MjY0NzYgMTIuMzAyNjY3MSwxOC42MTY0ODAxIE0yMy41OTA5ODA3LDIxLjYxMTE5MyBMMjAuNzU4ODMxNywxOC43NzI3NzgzIEMyMi43MzA1OTQxLDE1Ljc1NjAyMzQgMjIuMTIxMTk2NiwxMS41Mzk5ODA3IDE4LjkyOTYwNjQsOS4yNjM2MzgyMyBDMTYuNjI5Mzg5Miw3LjYyMjUwNzU0IDEzLjQ1NzQyMzcsNy41NzM0MTM4OCAxMS4xMTU4OTE0LDkuMTU0NDI5OSBDNy4zNjAzNTAzMiwxMS42OTIyNzEyIDYuOTk5ODc2MjIsMTYuODQ3MTA0OCAxMC4wMzM0MzYyLDE5Ljg4NzkwNTYgQzEyLjQxNDIxNzksMjIuMjcyNDU0NSAxNi4wOTIyOTMxLDIyLjU2NDAxMDYgMTguNzkwMTY4LDIwLjc2MjU3NDEgTDIxLjYxMTk4ODIsMjMuNTg4OTY1OSBDMjIuMTU4MzgwMiwyNC4xMzcwMTE0IDIzLjA0NDU4ODcsMjQuMTM3MDExNCAyMy41OTA5ODA3LDIzLjU4ODk2NTkgQzI0LjEzNjMzOTgsMjMuMDQyOTI0MiAyNC4xMzYzMzk4LDIyLjE1NzIzNDcgMjMuNTkwOTgwNywyMS42MTExOTMiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSWNvbnMvVUkvU2VhcmNoX2dteCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTguMDAwMDAwLCAtOC4wMDAwMDApIj4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8dXNlIGlkPSJJY29uX1NlYXJjaCIgZmlsbD0iIzFDNDQ5QiIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  --bg-search-color: var(--brand);
  --highlight-search-color: var(--link-bg-hover);
  --border-search: 1px solid #c2c2c2;
  --navigationLogoUrl: url(https://s.uicdn.com/uimag/7.7803../assets_main/logo/logo-gmx-alt.svg);
  --navigationLogoSize: 100% 2.2rem;
  --navigationLogoFlexBasis: 7.2rem;
  --nav-header-border-top: none;
  --burger-icon-bg: #333;
  --bg-routenplaner-calendar: url(./assets_main/css/routenplaner/calendar_GMX.svg);
  --icon-freemail-svg: url(./assets_main/images/freemail-light.svg);
  --icon-freemail-svg-color: var(--brand-text);
  --icon-bell: url(./assets_main/images/bell-white.svg);
  --icon-email-code: "\e60e";
  --searchbartool-font-weight: 400;
  --searchbartool-font-size: 1.3rem;
  --searchbartool-text-decoration: none;
  --textarea-border-color: var(--brand-color);
  --top-border-width: 0;
  --login-logo-bg-color: var(--brand);
  --login-logo-padding: 0;
  --login-logo-margin: 0 0 2.4rem;
  --login-logo-bg-img: url(https://s.uicdn.com/uimag/7.7803../assets_main/logo/logo-gmx.svg);
  --login-logo-bg-pos: 50% 70%;
  --login-logo-bg-size: 100% 2.4rem;
  --login-logo-height: 4rem;
  --login-logo-width: 100%;
  --header-border-top: 0;
  --header-border-bottom: 0;
  --header-box-shadow: none;
  --header-bg-color: var(--brand);
  --header-margin-top: 1rem;
  --header-burger-icon-bg: #fff;
  --header-logo-flex-basis: 7.2rem;
  --header-logo-img: url(https://s.uicdn.com/uimag/7.7803../assets_main/logo/logo-gmx.svg);
  --header-logo-img-size: 100% 2.2rem;
  --header-icon-mail-inline: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjIgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbl9NYWlsPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik01LjAxOTAxMTIzLDEwLjQ2MiBDNS4wMTUwMDg4NywxMC41MjMgNSwxMC41OCA1LDEwLjY0MiBMNSwyMC45MDMgTDEwLjQzNTIxMTcsMTUuNDM0IEw1LjAxOTAxMTIzLDEwLjQ2MiBaIE0xNi4wMDA1MDAzLDE3LjgxMyBDMTYuMjEzNjI2MiwxNy44MTMgMTYuNDEzNzQ0NSwxNy43NCAxNi41NjE4MzIsMTcuNjA4IEwyNi4zMDI1ODc5LDguOTAzIEMyNS43OTcyODkzLDguMzU0IDI1LjA2Nzg1ODMsOCAyNC4yNTAzNzUyLDggTDcuNzQ5NjI0NzgsOCBDNi45MzIxNDE3Miw4IDYuMjAzNzExMjgsOC4zNTQgNS42OTg0MTI3LDguOTAzIEwxNS40MzkxNjg2LDE3LjYwOCBDMTUuNTg3MjU2MSwxNy43NCAxNS43ODYzNzM4LDE3LjgxMyAxNi4wMDA1MDAzLDE3LjgxMyBMMTYuMDAwNTAwMywxNy44MTMgWiBNMTcuNDk1MzgzNiwxOS4xMjEgQzE2LjY2Njg5NDEsMTkuODgyIDE1LjMxMTA5MjksMTkuODgyIDE0LjQ4MjYwMzQsMTkuMTIxIEwxMS43Njg5OTk5LDE2LjYyOSBMNS41MzMzMTUxNCwyMi45MDQgQzYuMDM0NjExMzYsMjMuNTY0IDYuODM5MDg2NzMsMjQgNy43NDk2MjQ3OCwyNCBMMjQuMjUwMzc1MiwyNCBDMjUuMTYwOTEzMywyNCAyNS45NjYzODkyLDIzLjU2NCAyNi40Njc2ODU1LDIyLjkwMyBMMjAuMjIwOTk0MiwxNi42MTggTDE3LjQ5NTM4MzYsMTkuMTIxIFogTTI2Ljk3ODk4NzYsMTAuNDQyIEwyMS41NTM3ODE4LDE1LjQyMyBMMjcsMjAuOTAzIEwyNywxMC42NDIgQzI3LDEwLjU3MyAyNi45ODM5OTA1LDEwLjUwOSAyNi45Nzg5ODc2LDEwLjQ0MiBMMjYuOTc4OTg3NiwxMC40NDIgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJJY29ucy9IZWFkZXIvTWFpbF93ZWJkZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuMDAwMDAwLCAtOC4wMDAwMDApIj4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8dXNlIGlkPSJJY29uX01haWwiIGZpbGw9IiNGRkZGRkYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  --header-icon-mail-color: var(--brand-text);
  --header-icon-mail-hover-filter: none;
  --header-icon-mail-hover-opacity: 0.8;
  --header-icon-color: var(--brand-text);
  --hp-footer-link-color: #fff;
  --hp-logo-height: 3.2rem;
  --hp-logo-img: url(https://s.uicdn.com/uimag/7.7803../assets_main/logo/logo-gmx-black.svg);
  --teaser-kicker-label-color: #1c449b;
  --teaser-kicker-label-bg-color: #d6dded;
  --notisettings-icon-bell-bg: var(--complementary-color);
  --pushbell-bg: var(--brand)
    url(./assets_main/images/bell-white.svg)
    no-repeat center / 20px 20px;
  --quiz-question-number-bg: var(--brand);
  --standalone-title-lh: 3.2rem;
  --stage-teaser-headline-fs: 2.1rem;
  --stage-teaser-headline-lh: 2.5rem;
  --stage-teaser-headline-fs-tablet: 2.4rem;
  --stage-teaser-headline-lh-tablet: 2.2rem;
  --stage-teaser-headline-pb-tablet: 0.6rem;
  --stage-teaser-desc-fs-tablet: 1.6rem;
  --hp-teaser-desc-margin: 0.3rem 0;
  --sp-teaser-desc-lh: 2.1rem;
  --tablist-teaser-headline-lh: 1.7rem;
  --tablist-teaser-headline-fw: 700;
  --tablist-teaser-desc-margin: 2px 0;
  --tablist-teaser-desc-lh: 1.8rem;
  --voting-qp-bg-color: var(--brand-color);
  --voting-qw-color: inherit;
  --voting-qn-bg-color: var(--brand-color);
  --voting-qn-color: #fff;
  --wb-logo-img: url(https://s.uicdn.com/uimag/7.7803../assets_main/logo/logo-gmx-alt.svg)
    no-repeat 0 50%;
  --wb-logo-img-width: 7.6rem;
  --article-quotes-icon: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/article/icon-quotes-gmx.svg);
  --social-background-color: #1c449b;
  --inboxnews3c-header-logo-url: url(https://s.uicdn.com/uimag/7.7803../assets_main/logo/logo-gmx-alt.svg);
  --inboxnews3c-header-logo-ratio: 509 / 166;
  --inboxnews3c-header-logo-size: 2.2rem;
  --appbanner-logo-image: var(--header-logo-img);
  --regbanner-border-bottom-color: #fff;
  --regbanner-close-icon-url: url(./assets_main/images/close-low-vis-light.svg);
  --freephonepromo-checkmark-icon-url: url(./assets_main/images/checkmark.svg);
}

@media (prefers-color-scheme: dark) {
  [data-theme="user-preferred"] [data-mod-name="inapp"] {
    --brand-color-dark-2: #2a4b7f;
    --brand-color-dark-1: #3864aa;
    --brand-color: #467dd4;
    --brand-color-light-1: #467dd4d9;
    --brand-color-light-2: #467dd4b2;
    --brand-color-light-3: #467dd499;
    --brand-color-light-4: #467dd480;
    --brand-color-light-5: #467dd44d;
    --brand-color-light-6: #467dd42e;
    --brand-color-light-7: #467dd41a;
    --complementary-color-dark-2: #425b02;
    --complementary-color-dark-1: #587a03;
    --complementary-color: #6e9804;
    --complementary-color-light-1: #6e9804d9;
    --complementary-color-light-2: #6e9804b2;
    --complementary-color-light-3: #6e980499;
    --complementary-color-light-4: #6e980480;
    --complementary-color-light-5: #6e98044d;
    --complementary-color-light-6: #6e98042e;
    --complementary-color-light-7: #6e98040f;
    --form-element-hover-focus-border: var(--brand-color);
    --element-hover-color: var(--brand-color);
    --button-primary-default-label: var(--base-system);
    --button-secondary-default-background: var(--brand-color);
    --button-secondary-default-label: var(--brand-color);
    --button-secondary-hover-background: var(--brand-color-dark-2);
    --button-secondary-hover-label: var(--base-system);
    --button-secondary-active-background: var(--brand-color);
    --button-secondary-active-label: var(--base-system);
    --button-secondary-disabled-label: var(--brand-color-light-5);
    --button-secondary-disabled-border: var(--brand-color-light-5);
    --chip-viewtype-background: var(--brand-color);
    --chip-viewtype-label: var(--base-system);
    --filter-default-label: var(--brand-color);
    --filter-default-background: var(--brand-color-light-7);
    --filter-hover-background: var(--brand-color-dark-2);
    --filter-hover-label: var(--base-system);
    --identity-lowVisibility: var(--brand-color-light-7);
    --identity-highVisibility: var(--brand-color);
    --identity-onHighVisibility: var(--base-system);
    --identity-hover-lowVisibility: var(--brand-color-light-6);
    --identity-hover-highVisibility: var(--brand-color-dark-2);
    --identity-hover-onHighVisibility: var(--base-system);
    --inboxnews3c-header-logo-url: url(https://s.uicdn.com/uimag/7.7803../assets_main/logo/logo-gmx.svg);
  }
}

/*# sourceMappingURL=gmx.cp.css.map */
html {
  font-family: sans-serif;
  text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:focus {
  outline: 0;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

figure {
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}

button,
optgroup,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

html,
button,
textarea {
  color: #222;
}

html {
  font-size: 1em;
  line-height: 1.4;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

:root {
  --gap: 1.6rem;
  --header-z-index: 15000;
  --article-padding: 6.25%;
  --box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.15);
  --bmi-slider-gradient: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/bmi/slider-gradient.png);
  --bmi-figure: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/bmi/figures.png);
  --font-family-icons: url(https://s.uicdn.com/uimag/7.7803../assets_main/webfonts/icons/icons_1604327755.woff2)
    format("woff2");
  --horoscope-bg: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/bg.jpg);
  --icon-widder: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/dark/Aries.svg);
  --icon-stier: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/dark/Taurus.svg);
  --icon-zwilling: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/dark/Twins.svg);
  --icon-krebs: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/dark/Crab.svg);
  --icon-loewe: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/dark/Lion.svg);
  --icon-jungfrau: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/dark/Virgo.svg);
  --icon-waage: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/dark/Libra.svg);
  --icon-skorpion: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/dark/Scorpio.svg);
  --icon-schuetze: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/dark/Saggitarius.svg);
  --icon-steinbock: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/dark/Capricorn.svg);
  --icon-wassermann: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/dark/Aquarius.svg);
  --icon-fische: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/dark/Pisces.svg);
  --icon-widder-light: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/light/Aries.svg);
  --icon-stier-light: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/light/Taurus.svg);
  --icon-zwilling-light: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/light/Twins.svg);
  --icon-krebs-light: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/light/Crab.svg);
  --icon-loewe-light: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/light/Lion.svg);
  --icon-jungfrau-light: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/light/Virgo.svg);
  --icon-waage-light: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/light/Libra.svg);
  --icon-skorpion-light: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/light/Scorpio.svg);
  --icon-schuetze-light: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/light/Saggitarius.svg);
  --icon-steinbock-light: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/light/Capricorn.svg);
  --icon-wassermann-light: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/light/Aquarius.svg);
  --icon-fische-light: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/horoscope/new/light/Pisces.svg);
  --region-bg: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/region/regio-graphic-v2.svg);
  --content-width-desktop: 67.2rem;
  --content-width-large: 73.2rem;
  --content-width-large1440: 75.2rem;
  --content-width-large1680: 82.8rem;
  --content-padding-tablet: 8.8rem;
  --content-padding-desktop: 7rem;
  --content-padding-large: 7rem;
  --content-padding-large1440: 5.6rem;
  --content-padding-large1680: 9.4rem;
  --ad-right-startpos: 102.4rem;
  --leftcolumn-width-with-gap: 0;
  --appbanner-close-icon-url: url(./assets_main/images/close-low-vis.svg);
  --video-slider-play-icon: url(./assets_main/images/icon-play-big.svg);
  --video-slider-prev-icon: url(./assets_main/images/arrow-prev.svg);
  --video-slider-next-icon: url(./assets_main/images/arrow-next.svg);
  --regpromotool-check: url(https://s.uicdn.com/uimag/7.7803../assets_main/_sn_/module_assets/regpromotool/list-check.png);
  --icon-home-svg: url(./assets_main/images/icon-home_lightmode.svg);
  --icon-arrow-right: url(./assets_main/images/arrow-right-icon_lightmode.svg);
}

:root {
  --white: #fff;
  --grey-hover: #bbb;
  --black: #000;
  --body-bg: #e7e7e7;
  --success-bg: #c7d8ab;
  --error-bg: #f4cfcd;
  --disabled-color: #dadada;
  --color-illustration-lowVisibility: rgba(51 51 51 / 30%);
  --color-surface-opac: rgba(3 6 14 / 70%);
  --cp-grey-dark-2: #292929;
  --cp-grey-dark-1: #2e2e2e;
  --cp-grey-color: #333333;
  --cp-grey-light-1: #515151;
  --cp-grey-light-2: #717171;
  --cp-grey-light-3: #858585;
  --cp-grey-light-4: #999999;
  --cp-grey-light-5: #c2c2c2;
  --cp-grey-light-6: #dadada;
  --cp-grey-light-7: #f3f3f3;
  --cp-facebook: #3b5998;
  --cp-pocket: #ef4056;
  --cp-whatsapp: #1d9e11;
  --cp-linkedin: #0077b5;
  --cp-instagram: #f00075;
  --cp-vine: #00b488;
  --cp-xing: #1a7576;
  --cp-pinterest: #bd081c;
  --cp-youtube: #ff0;
  --cp-inapp-new: #ff3b30;
  --awareness-consistent: #5cb82a;
  --awareness-sensitive: #f0bc00;
  --awareness-important: #d40000;
  --awareness-informative: #1c8ad9;
  --base-system: white;
  --base-system-inverted: #333;
  --notification-success: var(--awareness-consistent);
  --notification-warning: var(--awareness-sensitive);
  --notification-error: var(--awareness-important);
  --notification-info: var(--awareness-informative);
  --notification-text: #121219;
  --notification-icon: #121219;
  --system-white: white;
  --system-black: black;
  --system-opac: #000000b3;
  --system-hyperlink: #2269c3;
  --system-hyperlink-text: var(--system-hyperlink);
  --system-hyperlink-underline-color: var(--system-hyperlink);
  --system-hyperlink-underline-thickness: 1px;
  --page-background: white;
  --page-onBackground-light: #f3f3f3;
  --page-onBackground-dark: #333;
  --page-overlay: var(--cp-grey-light-7);
  --chip-doctype-background: #515151;
  --chip-doctype-label: white;
  --chip-partner-background: var(--cp-grey-light-6);
  --chip-partner-label: var(--cp-grey-light-2);
  --chip-breakingNews-background: var(--awareness-important);
  --chip-breakingNews-label: white;
  --separator-default: #0000001a;
  --icon-lowVisibility: #33333389;
  --icon-lowVisibility-default: rgba(0 0 0 / 54%);
  --icon-lowVisibility-hover: #333;
  --icon-highVisibility: #333;
  --text-lowVisibility: #0000008a;
  --text-highVisibility: #333;
  --text-onOverlay-lowVisibility: var(--text-lowVisibility);
  --text-convertible-onContent-highVisibility: #dbdbdd;
  --text-nonConvertible-lowVisibility: #6d6d6d;
  --text-nonConvertible-highVisibility: #333;
  --form-default-background: white;
  --form-icon-default: var(--bg-search-color);
  --form-element-default-text: var(--text-highVisibility);
  --form-element-default-border: #c2c2c2;
  --form-element-error-border: var(--awareness-important);
  --buttonTertiary-default-border: #717171;
  --buttonTertiary-default-label: #717171;
  --buttonTertiary-hover-background: #515151;
  --buttonTertiary-hover-label: white;
  --buttonTertiary-click-background: #717171;
  --buttonTertiary-click-label: white;
  --buttonTertiary-disabled-border: #dadada;
  --buttonTertiary-disabled-label: #dadada;
  --buttonTertiary-active-background: #717171;
  --buttonTertiary-active-label: white;
  --outline-lowVisibility: #0000001a;
  --outline-highVisibility: #0000004d;
  --surface-body: var(--body-bg);
  --surface-content: var(--base-system);
  --surface-onContent-light: rgba(255 255 255 / 6%);
  --surface-onContent-dark: var(--cp-grey-color);
  --surface-overlay: #fff;
  --table-background-bright: white;
  --table-background-dark: var(--cp-grey-light-7);
}

.reset,
html,
form,
ul,
ol,
li,
a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  font-style: normal;
  text-size-adjust: none;
}

address {
  display: inline;
}

dl,
dt,
dd {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

abbr[title] {
  border-bottom: 0;
}

@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto-Regular.woff2)
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto-Italic.woff2)
    format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: optional;
}

@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto-Bold.woff2)
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto-BoldItalic.woff2)
    format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: optional;
}

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

@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto-LightItalic.woff2)
    format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: optional;
}

@font-face {
  font-family: webde-sans;
  src: url(../fonts/web.de-sans-regular.woff2)
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: webde-sans;
  src: url(../fonts/web.de-sans-bold.woff2)
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: webde-sans;
  src: url(../fonts/web.de-sans-light.woff2)
    format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: optional;
}

.col {
  padding: 0 0.8rem;
  min-height: 1px;
}

.row .row {
  margin: 0 -0.8rem;
}

.row:before,
.row:after {
  content: "";
  display: table;
}

.row:after {
  clear: both;
}

@media only screen {
  .col {
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
}

html {
  font-size: 10px;
  overflow-x: hidden;
}

body {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--text-highVisibility);
  font-family: var(--font-family-sans-serif);
  background-color: var(--surface-body);
}

body:after {
  content: "mobile";
  display: none;
}

.validation-error {
  position: relative;
  z-index: 9999;
  background-color: var(--error-bg);
  border: 4px solid var(--notification-error);
  padding: 20px;
}

.sponsoring-no-smartphone {
  display: block;
}

.sponsoring-smartphone {
  display: none;
}

@media screen and (max-width: 767px) {
  .time-mark:first-child,
  .sponsoring-no-smartphone {
    display: none;
  }

  .sponsoring-smartphone {
    display: block;
  }
}

h1,
.h1 {
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin-bottom: 0.8rem;
}

@media (min-width: 48em) {
  h1,
  .h1 {
    font-size: 3.2rem;
    line-height: 4rem;
    padding-bottom: 2.6rem;
  }
}

@media (min-width: 90em) {
  h1,
  .h1 {
    font-size: 4rem;
    line-height: 4.8rem;
    padding-bottom: 2.6rem;
  }
}

@media (min-width: 120em) {
  h1,
  .h1 {
    font-size: 4.6rem;
    line-height: 5.4rem;
  }
}

h2,
.h2 {
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.6rem;
  margin: 3.6rem 0 1.2rem;
}

@media (min-width: 48em) {
  h2,
  .h2 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 90em) {
  h2,
  .h2 {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}

h3,
.h3 {
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 1.6rem 0 1.2rem;
}

@media (min-width: 48em) {
  h3,
  .h3 {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 64em) {
  h3,
  .h3 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

h4,
.h4 {
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 1.6rem 0 1.2rem;
}

@media (min-width: 64em) {
  h4,
  .h4 {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

h5,
.h5 {
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

a {
  color: var(--system-hyperlink);
}

p,
dl {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-family: var(--font-family-sans-serif);
}

p {
  font-size: 1.6rem;
  line-height: 2.6rem;
}

@media (max-width: 767px) {
  p {
    line-height: 2.5rem;
  }
}

@media (min-width: 48em) {
  p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}

p:empty {
  font-size: 0;
  line-height: 0;
  margin: 0;
}

p > a:hover,
li > a:hover {
  background-color: var(--link-bg-hover);
}

iframe {
  overflow: hidden;
}

.wrapper {
  position: relative;
  padding-top: 5rem;
  width: 100%;
  box-sizing: border-box;
}

.wrapper.mainview {
  overflow-y: scroll;
}

.wrapper .main {
  width: 100%;
}

.wrapper .main .coc-sky {
  display: none;
}

.wrapper .main .content-wrapper {
  box-sizing: border-box;
  display: block;
}

@media (min-width: 64em) {
  .wrapper .main .content-wrapper {
    padding: 0 1.6rem 0 0;
  }
}

.wrapper .main .content {
  width: 100%;
  height: auto;
  background-color: var(--base-system);
  position: relative;
}

.overview-page .wrapper .main .content,
.homepage .wrapper .main .content {
  box-shadow: none;
  background-color: transparent;
}

.gallery-page .wrapper .main .content {
  transition: width 0.5s;
}

.wrapper
  .main
  .content:has(.scroll-progress-container:not(.scroll-complete))
  .mod-breakingnews-sticky {
  bottom: 5px;
}

@media (min-width: 64em) {
  .wrapper .main {
    display: flex;
  }
}

@media (min-width: 64em) {
  .wrapper {
    padding-top: 0;
    padding-left: 33.6rem;
    max-width: 192rem;
  }

  .js-tab-open .wrapper,
  .js-navi-open .wrapper {
    padding-top: 0;
  }
}

.wrapper.wrapper_new {
  margin: 0;
  padding-top: 0;
}

.wrapper.wrapper_new .coc-sky,
.left-col {
  display: none;
}

@media (min-width: 64em) {
  .wrapper.wrapper_new {
    margin: 1.6rem 0 0;
    padding: 0 0 0 33.6rem;
    box-sizing: border-box;
  }

  .gallery-page .wrapper.wrapper_new {
    transition: padding 0.5s;
  }

  .expanded-view .wrapper.wrapper_new {
    padding-left: 0;
  }

  .left-col {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 6.6rem;
    left: 0;
    width: 32rem;
    bottom: 0;
    background: var(--base-system);
    z-index: 10;
    transition: left 0.5s;
  }

  .expanded-view .left-col {
    left: -32rem;
  }
}

@media (min-width: 80em) {
  .wrapper.wrapper_new .coc-sky {
    display: flex;
    flex-basis: min-content;
    padding-top: 0;
  }
}

.topicWrapper {
  height: 0;
  overflow: hidden;
}

.topicWrapper:before,
.topicWrapper:after {
  content: " ";
  display: table;
}

.topicWrapper:after {
  clear: both;
}

@media (min-width: 64em) {
  .tr {
    display: table-row;
  }

  .tr .tc {
    display: table-cell;
    vertical-align: top;
  }
}

.is-link {
  cursor: pointer;
}

.is-hidden {
  display: none;
}

.is-visible {
  display: block;
}

::selection {
  background: var(--brand-color);
  color: var(--brand-text);
}

.ratio1_1:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.ratio2_1:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.ratio1_2:before {
  content: "";
  display: block;
  padding-top: 200%;
}

.ratio3_2:before {
  content: "";
  display: block;
  padding-top: 66.67%;
}

.ratio4_3:before {
  content: "";
  display: block;
  padding-top: 75%;
}

.open-subtext .icon-subtext:before {
  content: "\e607" !important;
}

.open-subtext figcaption {
  max-height: 23rem !important;
  bottom: 0 !important;
}

@media (min-width: 48em) {
  .keywords + .content__rating {
    width: 50%;
  }
}

.keywords {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: var(--text-lowVisibility);
  padding-left: 0;
  overflow-x: hidden;
  padding-top: 2.2rem;
}

@media (max-width: 767px) {
  .keywords {
    order: 3;
  }
}

@media (min-width: 48em) {
  .keywords {
    flex: 50%;
    padding-top: 0.8rem;
  }
}

.keywords .tags {
  margin: 0.5rem 0 2.8rem -1.6rem;
}

.keywords .tags li {
  display: block;
  white-space: nowrap;
  float: left;
}

.keywords .tags li:before {
  content: "\2022";
  width: 1.6rem;
  text-align: center;
  display: inline-block;
}

.keywords .tags li span {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--system-hyperlink);
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  margin: 0 0 0.4rem;
  cursor: pointer;
  white-space: nowrap;
}

@media (min-width: 48em) {
  .keywords .tags li span {
    line-height: 2.2rem;
  }
}

.keywords .tags li span:hover {
  background: var(--link-bg-hover);
}

.additionalArticles {
  background-color: var(--page-background);
  padding-bottom: 3rem;
  color: var(--text-highVisibility);
}

@media (min-width: 48em) {
  .additionalArticles .row {
    margin: 0 -0.8rem;
  }
}

.additionalArticles .topic {
  margin: 0;
  font-size: 2rem;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  padding: 1.2rem 0;
  clear: both;
}

@media (min-width: 48em) {
  .additionalArticles .topic {
    padding: 2.4rem 0 1.6rem;
    font-size: 2.4rem;
    line-height: 2.4rem;
  }
}

.additionalArticles .col {
  padding: 0;
}

@media (min-width: 48em) {
  .additionalArticles .col {
    padding: 0 0.8rem;
    width: 100%;
  }
}

@media (min-width: 48em) {
  .additionalArticles > .row + .row {
    padding-top: 1.6rem;
  }

  .additionalArticles .col {
    width: 33.33333333%;
  }
}

@media (max-width: 767px) {
  .additionalArticles [data-mod-name="teaser"].teaser-ctx-additional {
    padding-left: 0;
    padding-right: 0;
    border-top: 0;
  }
}

.gallery-page button .icon-arrow-down {
  vertical-align: middle;
  padding-right: 1rem;
}

.vertical-video-page {
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-height: 100dvh;
}

.vertical-video-page .content-padding-featured-media {
  padding: 0;
  margin: 0;
}

.vertical-video-page .wrapper.wrapper_new,
.vertical-video-page .wrapper .main,
.vertical-video-page .wrapper .content-wrapper,
.vertical-video-page .wrapper .content,
.vertical-video-page .wrapper .standalone-video,
.vertical-video-page .wrapper .standalone-video__header,
.vertical-video-page .wrapper .content-padding-featured-media,
.vertical-video-page .wrapper .article-video,
.vertical-video-page .wrapper .article-video-object,
.vertical-video-page .wrapper .article-inner-video-object {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
}

@media (min-width: 64em) {
  .vertical-video-page .wrapper .main {
    flex-direction: row;
  }

  .vertical-video-page .wrapper .content-wrapper {
    flex-grow: 0;
  }
}

@media (min-width: 48em) {
  .vertical-video-page .mod-breakingnews-sticky {
    top: 0;
  }
}

@media (max-width: 767px) {
  .vertical-video-page .mod-breakingnews-sticky {
    position: static;
    order: 1;
  }
}

.video-rubric-page .overview__rubric-teasers {
  padding: 0 0 0 2rem;
}

@media (min-width: 64em) {
  :root {
    --leftcolumn-width-with-gap: 33.6rem;
  }

  .wrapper .main .content {
    width: var(--content-width-desktop);
  }

  .expanded-view .wrapper .main .content {
    width: calc(var(--content-width-desktop) + 33.6rem);
  }
}

@media (min-width: 80em) {
  .wrapper .main .content {
    width: var(--content-width-large);
  }

  .expanded-view .wrapper .main .content {
    width: calc(var(--content-width-large) + 33.6rem);
  }

  :root {
    --ad-right-startpos: 108.4rem;
  }
}

@media (min-width: 90em) {
  .wrapper .main .content {
    width: var(--content-width-large1440);
  }

  .expanded-view .wrapper .main .content {
    width: calc(var(--content-width-large1440) + 33.6rem);
  }

  :root {
    --ad-right-startpos: 110.4rem;
  }
}

@media (min-width: 105em) {
  .wrapper .main .content {
    width: var(--content-width-large1680);
  }

  .expanded-view .wrapper .main .content {
    width: calc(var(--content-width-large1680) + 33.6rem);
  }

  :root {
    --ad-right-startpos: 118rem;
  }
}

figure img {
  width: 100%;
  height: auto;
}

.button,
button {
  font-size: 1.6rem;
  line-height: 3.8rem;
  border-radius: 0.4rem;
  border: 0.1rem solid transparent;
  font-family: var(--font-family-sans-serif);
  padding: 0 1.6rem;
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 0 1.6rem 1.6rem 0;
  height: 4rem;
}

.logout,
.no-js-warning {
  position: relative;
  transition: opacity 0.3s;
  box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 2rem;
}

@media (min-width: 48em) {
  .logout,
  .no-js-warning {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}

.logout .icon,
.no-js-warning .icon {
  position: absolute;
  top: 50%;
  margin-top: -1.2rem;
  font-size: 2.4rem;
  color: var(--awareness-consistent);
}

.logout {
  background-color: var(--success-bg);
  padding: 1.2rem 4rem 1.2rem 5rem;
}

.logout .icon {
  color: var(--awareness-consistent);
}

.logout .icon.icon-check {
  left: 1.6rem;
}

.logout .icon.icon-close {
  right: 1.2rem;
  margin-top: -0.8rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.no-js-warning {
  background-color: var(--error-bg);
  padding: 1.2rem 1.2rem 1.2rem 5rem;
  margin: 1.6rem;
  display: none;
}

.no-js .no-js-warning {
  display: block;
}

@media (min-width: 64em) {
  .no-js-warning {
    margin: 0 1.6rem 0 0;
  }
}

.no-js-warning .icon {
  color: var(--form-element-error-border);
}

.no-js-warning .icon.icon-warning {
  left: 2rem;
}

.no-js-warning .text:after {
  content: "Bitte aktivieren Sie Javascript in Ihrem Browser, um den vollen Funktionsumfang dieses Internetangebots nutzen zu k\f6nnen.";
}

.button,
button {
  font-weight: 700;
  text-align: center;
  box-shadow: none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  color: var(--buttonTertiary-default-label);
  border-color: var(--buttonTertiary-default-border);
}

.button:hover,
button:hover {
  color: var(--buttonTertiary-hover-label);
  background-color: var(--buttonTertiary-hover-background) !important;
  border-color: var(--buttonTertiary-hover-background);
}

.button:active,
button:active {
  background-color: var(--buttonTertiary-active-background) !important;
  border-color: var(--buttonTertiary-active-background);
  color: var(--buttonTertiary-active-label);
}

.button:disabled,
button:disabled,
.button.disabled,
button.disabled {
  background-color: transparent !important;
  color: var(--buttonTertiary-disabled-label);
  border-color: var(--buttonTertiary-disabled-border);
  cursor: default;
}

.button.primary,
button.primary {
  background-color: var(--button-primary-default-background);
  color: var(--button-primary-default-label) !important;
  border-color: var(--button-primary-default-background);
}

.button.primary:hover,
button.primary:hover {
  background-color: var(--button-primary-hover-background) !important;
  border-color: var(--button-primary-hover-background);
}

.button.primary:active,
button.primary:active {
  background-color: var(--button-primary-click-background) !important;
  color: var(--button-primary-click-label);
  border-color: var(--button-primary-click-background-background);
}

.button.primary:disabled,
button.primary:disabled,
.button.primary.disabled,
button.primary.disabled {
  background-color: var(--button-primary-disabled-background) !important;
  color: var(--button-primary-disabled-label) !important;
  border-color: var(--button-primary-disabled-background);
}

.button.secondary,
button.secondary {
  background-color: transparent;
  color: var(--button-secondary-default-label);
  border-color: var(--button-secondary-default-background);
  font-weight: 400;
  border-bottom: 0.1rem solid;
}

.button.secondary:hover,
button.secondary:hover {
  background-color: var(--button-secondary-hover-background) !important;
  color: var(--button-secondary-hover-label);
  border-color: var(--button-secondary-hover-background);
}

.button.secondary:active,
button.secondary:active {
  background-color: var(--button-secondary-active-background) !important;
  color: var(--button-secondary-active-label);
}

.button.secondary:disabled,
button.secondary:disabled,
.button.secondary.disabled,
button.secondary.disabled {
  background-color: transparent !important;
  color: var(--button-secondary-disabled-label);
  border-color: var(--button-secondary-disabled-border);
}

.button-center {
  text-align: center;
  clear: both;
}

.button-center .button {
  float: none;
  display: inline-block;
  height: auto;
  line-height: 2.2rem;
  padding: 0.8rem 1.6rem;
  text-decoration: none;
}

.button-center .button:hover {
  background-color: var(--brand);
}

.button-center .button.button-icon {
  padding: 0.8rem 1.6rem 0.8rem 2.8rem;
}

.button-right {
  text-align: center;
  clear: both;
}

@media (min-width: 48em) {
  .button-right {
    text-align: right;
  }
}

.button-right .button {
  float: none;
  display: inline-block;
  height: auto;
  margin: 0;
  text-decoration: none;
}

.button-right .button:hover {
  background: var(--brand);
}

.clearBoth {
  clear: both;
}

.switcher {
  position: fixed;
  bottom: 1rem;
  right: 10px;
  z-index: 20000;
  font-size: 1.2rem;
  line-height: 1.6rem;
  border: 0.1rem solid var(--separator-default);
  padding: 0.8rem;
  background-color: #ffffffb3;
}

.switcher span {
  cursor: pointer;
}

.switcher span:hover {
  font-weight: 700;
}

.objectWrapper object,
.objectWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  overflow: hidden;
}

.response {
  box-sizing: border-box;
  opacity: 0;
  animation: showElement 0.3s ease-in;
  display: none;
  clear: both;
  font-size: 1.6rem;
  line-height: 2.4rem;
  min-width: 100%;
}

.response.success {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.response.error {
  position: relative;
  clear: left;
  margin: 0.8rem 0 1.2rem;
}

.response.show {
  opacity: 1;
  display: inline-block;
}

.response .success-hint,
.response .error-hint {
  position: relative;
  padding: 2rem 2.4rem 2rem 8.4rem;
}

.response .success-hint .icon,
.response .error-hint .icon {
  position: absolute;
  top: 50%;
  margin-top: -2rem;
  left: 2.4rem;
  width: 4rem;
  height: 4rem;
  text-align: center;
}

.response .success-hint {
  background-color: var(--success-bg);
}

.response .success-hint .icon {
  color: var(--awareness-consistent);
}

.response .error-hint {
  background-color: var(--error-bg);
}

.response .error-hint .icon {
  color: var(--form-element-error-border);
}

.err-hint {
  display: none;
  font-family: var(--font-family-sans-serif);
  color: var(--form-element-error-border);
  clear: both;
  padding: 0 0 0.8rem;
}

.spinner {
  margin: 1.6rem auto;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 16px;
  height: 16px;
  background-color: var(--cp-grey-light-5);
  margin: 0 0.2rem;
  border-radius: 100%;
  display: inline-block;
  animation: bouncedelay 1.4s infinite ease-in-out;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  animation-delay: -0.16s;
}

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

.tabnavi__item {
  position: relative;
  padding: 0.5rem 2rem;
  border: 1px solid var(--button-secondary-default-background);
  border-radius: 4px;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: var(--button-secondary-default-background);
  background-color: var(--page-background);
  margin: 0 0.5rem;
  cursor: pointer;
}

.tabnavi__item a {
  color: var(--button-secondary-default-background);
  display: inline-block;
  position: relative;
}

.tabnavi__item a:before {
  content: "";
  position: absolute;
  inset: -0.5rem -2rem;
}

.tabnavi__item:hover {
  background-color: var(--button-secondary-hover-background);
  border-color: var(--button-secondary-hover-background);
  color: var(--page-background);
}

.tabnavi__item:hover a {
  color: var(--page-background);
}

.tabnavi__item:hover a:hover {
  background-color: transparent;
}

.tabnavi__item_current {
  background-color: var(--button-secondary-default-background);
  color: var(--page-background);
}

.tabnavi__item_current a {
  color: var(--page-background);
}

.tabnavi__item_current:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: var(--button-secondary-default-background);
  bottom: -20px;
  right: 50%;
  margin-right: -10px;
}

.tabnavi__item_current:hover:after {
  border-top-color: var(--button-secondary-hover-background);
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
}

.toggle {
  position: absolute;
  cursor: pointer;
  inset: 0;
  border: 1px solid;
  border-color: var(--separator-default);
  background-color: var(--form-default-background);
  border-radius: 100px;
}

.animate .toggle {
  transition: transform 0.4s, background-color 0.4s;
}

.toggle .ball {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  left: 2px;
  bottom: 2px;
  border: 2px solid;
  border-color: var(--page-background);
  background-color: var(--form-indicator);
  border-radius: 50%;
  transform-origin: center;
}

.animate .toggle .ball {
  transition: transform 0.4s, background-color 0.4s;
}

figure[data-mod-name="native-image"] > a {
  pointer-events: none;
}

@media (min-width: 64em) {
  figure[data-mod-name="native-image"] > a {
    pointer-events: auto;
  }
}

.article-copyright {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--cp-grey-light-3);
  font-family: var(--font-family-sans-serif);
  display: inline-block;
  white-space: nowrap;
}

.article-copyright:first-letter {
  font-size: 12px;
  line-height: 1.8rem;
  font-weight: 300;
}

.article-copyright:hover {
  background-color: transparent;
}

.fineprint {
  font-family: var(--font-family-sans-serif);
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--text-lowVisibility);
  margin-bottom: 1.6rem;
  margin-top: 2rem;
}

.fineprint .copyrightsign {
  vertical-align: unset;
}

.fineprint .copyrightsign:first-letter {
  font-size: 12px;
}

.transparency-text {
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--cp-grey-light-3);
  margin-bottom: 4rem;
  margin-top: 2rem;
}

.transparency-text a:hover {
  background-color: var(--link-bg-hover);
}

.mod-tool {
  container-type: inline-size;
  container-name: widget;
}

.page__headline {
  padding-top: 3.2rem;
  margin-top: 0;
  font-size: 2.4rem;
  line-height: 3.2rem;
  line-height: 2.8rem;
}

@media (max-width: 767px) {
  .page__headline {
    padding-top: 1.6rem;
  }
}

@media (min-width: 48em) {
  .page__headline {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}

@media (min-width: 90em) {
  .page__headline {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}

@media (min-width: 120em) {
  .page__headline {
    font-size: 4.6rem;
    line-height: 5.4rem;
  }
}

.page__content {
  padding-bottom: 0.8rem;
}

@media (max-width: 767px) {
  .page__content ui-tool {
    border: 0;
  }
}

@media (min-width: 48em) {
  .rubrikplus .overview__rubric-teasers .content-padding {
    padding: 0;
  }
}

.rubrikplus [data-mod-name="rating"] {
  margin: 1.8rem 0;
}

.rubrikplus .content__time {
  margin-bottom: 10px;
}

@media (min-width: 48em) {
  [data-mod-name="infinitescroll"] ui-tool {
    --tool-padding-left: 1.2rem;
    --tool-padding-right: 1.2rem;
    --tool-padding-bottom: 1.2rem;
  }

  [data-mod-name="infinitescroll"]
    ui-tool.newtool[data-mod-name="sporttickertool"] {
    --tool-header-padding-top: 2rem;
    --tool-header-padding-right: 0;
    --tool-header-padding-bottom: 2rem;
    --tool-footer-padding-right: 0;
    --tool-footer-padding-left: 0;
  }

  ui-tool {
    --tool-padding-bottom: 1.2rem;
    --tool-footer-padding-top: 0;
    --tool-footer-padding-right: 0;
    --tool-footer-padding-bottom: 0;
    --tool-footer-padding-left: 0;
  }
}

.offline-page .coc-top,
.offline-page .left-col-bottom {
  display: none;
}

.offline-page [data-mod-name="sticky"],
.offline-page ui-social,
.offline-page [data-mod-name="infinitescroll"],
.offline-page .breadcrumb {
  display: none !important;
}

@media (max-width: 767px) {
  .offline-page .content-padding {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
}

.offline-page .left-col .teaser-image {
  display: none;
}

.offline-page .no-internet-icon {
  display: block;
  height: 110px;
  padding: 4rem 0;
  margin: 0 auto;
}

@media (min-width: 64em) {
  .offline-page .no-internet-icon {
    height: 170px;
    padding: 5rem 0;
  }
}

.offline-page .content__headline {
  padding-top: 0;
  margin-bottom: 2rem;
}

.offline-page .content__headline2 {
  display: block;
}

.offline-page .button-center {
  margin-top: 3rem;
  padding-bottom: 3rem;
}

.offline-page .button-center .button {
  margin-right: 0;
}

.taglist {
  margin: 0;
  padding: 0.6rem 0 0;
}

.taglist:before,
.taglist:after {
  content: " ";
  display: table;
}

.taglist:after {
  clear: both;
}

.mod-tool .taglist {
  margin-top: 0.8rem;
}

.taglist .tag {
  float: left;
  width: auto;
  max-width: 28rem;
  margin: 0 0.8rem 0.8rem 0;
  padding: 0.2rem 0;
  border-right: 0;
  color: var(--filter-default-label);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 48em) {
  .taglist .tag {
    max-width: 58.8rem;
  }
}

.taglist .tag a {
  padding: 0.2rem 1rem;
  background-color: var(--filter-default-background);
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  font-style: normal;
  color: var(--filter-default-label);
}

.taglist .tag a:hover {
  background-color: var(--filter-hover-background);
  color: var(--filter-hover-label);
}

.article-body ol,
.page__content ol,
.dialog__wrapper ol,
.page__content ul,
.dialog__wrapper ul {
  display: table;
  margin-bottom: 1.6rem;
  font-family: var(--font-family-sans-serif);
  list-style: none;
  font-size: 1.6rem;
  line-height: 2.2rem;
}

@media (min-width: 90em) {
  .article-body ol,
  .page__content ol,
  .dialog__wrapper ol,
  .page__content ul,
  .dialog__wrapper ul {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

@media (min-width: 48em) {
  .article-body ol.two-columns,
  .page__content ol.two-columns,
  .dialog__wrapper ol.two-columns,
  .page__content ul.two-columns,
  .dialog__wrapper ul.two-columns {
    display: block;
    column-count: 2;
  }

  .article-body ol.two-columns li,
  .page__content ol.two-columns li,
  .dialog__wrapper ol.two-columns li,
  .page__content ul.two-columns li,
  .dialog__wrapper ul.two-columns li {
    display: block;
  }

  .article-body ol.two-columns li:before,
  .page__content ol.two-columns li:before,
  .dialog__wrapper ol.two-columns li:before,
  .page__content ul.two-columns li:before,
  .dialog__wrapper ul.two-columns li:before {
    display: inline-block;
  }
}

.article-body ol li,
.page__content ol li,
.dialog__wrapper ol li,
.page__content ul li,
.dialog__wrapper ul li {
  padding: 0.8rem 0 0.8rem 1.5rem;
}

.article-body ol li:before,
.page__content ol li:before,
.dialog__wrapper ol li:before,
.page__content ul li:before,
.dialog__wrapper ul li:before {
  position: relative;
  display: inline-block;
  content: "";
  margin-left: -1.5rem;
  background: var(--identity-highVisibility);
  height: 13px;
  width: 5px;
  cursor: default;
  margin-right: 1rem;
}

ul.content__description {
  display: block;
}

ul.content__description li {
  border-bottom: 1px solid var(--cp-grey-light-6);
  font-weight: 400;
  line-height: 2.4rem;
  display: block;
  padding: 0.4rem 0 0.8rem 2rem;
}

ul.content__description li:before {
  display: inline-block;
  margin-left: -2rem;
  font-size: 2rem;
}

ul.content__description li:last-of-type {
  border: 0;
}

ul.content__article-list {
  display: block;
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
}

ul.content__article-list li {
  border-bottom: 1px solid var(--separator-default);
  font-weight: 400;
  line-height: 2.4rem;
  display: block;
  padding: 1rem 0 1rem 2rem;
}

ul.content__article-list li:before {
  display: inline-block;
  margin-left: -2rem;
  font-size: 2rem;
}

ul.content__article-list li:last-of-type {
  border: 0;
}

ul.content__article-list li a {
  color: var(--text-highVisibility);
}

ul.content__article-list li a:hover {
  background-color: transparent;
  color: var(--system-hyperlink);
  text-decoration: underline;
}

.hidden {
  display: none !important;
}

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

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

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

.ie11 .clearfix:before,
.ie11 .clearfix:after {
  display: block;
}

.clearfix:after {
  clear: both;
}

svg:not(:root) {
  overflow: hidden;
}

.icon-svg-arrow-right-breadcrumb {
  background-image: var(--icon-arrow-right);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
  top: 3px;
  width: 8px;
  height: 15px;
  display: inline-block;
}

.icon-svg-pocket {
  background-image: url(./assets_main/images/pocket.svg);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: 50% 50%;
}

.icon-svg-facebook {
  background-image: url(./assets_main/images/facebook.svg);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: 50% 50%;
}

.icon-svg-twitter {
  background-image: url(./assets_main/images/twitter.svg);
  background-repeat: no-repeat;
  background-size: auto 55%;
  background-position: 50% 50%;
}

.icon-svg-whatsapp {
  background-image: url(./assets_main/images/whats-app.svg);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: 50% 50%;
}

.icon-svg-mail {
  background-image: url(./assets_main/images/mail.svg);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: 50% 50%;
}

.icon-svg-blog {
  background-image: url(./assets_main/images/blog.svg);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: 50% 50%;
}

.icon-svg-youtube {
  background-image: url(./assets_main/images/youtube.svg);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: 50% 50%;
}

.icon-svg-instagram {
  background-image: url(./assets_main/images/instagram.svg);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: 50% 50%;
}

.icon-svg-link {
  background-image: url(./assets_main/images/link.svg);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: 50% 50%;
}

.icon-svg-linked {
  background-image: url(./assets_main/images/linked.svg);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: 50% 50%;
}

.icon-svg-pinterest {
  background-image: url(./assets_main/images/pinterest.svg);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: 50% 50%;
}

.icon-svg-vine {
  background-image: url(./assets_main/images/vine.svg);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: 50% 50%;
}

.icon-svg-xing {
  background-image: url(./assets_main/images/xing.svg);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: 50% 50%;
}

.icon-freemail-svg {
  width: 2.6rem;
  height: 4.6rem;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  line-height: 4.6rem;
  padding: 0;
  margin: 0 1.6rem;
  font-size: 2.6rem;
  color: var(--icon-freemail-svg-color);
  background-image: var(--icon-freemail-svg);
}

.icon-svg-home-breadcrumb {
  background-image: var(--icon-home-svg);
  background-repeat: no-repeat;
  position: relative;
  top: 1px;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.icon-svg-clock {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjNzE3MTcxOwogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im03LjY2LDYuNDV2LTMuMTdjMC0uMTktLjA2LS4zNC0uMTktLjQ3LS4xMy0uMTMtLjI4LS4xOS0uNDYtLjE5cy0uMzQuMDYtLjQ3LjE5Yy0uMTMuMTMtLjE5LjI4LS4xOS40N3YzLjQ1YzAsLjEuMDIuMTkuMDUuMjZzLjA5LjE1LjE1LjIxbDIuNDQsMi40NGMuMTQuMTQuMjkuMi40Ny4xOXMuMzMtLjA4LjQ2LS4yMS4yLS4yOS4yLS40Ni0uMDctLjMzLS4yMS0uNDdsLTIuMjUtMi4yNFptLS42Niw3LjU1Yy0uOTYsMC0xLjg3LS4xOC0yLjcyLS41NXMtMS41OS0uODctMi4yMy0xLjUtMS4xNC0xLjM4LTEuNS0yLjIzYy0uMzYtLjg1LS41NS0xLjc2LS41NS0yLjczcy4xOC0xLjg4LjU1LTIuNzMuODctMS41OSwxLjUtMi4yMiwxLjM4LTEuMTMsMi4yMy0xLjQ5QzUuMTMuMTgsNi4wNCwwLDcuMDEsMHMxLjg4LjE4LDIuNzMuNTVjLjg1LjM3LDEuNTkuODcsMi4yMiwxLjUuNjMuNjMsMS4xMywxLjM3LDEuNDksMi4yMnMuNTUsMS43Ni41NSwyLjczLS4xOCwxLjg3LS41NSwyLjcyLS44NiwxLjU5LTEuNDksMi4yMy0xLjM3LDEuMTQtMi4yMywxLjVjLS44NS4zNi0xLjc2LjU1LTIuNzMuNTVabTAtMS4zMWMxLjU3LDAsMi45MS0uNTYsNC4wMi0xLjY3czEuNjYtMi40NSwxLjY2LTQuMDMtLjU1LTIuOTEtMS42Ni00LjAyLTIuNDUtMS42Ni00LjAyLTEuNjYtMi45Mi41NS00LjAzLDEuNjYtMS42NywyLjQ1LTEuNjcsNC4wMi41NiwyLjkyLDEuNjcsNC4wMywyLjQ1LDEuNjcsNC4wMywxLjY3WiIvPgo8L3N2Zz4=);
  background-repeat: no-repeat;
  position: relative;
  background-size: 1.4rem;
  width: 1.4rem;
  height: 1.4rem;
  display: inline-block;
}

.icon-svg-share {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMjI2OWMzOwogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMC42MSwxNGMtLjYzLDAtMS4xNy0uMjItMS42MS0uNjYtLjQ0LS40NC0uNjYtLjk4LS42Ni0xLjYxLDAtLjEsMC0uMTkuMDItLjI3LjAxLS4wOC4wMy0uMTcuMDUtLjI3bC00LjA1LTIuNDdjLS4xOS4yLS40MS4zNS0uNjcuNDQtLjI2LjA5LS41My4xMy0uODEuMTMtLjYzLDAtMS4xNy0uMjItMS42MS0uNjYtLjQ0LS40NC0uNjYtLjk4LS42Ni0xLjYxcy4yMi0xLjE3LjY2LTEuNjEuOTgtLjY2LDEuNjEtLjY2Yy4yOCwwLC41NS4wNS44LjE0cy40OC4yNC42Ny40M2w0LjA1LTIuNDdjLS4wMi0uMS0uMDQtLjE5LS4wNS0uMjctLjAxLS4wOC0uMDItLjE3LS4wMi0uMjcsMC0uNjMuMjItMS4xNy42Ni0xLjYxUzkuOTgsMCwxMC42MSwwYy42MywwLDEuMTcuMjIsMS42MS42Ni40NC40NC42Ni45OC42NiwxLjYxLDAsLjYzLS4yMiwxLjE3LS42NiwxLjYxLS40NC40NC0uOTguNjYtMS42MS42Ni0uMjgsMC0uNTUtLjA0LS44MS0uMTMtLjI2LS4wOS0uNDgtLjIzLS42Ny0uNDNsLTQuMDUsMi40NmMuMDIuMS4wNC4xOS4wNS4yNy4wMS4wOC4wMi4xNy4wMi4yN3MwLC4xOS0uMDIuMjdjLS4wMS4wOC0uMDMuMTctLjA1LjI3bDQuMDUsMi40NmMuMTktLjIxLjQxLS4zNi42Ny0uNDQuMjYtLjA4LjUzLS4xMi44MS0uMTIuNjMsMCwxLjE3LjIyLDEuNjEuNjZzLjY2Ljk4LjY2LDEuNjEtLjIyLDEuMTctLjY2LDEuNjFjLS40NC40NC0uOTguNjYtMS42MS42NlptMC0xMC44NmMuMjQsMCwuNDUtLjA4LjYxLS4yNS4xNi0uMTYuMjUtLjM3LjI1LS42MXMtLjA4LS40NS0uMjUtLjYxYy0uMTYtLjE2LS4zNy0uMjUtLjYxLS4yNXMtLjQ1LjA4LS42MS4yNWMtLjE2LjE2LS4yNS4zNy0uMjUuNjFzLjA4LjQ1LjI1LjYxYy4xNi4xNi4zNy4yNS42MS4yNVpNMi44OSw3Ljg2Yy4yNCwwLC40NS0uMDguNjEtLjI1LjE2LS4xNi4yNS0uMzcuMjUtLjYxcy0uMDgtLjQ1LS4yNS0uNjFjLS4xNi0uMTYtLjM3LS4yNS0uNjEtLjI1cy0uNDUuMDgtLjYxLjI1Yy0uMTYuMTYtLjI1LjM3LS4yNS42MXMuMDguNDUuMjUuNjFjLjE2LjE2LjM3LjI1LjYxLjI1Wm03LjczLDQuNzJjLjI0LDAsLjQ1LS4wOC42MS0uMjUuMTYtLjE2LjI1LS4zNy4yNS0uNjFzLS4wOC0uNDUtLjI1LS42MWMtLjE2LS4xNi0uMzctLjI1LS42MS0uMjVzLS40NS4wOC0uNjEuMjVjLS4xNi4xNi0uMjUuMzctLjI1LjYxcy4wOC40NS4yNS42MWMuMTYuMTYuMzcuMjUuNjEuMjVaIi8+Cjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 1.4rem;
  position: relative;
  width: 1.4rem;
  height: 1.4rem;
  display: inline-block;
}

.icon-svg-feedback {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMjI2OWMzOwogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xLjMyLDEyLjY4aDEuMDhsNy40Ni03LjQ2LTEuMDgtMS4wOEwxLjMyLDExLjZzMCwxLjA4LDAsMS4wOFpNMTIuNjYsNC4zMmwtMi45Ny0yLjk5Ljk0LS45NEMxMC44OS4xMywxMS4yLDAsMTEuNTYsMHMuNjcuMTMuOTQuNGwxLjEsMS4xYy4yNS4yNS4zNy41Ny4zNy45NSwwLC4zOC0uMTMuNy0uMzguOTUsMCwwLS45My45My0uOTMuOTNaTS43OSwxNGMtLjIxLDAtLjQtLjA4LS41NS0uMjMtLjE2LS4xNi0uMjMtLjM0LS4yMy0uNTV2LTEuODdjMC0uMS4wMi0uMTkuMDUtLjI4LjA0LS4wOS4wOS0uMTcuMTctLjI1TDguNzcsMi4yNmwyLjk3LDIuOTdMMy4yLDEzLjc4Yy0uMDguMDgtLjE2LjEzLS4yNS4xNy0uMDkuMDQtLjE4LjA1LS4yOC4wNSwwLDAtMS44NywwLTEuODcsMFpNOS4zMyw0LjY5bC0uNTUtLjU1LDEuMDgsMS4wOC0uNTQtLjU0WiIvPgo8L3N2Zz4=);
  background-repeat: no-repeat;
  position: relative;
  background-size: 1.4rem;
  width: 1.4rem;
  height: 1.4rem;
  display: inline-block;
}

ui-routenplaner:not(:defined) {
  display: block;
  min-height: 100vh;
}

ui-routenplaner:not(:defined) h2[slot="berechnen_sie_ihre_route"] {
  display: none;
}

ui-routenplaner:not(:defined) h2[slot="weitere_routenplaner_im_web"] {
  display: none;
}

ui-routenplaner:not(:defined) h2[slot="ueber_den_routenplaner"] {
  display: none;
}

ui-routenplaner:not(:defined) div[slot="weitere_services"] {
  display: none;
}

ui-social:not(:defined) {
  display: flex;
  min-height: 4rem;
}

ui-bmi:not(:defined) {
  display: flex;
  min-height: 43rem;
}

ui-tool:not(:defined) {
  display: flex;
  min-height: 29rem;
}

ui-tool:not(:defined) [slot="header"],
ui-tool:not(:defined) [slot="content"],
ui-tool:not(:defined) [slot="footer"] {
  display: none;
}

ui-tool a[slot="footer"]:after {
  content: "\e90f";
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  line-height: 3.6rem;
  padding-left: calc(var(--gap) / 4);
  vertical-align: bottom;
}

ui-searchbartool:not(:defined) {
  display: flex;
  min-height: 29rem;
}

ui-externalembedlist:not(:defined) {
  display: flex;
  min-height: 29rem;
}

ui-autocomplete:not(:defined) {
  display: block;
  min-height: 7.2rem;
}

@media (min-width: 48em) {
  ui-autocomplete:not(:defined) {
    min-height: 7.6rem;
  }
}

ui-region:not(:defined) {
  display: block;
  min-height: 323px;
}

ui-region:not(:defined) > *,
ui-region:not(:defined) .button {
  display: none;
}

@media (min-width: 48em) {
  ui-region:not(:defined)[isdropdownonly="true"] .region__title-inner {
    display: none;
  }
}

ui-autocomplete[for="sement"]:not(:defined) {
  min-height: 11.2rem;
}

@media (min-width: 48em) {
  ui-autocomplete[for="sement"]:not(:defined) {
    min-height: 12.6rem;
  }
}

.co-container {
  font-size: 0;
  line-height: 0;
  position: relative;
  clear: both;
  text-align: center;
}

.co-container iframe {
  margin: 0 auto;
}

@media (max-width: 767px) {
  .overview-page .overview_card .co-container {
    margin: 0.4rem 0;
  }
}

.co-container[data-service-param-tagid="ambient"] {
  position: fixed;
  bottom: 0;
  left: 0;
}

.ad-disabled {
  display: none !important;
}

.co-relatedbox {
  padding-top: 1.6rem;
}

body.video .co-relatedbox {
  min-height: 132px;
}

@media (min-width: 48em) {
  body.video .co-relatedbox {
    min-height: 0;
  }
}

@media (max-width: 767px) {
  [data-mod-name="channel"] .co-container-container,
  .infinitebox .co-container-container {
    padding: 0 1rem;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {
  .coc-top .co-container {
    min-height: 75px;
  }

  .fix-top-ad-height {
    min-height: 0 !important;
    height: 75px !important;
    overflow: hidden;
  }
}

.coc-top .tc {
  text-align: center;
}

.coc-top .tc:first-child {
  padding: 1.6rem 0;
}

@media (min-width: 64em) {
  .coc-top .tc:first-child {
    padding: 0 1.6rem 0 0;
  }
}

.coc-top .co-topbanner {
  margin: 0 auto;
  z-index: 1500;
}

.coc-top .co-topbanner.storynav {
  padding-top: 4rem;
}

@media (min-width: 48em) {
  .coc-top .co-topbanner {
    min-height: 90px;
  }

  .homepage .coc-top .co-topbanner {
    margin: 0.8rem 0;
  }

  .has-ad-sitebar .coc-top .co-topbanner {
    display: block;
  }
}

@media (min-width: 64em) {
  .coc-top .co-topbanner,
  .has-ad-sitebar .coc-top .co-topbanner {
    display: none;
  }

  .ab-active .has-ad-sitebar .coc-top .co-topbanner {
    min-height: 0;
    padding-top: 0;
  }
}

.co-content-container.big {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

[data-mod-name="article"] .co-content-container {
  min-height: 250px;
  display: block;
}

[data-mod-name="article"] .co-content-container .co-container.co-content {
  flex: 1;
}

@media (min-width: 48em) {
  [data-mod-name="article"] .co-content-container {
    display: flex;
    align-items: center;
    min-height: 90px;
  }
}

.co-container.co-content {
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: calc(5rem + 5px);
}

@media (min-width: 48em) {
  .co-container.co-content {
    top: initial;
  }
}

@media (max-width: 767px) {
  .co-container.co-content {
    padding: 0.4rem 0 0;
  }
}

@media (max-width: 480px) {
  .co-container [data-mod-name="routenplaner"].co-container-container {
    margin: 0 -2rem;
  }
}

.co-container [data-mod-name="routenplaner"].co-content {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.content:has(.sportticker-bar) .breadcrumb__top {
  margin-bottom: 1.2rem;
}

.co-container-container:has(.ad-disabled) {
  display: none;
}

.main .coc-sky {
  position: relative;
  display: none;
  padding-top: 1.6rem;
}

@media (min-width: 80em) {
  .main .coc-sky {
    display: block;
  }

  .main .coc-sky .co-sky {
    position: fixed;
    top: 0;
    margin-right: 1.6rem;
    min-width: 160px;
  }

  .ab-active .main .coc-sky .co-sky {
    min-width: 0;
    margin-right: 0;
    right: unset;
  }
}

@media (min-width: 90em) {
  .article-page .main .coc-sky .co-sky {
    min-width: 300px;
    height: 600px;
  }
}

[data-mod-name="appbanner"] {
  display: flex;
  align-items: center;
  padding: 1.6rem;
  gap: 1.6rem;
  background-color: var(--page-background);
}

[data-mod-name="appbanner"].hide {
  display: none;
}

.appbanner__close {
  width: 1.8rem;
  height: 1.8rem;
  background: var(--appbanner-close-icon-url) no-repeat 50% 50%;
}

.appbanner__wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  color: var(--text-highVisibility);
}

.appbanner__teaser {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
}

.appbanner__logo {
  --logo-size: 5.2rem;
  width: var(--logo-size);
  height: var(--logo-size);
  border-radius: 1rem;
  background: var(--brand) var(--appbanner-logo-image) no-repeat 50% 50% /
    3.8rem;
}

.appbanner__text {
  flex: 1;
}

.appbanner__headline {
  margin: 0;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.appbanner__desc {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--text-lowVisibility);
}

.appbanner__install {
  font-size: 1.4rem;
  line-height: 1.4rem;
  background-color: var(--button-primary-default-background);
  color: var(--button-primary-default-label);
  padding: 1rem 1.6rem;
  border-radius: 0.4rem;
}

@media (min-width: 64em) {
  [data-mod-name="appbanner"] {
    display: none;
  }
}

.article-video {
  background-color: var(--page-onBackground-dark);
  margin: 0;
}

@media (min-width: 48em) {
  .article-video.side-left {
    width: 42.85714286%;
    float: left;
    margin-right: 2.4rem;
  }

  .article-video.side-left .video-headline {
    margin-bottom: 0;
    position: relative;
  }

  .article-video.side-right {
    width: 42.85714286%;
    float: right;
    margin-left: 2.4rem;
  }

  .article-video.side-right .video-headline {
    margin-bottom: 0;
    position: relative;
  }
}

[data-mod-name="article"] .article-video ul li {
  display: list-item;
}

[data-mod-name="article"] .article-video ul li:before {
  display: none;
}

.article-video .video-headline {
  margin: 0;
  padding: 1.2rem 1.6rem 0.4rem;
  font-size: 2rem;
  line-height: 2.6rem;
  font-family: var(--font-family-sans-serif);
}

@media (min-width: 48em) {
  .article-video .video-headline {
    padding: 1.6rem 2.4rem 0.4rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 64em) {
  .article-video .video-headline {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}

.article-video .video-headline a {
  color: #fff;
}

.article-video .video-time {
  padding: 0.8rem 1.6rem 0.4rem;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  color: var(--system-white);
  font-size: 1.4rem;
  line-height: 1.8rem;
}

@media (min-width: 48em) {
  .article-video .video-time {
    padding: 1.2rem 2.4rem 0.8rem;
  }
}

.article-video .video-description {
  position: relative;
  color: #fff;
  font-family: var(--font-family-sans-serif);
  padding: 0.4rem 1.6rem 1.2rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
}

@media (min-width: 48em) {
  .article-video .video-description {
    padding: 0 2.4rem 1.6rem;
  }
}

@media (min-width: 90em) {
  .article-video .video-description {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}

.article-video .video-copyright {
  color: var(--system-white);
  display: inline-block;
}

.article-video .video-copyright:first-letter {
  font-size: 18px;
  line-height: 1.8rem;
  font-weight: 300;
}

.article-video [data-mod-name="externalembed"] {
  margin: 0;
  min-height: 17rem;
}

@media (min-width: 48em) {
  .article-video [data-mod-name="externalembed"] {
    min-height: 28rem;
  }
}

.article-video:not(.article__featured-video)
  [data-mod-name="externalembed"]
  .externalembed__footer
  .externalembed__optin-toggle {
  color: var(--system-white);
}

.article-video:not(.article__featured-video)
  [data-mod-name="externalembed"]
  .externalembed__footer
  .externalembed__dataschutz {
  color: var(--system-white);
}

.article-video:not(.article__featured-video)
  [data-mod-name="externalembed"]
  .externalembed__footer
  .externalembed__dataschutz
  a {
  color: var(--system-white);
  text-decoration: underline;
}

.article-video.article__featured-video
  [data-mod-name="externalembed"]
  .externalembed__footer {
  background: var(--base-system);
}

.article-video.article__featured-video
  [data-mod-name="externalembed"]
  .externalembed__footer
  .externalembed__optin-toggle {
  color: var(--text-highVisibility);
}

[data-mod-name="article"] {
  background-color: var(--base-system);
}

[data-mod-name="article"] ui-tool .tool-header {
  white-space: inherit;
  text-overflow: inherit;
}

[data-mod-name="article"] ui-tool .block__label {
  max-width: 128px;
  white-space: break-spaces;
}

@media (min-width: 48em) {
  [data-mod-name="article"] ui-tool .block__label {
    max-width: none;
  }
}

[data-mod-name="article"] p a,
.article-body p a {
  color: var(--system-hyperlink-text);
  text-decoration: underline;
  text-decoration-color: var(--system-hyperlink-underline-color);
  text-decoration-thickness: var(--system-hyperlink-underline-thickness);
}

[data-mod-name="article"] p a:hover,
.article-body p a:hover {
  background-color: var(--identity-highVisibility);
  color: var(--identity-onHighVisibility);
  text-decoration: none;
}

[data-mod-name="article"] ~ .co-teaserline {
  border: 0;
}

@media (max-width: 767px) {
  [data-mod-name="article"] ~ .co-teaserline {
    padding-left: 0;
    padding-right: 0;
  }
}

[data-mod-name="article"] ~ .co-teaserline .co-content-container {
  float: none;
  margin: 0;
  padding: 0;
}

.article-header,
.article-body {
  position: relative;
}

.article-header iframe,
.article-body iframe {
  border: 0;
  overflow: hidden;
  display: inherit;
}

.article-header iframe:not([width]),
.article-body iframe:not([width]) {
  width: 100%;
}

.article-body ui-tool,
.page__content ui-tool {
  margin: 0 0 var(--gap) 0;
  border: 0.1rem solid var(--separator-default);
  box-shadow: none;
}

.article-teaser.side-left ui-tool {
  width: 100%;
  float: none;
  margin: 0 var(--gap) var(--gap) 0;
  border: 0.1rem solid var(--separator-default);
  box-shadow: none;
}

.article-teaser.full + ui-tool {
  margin-top: -1.2rem;
}

@media (max-width: 767px) {
  .article-body ui-tool {
    border: 0;
  }

  .article-teaser.side-left ui-tool {
    border: 0;
  }
}

@media (min-width: 48em) {
  .article-teaser.full + ui-tool {
    border-top: 0;
  }

  .article-teaser.side-left ui-tool {
    width: 40%;
    float: left;
  }
}

@media (min-width: 64em) {
  ui-tool + .article-teaser.full .teaser-wrapper {
    margin-top: 0 !important;
  }

  .article-teaser.full + ui-tool {
    margin-top: -2.4rem;
  }
}

.article__featured-video {
  border: 0;
  padding-bottom: 0;
  background-color: var(--text-highVisibility);
}

.article__featured-video .content__headline {
  background-color: var(--system-white);
}

.article__featured-video [data-mod-name="newvideo"] {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

.article__video-copyright {
  color: var(--text-lowVisibility);
  text-align: left;
  font-size: 1.4rem;
  line-height: 2rem;
  height: 2.8rem;
  background-color: var(--page-background);
  padding-top: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 480px) {
  .article__video-copyright {
    padding-left: 0;
    padding-right: 0;
  }

  .article__video-copyright.standalone {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .article__video-copyright.standalone.left {
    padding: 0;
  }
}

@media (min-width: 480px) and (min-width: 480px) {
  .article__video-copyright.standalone {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
}

@media (min-width: 480px) and (min-width: 48em) {
  .article__video-copyright.standalone {
    padding-left: var(--content-padding-tablet);
    padding-right: var(--content-padding-tablet);
  }
}

@media (min-width: 480px) and (min-width: 64em) {
  .article__video-copyright.standalone {
    padding-left: var(--content-padding-desktop);
    padding-right: var(--content-padding-desktop);
  }
}

@media (min-width: 480px) and (min-width: 80em) {
  .article__video-copyright.standalone {
    padding-left: var(--content-padding-large);
    padding-right: var(--content-padding-large);
  }
}

@media (min-width: 480px) and (min-width: 90em) {
  .article__video-copyright.standalone {
    padding-left: var(--content-padding-large1440);
    padding-right: var(--content-padding-large1440);
  }
}

@media (min-width: 480px) and (min-width: 105em) {
  .article__video-copyright.standalone {
    padding-left: var(--content-padding-large1680);
    padding-right: var(--content-padding-large1680);
  }
}

.article__video-copyright:first-letter {
  font-size: 14px;
  line-height: 2.8rem;
  font-weight: 300;
  vertical-align: inherit;
}

.article__featured-image {
  background-color: var(--text-highVisibility);
  padding-bottom: 2.8rem;
  position: relative;
  overflow: hidden;
}

@media (min-width: 48em) {
  .article__featured-image {
    margin-bottom: 0;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .article__featured-image figure {
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
}

.article__featured-image figure img {
  width: 100.25%;
}

.article__featured-image figure figcaption {
  background-color: var(--text-highVisibility);
  bottom: 2.8rem;
  max-height: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .article__featured-image figure figcaption {
    font-size: 1.2rem;
  }
}

.article__featured-image figure figcaption .copyright {
  color: var(--text-lowVisibility);
  text-align: right;
  padding-right: 6.25%;
  padding-left: 6.25%;
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  height: 2.8rem;
  line-height: 2.8rem;
  box-sizing: border-box;
  background: #333c;
  display: flex;
  justify-content: flex-end;
}

.article__featured-image figure figcaption .copyright:first-letter {
  font-size: 15px;
  line-height: 1.8rem;
  font-weight: 300;
}

@media (max-width: 767px) {
  .article__featured-image figure figcaption .copyright:first-letter {
    font-size: 1.2rem;
  }
}

.article__featured-image figure figcaption .copyright .copyrightHolder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.4rem;
  margin-right: 0.8rem;
}

.article__featured-image
  figure
  figcaption
  .copyright
  .copyrightHolder:first-letter {
  text-transform: uppercase;
}

@media (min-width: 48em) {
  .article__featured-image figure figcaption .copyright {
    top: -2.8rem;
  }
}

@media (min-width: 90em) {
  .article__featured-image figure figcaption .copyright {
    padding-right: 12.5%;
  }
}

@media (min-width: 105em) {
  .article__featured-image figure figcaption .copyright {
    padding-right: 18.75%;
  }
}

.article__featured-image figure figcaption .icon-subtext {
  display: inline-block;
  width: 1.4rem;
}

.article__featured-image figure figcaption .icon-subtext:before {
  content: "\e608";
  color: var(--text-lowVisibility);
  font-size: 1.4rem;
  line-height: 2.8rem;
}

.article__featured-image figure figcaption .icon-subtext.icon {
  font-size: inherit;
}

.article__featured-image figure figcaption .description {
  color: var(--system-white);
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  box-sizing: border-box;
  padding: 3.8rem 6.25% 1rem;
  position: relative;
  min-height: 4rem;
  width: 100%;
}

.article__featured-image figure figcaption .description .icon.icon-glass-plus {
  display: none;
}

@media (min-width: 48em) {
  .article__featured-image figure figcaption .description {
    border-top: 0.1rem solid var(--separator-default);
    width: 100%;
    margin-top: 0;
    padding: 1rem 6.25%;
    background-color: #333c;
  }

  .article__featured-image
    figure
    figcaption
    .description
    .icon.icon-glass-plus {
    display: inline-block;
    position: absolute;
    color: var(--system-white);
    font-size: 3rem;
    top: 50%;
    margin-top: -1.5rem;
    margin-left: -4rem;
    height: 3rem;
    width: 3rem;
  }
}

@media (min-width: 80em) {
  .article__featured-image figure figcaption .description {
    padding: 0.8rem 6.25%;
  }
}

@media (min-width: 90em) {
  .article__featured-image figure figcaption .description {
    padding: 0.8rem 12.5%;
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

@media (min-width: 105em) {
  .article__featured-image figure figcaption .description {
    padding: 0.8rem 18.75%;
  }
}

@media (min-width: 48em) {
  .article__featured-image figure figcaption {
    background-color: transparent;
    bottom: 0;
    margin: 0;
    z-index: 1;
  }
}

.article__featured-image ~ .content__headline {
  backface-visibility: hidden;
}

@media (min-width: 48em) {
  .article__featured-image ~ .content__headline {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
    padding-top: 3.6rem;
    padding-bottom: 2.6rem;
    background-image: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.7) 100%
    );
    color: var(--system-white);
    box-sizing: border-box;
    text-shadow: 0 0.2rem 5rem #000000;
  }
}

.article-body {
  padding-bottom: 0.8rem;
}

.article-body .more-topic {
  font-size: 20px;
  margin-top: 0;
}

@media (min-width: 48em) {
  .article-image.side-left {
    width: 35.71428571%;
    float: left;
    margin-right: 2.4rem;
  }

  .article-image.side-right {
    width: 35.71428571%;
    float: right;
    margin-left: 2.4rem;
  }
}

@media (min-width: 90em) {
  .article-image.side-left,
  .article-image.side-right {
    width: 33.33333333%;
  }
}

@media (min-width: 120em) {
  .article-image.side-left,
  .article-image.side-right {
    width: 30%;
  }
}

.article-image figure {
  margin-bottom: 1.2rem;
}

.article-image figure a {
  position: relative;
  display: block;
  box-shadow: #000 0 0;
}

.article-image figure figcaption {
  margin-top: 1rem;
  color: var(--text-lowVisibility);
  position: relative;
  font-size: 1.4rem;
  line-height: 2rem;
}

.article-image figure figcaption .copyright {
  color: var(--text-lowVisibility);
}

.article-image figure figcaption .copyright:first-letter {
  font-size: 16px;
  line-height: 1.8rem;
  font-weight: 300;
}

@media (min-width: 90em) {
  .article-image figure figcaption .copyright:first-letter {
    font-size: 16px;
    line-height: 2rem;
  }
}

.article-slideshow {
  clear: both;
  position: relative;
  width: 100%;
  background-color: var(--page-onBackground-dark);
  color: var(--system-white);
  margin: 0 0 1.6rem;
}

.article-slideshow .article-slideshow-object,
.article-slideshow .article-inner-slideshow-object {
  position: relative;
}

.article-slideshow .article-slideshow-object figure,
.article-slideshow .article-inner-slideshow-object figure {
  padding-bottom: 66.67%;
  height: 0;
}

.article-slideshow .slideshow-headline {
  margin: 0;
  padding: 1.2rem 1.6rem 0;
  font-size: 2rem;
  line-height: 2.6rem;
  line-height: 2.8rem;
  box-sizing: border-box;
  display: block;
  width: 100%;
}

.article-slideshow .slideshow-headline a {
  color: var(--system-white);
}

@media (min-width: 48em) {
  .article-slideshow .slideshow-headline {
    font-size: 2.4rem;
    line-height: 3.2rem;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1.6rem 2.4rem;
    background-image: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.8) 100%
    );
    text-shadow: 0 0.2rem 5rem #000000;
  }
}

@media (min-width: 64em) {
  .article-slideshow .slideshow-headline {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}

.article-slideshow .slideshow-time {
  padding: 1.6rem 1.6rem 0.4rem;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  color: var(--system-white);
  font-size: 1.4rem;
  line-height: 1.8rem;
}

@media (min-width: 48em) {
  .article-slideshow .slideshow-time {
    padding: 2.6rem 2.4rem 0;
  }
}

.article-slideshow .slideshow-description {
  padding: 0.4rem 1.6rem 1.2rem;
  position: relative;
  box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 2.2rem;
}

@media (min-width: 48em) {
  .article-slideshow .slideshow-description {
    padding: 0.8rem 2.4rem 1.2rem;
  }
}

@media (min-width: 90em) {
  .article-slideshow .slideshow-description {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}

.article__startgallery-wrapper {
  font-size: 1.6rem;
  height: 3.6rem;
  left: 0;
  line-height: 3.6rem;
  margin-top: -1.8rem;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}

.article__startgallery-button {
  background-color: var(--page-onBackground-dark);
  display: inline-block;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  padding: 0 1rem 0 0.5rem;
  line-height: 3.6rem;
  border-radius: 0.4rem;
  border: 0.1rem solid transparent;
}

.article__startgallery-button .icon {
  vertical-align: middle;
  font-size: 3.6rem;
  margin-top: -8px;
  line-height: 0;
}

@media (min-width: 48em) {
  .article__startgallery-wrapper {
    font-size: 2rem;
    height: 4.8rem;
    line-height: 4.8rem;
    margin-top: -2.4rem;
  }

  .article__startgallery-button {
    line-height: 4.8rem;
    white-space: nowrap;
  }

  .article__startgallery-button .icon {
    font-size: 4.8rem;
  }
}

.video-headline-container .video-headline a {
  text-shadow: none;
}

.video-headline-container.prepare {
  max-height: 0;
  height: 0;
  overflow: hidden;
  text-shadow: none;
}

.video-headline-container.prepare.show {
  max-height: 40rem;
  height: auto;
}

.article-teaser.full {
  clear: left;
}

.article-teaser.full .co-container.co-content {
  float: none;
  margin: 0;
  padding: 0;
}

.article-teaser a {
  color: var(--link-bg-hover);
}

.article-video-object,
.article-inner-video-object {
  position: relative;
}

.article__featured-image-new {
  padding-bottom: 1rem;
}

.article__featured-image-new figure {
  position: relative;
  height: 0;
  margin: 0;
  padding-bottom: 56.25%;
}

.article__featured-image-new figure picture img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.article__featured-image-new .description__wrapper {
  padding-top: 1rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--text-lowVisibility);
}

@media (max-width: 767px) {
  .article__featured-image-new .description__wrapper {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
}

@media (max-width: 480px) {
  .article__featured-image-new .description__wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.article__featured-image-new .icon-wrapper,
.article-image .icon-wrapper {
  display: none;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.2rem;
  background-color: #333333d9;
}

@media (min-width: 48em) {
  .article__featured-image-new .icon-wrapper,
  .article-image .icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.article__featured-image-new .icon-wrapper .zoomable-icon,
.article-image .icon-wrapper .zoomable-icon {
  width: 1.6rem;
  height: 1.6rem;
  background-size: contain;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IkViZW5lXzEiIGRhdGEtbmFtZT0iRWJlbmUgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTQgMTQiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJtNi40Niw4LjA2bC0uNTMtLjUzYy0uMjItLjIyLS41Ny0uMjItLjc5LDBsLTMuMjgsMy4yOHYtMi43OWMwLS4zMS0uMjUtLjU2LS41Ni0uNTZoLS43NWMtLjMxLDAtLjU2LjI1LS41Ni41NnY1LjQxYzAsLjE2LjA2LjI5LjE3LjM5LjEuMS4yNC4xNy4zOS4xN2g1LjQxYy4zMSwwLC41Ni0uMjUuNTYtLjU2di0uNzVjMC0uMzEtLjI1LS41Ni0uNTYtLjU2aC0yLjc5bDMuMjgtMy4yOGMuMjItLjIyLjIyLS41OCwwLS43OVoiLz4NCiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTMuODMuMTdjLS4xLS4xLS4yNC0uMTctLjM5LS4xN2gtNS40MWMtLjMxLDAtLjU2LjI1LS41Ni41NnYuNzVjMCwuMzEuMjUuNTYuNTYuNTZoMi43OWwtMy4yOCwzLjI4Yy0uMjIuMjItLjIyLjU3LDAsLjc5bC41My41M2MuMjIuMjIuNTcuMjIuNzksMGwzLjI4LTMuMjh2Mi43OWMwLC4zMS4yNS41Ni41Ni41NmguNzVjLjMxLDAsLjU2LS4yNS41Ni0uNTZWLjU2YzAtLjE2LS4wNy0uMy0uMTctLjRaIi8+DQo8L3N2Zz4=);
}

.article_tbbadge-dark {
  display: none;
}

[data-mod-name="authornamelist"] {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: var(--text-highVisibility);
}

[data-mod-name="authornamelist"] .authornamelist__item {
  font-style: normal;
}

[data-mod-name="authornamelist"] .authornamelist__item a {
  color: var(--text-highVisibility);
  text-decoration: underline;
}

[data-mod-name="authornamelist"]
  .authornamelist__item
  + .authornamelist__item:last-child:before {
  content: " und ";
  margin-left: 0.3rem;
}

[data-mod-name="authornamelist"]
  .authornamelist__item:nth-of-type(n + 1):not(:last-child):not(
    :nth-last-child(2)
  ):after {
  content: ", ";
}

[data-mod-name="authornamelist"].standalone__author,
[data-mod-name="authornamelist"].standalone__author .authornamelist__item a {
  color: var(--base-system);
}

[data-mod-name="authornamelist"].standalone__author
  .authornamelist__item
  a:hover {
  color: var(--text-highVisibility);
  background-color: var(--base-system);
}

.breadcrumb {
  clear: both;
  margin: 1.2rem 0;
  padding: 0 2.4rem;
  overflow: hidden;
}

.breadcrumb .title {
  opacity: 0;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  padding: 0 20rem 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breadcrumb.has-headline .title {
  opacity: 1;
}

.breadcrumb.has-headline .ul-breadcrumb {
  opacity: 0;
}

.ul-breadcrumb {
  list-style-type: none;
  margin: 0;
  padding: 0 20rem 0 0;
  transition: all 0.25s;
}

.ul-breadcrumb .li-breadcrumb {
  display: inline;
}

.ul-breadcrumb .li-breadcrumb .a-breadcrumb {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--text-highVisibility);
  display: inline-block;
  font-weight: 400;
}

.ul-breadcrumb .li-breadcrumb .a-breadcrumb:hover {
  background-color: var(--link-bg-hover);
}

.ul-breadcrumb .li-breadcrumb .icon-home-breadcrumb {
  font-size: 1.6rem;
}

.ul-breadcrumb .li-breadcrumb .icon-arrow-right-breadcrumb {
  color: var(--text-highVisibility);
  font-size: 0.8rem;
  margin: 0 0.4rem;
  width: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
}

.ul-breadcrumb.upper {
  white-space: nowrap;
  overflow: hidden;
  min-height: 2.4rem;
  margin-right: 20rem;
  padding: 0;
  opacity: 1;
}

.ul-breadcrumb.lower {
  padding: 0;
}

.ul-breadcrumb.lower .li-breadcrumb:last-child {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  color: var(--text-highVisibility);
}

.breadcrumb__top {
  background-color: var(--page-background);
  position: relative;
  overflow: hidden;
  border-top: 0.1rem solid var(--separator-default);
  border-bottom: 0.1rem solid var(--separator-default);
  padding-left: 2rem;
  flex-shrink: 0;
}

.breadcrumb__top.use-content-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 480px) {
  .breadcrumb__top.use-content-padding {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
}

@media (min-width: 48em) {
  .breadcrumb__top.use-content-padding {
    padding-left: var(--content-padding-tablet);
    padding-right: var(--content-padding-tablet);
  }
}

@media (min-width: 64em) {
  .breadcrumb__top.use-content-padding {
    padding-left: var(--content-padding-desktop);
    padding-right: var(--content-padding-desktop);
  }
}

@media (min-width: 80em) {
  .breadcrumb__top.use-content-padding {
    padding-left: var(--content-padding-large);
    padding-right: var(--content-padding-large);
  }
}

@media (min-width: 90em) {
  .breadcrumb__top.use-content-padding {
    padding-left: var(--content-padding-large1440);
    padding-right: var(--content-padding-large1440);
  }
}

@media (min-width: 105em) {
  .breadcrumb__top.use-content-padding {
    padding-left: var(--content-padding-large1680);
    padding-right: var(--content-padding-large1680);
  }
}

.breadcrumb__top.use-content-padding.left {
  padding: 0;
}

.breadcrumb__top.use-content-padding .gradient {
  padding-right: 8rem;
}

.breadcrumb__top__list {
  font-size: 1.4rem;
  line-height: 1.8rem;
  height: 5.2rem;
  padding: 0 5rem 0 0;
  color: var(--text-highVisibility);
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow-x: auto;
  list-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.breadcrumb__top__list a {
  color: var(--text-highVisibility);
}

.breadcrumb__top__list a:hover {
  background-color: var(--link-bg-hover);
}

.breadcrumb__top__list .separator {
  margin: 0 0.4rem;
}

.breadcrumb__top__list::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  .gallery-page .breadcrumb__top {
    display: none;
  }
}

.mod-breakingnews-sticky {
  white-space: nowrap;
  width: 100%;
  height: 4rem;
  overflow: hidden;
  background-color: var(--awareness-important);
  position: fixed;
  bottom: 0;
  flex-shrink: 0;
  z-index: 15000;
}

@media (min-width: 48em) {
  .mod-breakingnews-sticky {
    position: sticky;
    bottom: unset;
    top: 5rem;
  }
}

.mod-breakingnews-sticky__item {
  display: inline-block;
  padding-right: 10px;
  animation: marquee 10s linear infinite;
}

.mod-breakingnews-sticky__item a {
  padding: 0 2px;
  color: var(--system-white);
  font-size: 1.6rem;
  line-height: 4rem;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  text-decoration: none;
}

.mod-breakingnews-sticky:hover .mod-breakingnews-sticky__item {
  animation-play-state: paused;
}

.breakingnews:before {
  content: " Eilmeldung \a";
  white-space: pre;
  background: var(--awareness-important);
  color: var(--system-white);
  font-size: 1.8rem;
  line-height: 3.2rem;
  text-transform: uppercase;
  text-shadow: none;
}

@media (min-width: 48em) {
  .breakingnews:before {
    font-size: 2.4rem;
    line-height: 4rem;
  }
}

@media (min-width: 90em) {
  .breakingnews:before {
    font-size: 3.2rem;
    line-height: 5.6rem;
  }
}

@media (min-width: 120em) {
  .breakingnews:before {
    font-size: 4rem;
    line-height: 6.4rem;
  }
}

@keyframes marquee {
  0% {
    transform: translate(0);
  }

  to {
    transform: translate(-100%);
  }
}

[data-mod-name="channel"] ui-tool {
  --tool-padding-left: 1rem;
  --tool-padding-right: 1rem;
  --tool-padding-bottom: 1.4rem;
}

@media (min-width: 48em) {
  [data-mod-name="channel"] ui-tool {
    --tool-padding-left: 3rem;
    --tool-padding-right: 3rem;
  }
}

[data-mod-name="channel"] .channel-bar {
  display: table;
}

[data-mod-name="channel"] .overview__block {
  margin-top: 3rem;
}

[data-mod-name="channel"] .overview__block:first-of-type {
  margin-top: 0;
}

[data-mod-name="channel"] .overview__block .block__content > * {
  margin-bottom: 2rem;
}

[data-mod-name="channel"]
  .overview__block
  .block__content
  [data-mod-name="video-slideshow"] {
  margin-bottom: 0;
}

@media (min-width: 48em) {
  [data-mod-name="channel"] ui-tool .block__label {
    border-bottom: 0;
  }

  [data-mod-name="channel"] .teaser {
    padding-left: 0;
  }

  [data-mod-name="channel"] .teaser__link {
    display: block;
  }

  [data-mod-name="channel"] .teaser .teaser__imagewrapper {
    width: 100%;
    height: fit-content;
  }

  [data-mod-name="channel"] .teaser__text {
    padding: 1rem 0 0;
  }

  [data-mod-name="channel"] .teaser__kicker {
    margin-bottom: 0.6rem;
  }

  [data-mod-name="channel"] .teaser__headline {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }

  [data-mod-name="channel"] .overview__block .block__content > * {
    min-width: calc(50% - 2rem);
    max-width: calc(50% - 2rem);
    margin-bottom: 3rem;
    align-self: flex-start;
  }

  [data-mod-name="channel"]
    .overview__block
    .block__content
    [data-mod-name="video-slideshow"],
  [data-mod-name="channel"]
    .overview__block
    .block__content
    [data-mod-name="video-slider"] {
    min-width: unset;
    max-width: unset;
  }
}

@media (min-width: 48em) {
  [data-mod-name="channel"]
    .overview__block.overview__block_three
    .block__content
    > :nth-child(3) {
    min-width: calc(100% - 2rem);
    max-width: unset;
  }

  [data-mod-name="channel"]
    .overview__block.overview__block_three
    .block__content
    .block__tool-container {
    margin-bottom: 2rem;
  }
}

@media (min-width: 90em) {
  [data-mod-name="channel"] .overview__block .block__content > * {
    min-width: calc(100% / 3 - 2rem);
    max-width: calc(100% / 3 - 2rem);
  }

  [data-mod-name="channel"]
    .overview__block.overview__block_one
    .block__content
    > * {
    width: 100%;
    max-width: 100%;
  }

  [data-mod-name="channel"]
    .overview__block
    .block__content
    [data-mod-name="video-slideshow"],
  [data-mod-name="channel"]
    .overview__block
    .block__content
    [data-mod-name="video-slider"] {
    min-width: unset;
    max-width: unset;
    width: auto;
  }

  [data-mod-name="channel"]
    .overview__block.overview__block_two
    .block__content
    > * {
    width: calc(50% - 2rem);
    max-width: calc(50% - 2rem);
  }

  [data-mod-name="channel"]
    .overview__block.overview__block_three
    .block__content
    > * {
    width: calc(100% / 3 - 2rem);
  }

  [data-mod-name="channel"]
    .overview__block.overview__block_three
    .block__content
    > *:nth-child(3) {
    min-width: unset;
  }
}

@media (max-width: 767px) {
  [data-mod-name="channel"] ui-tool {
    border: 0;
    --tool-padding-top: 0;
    --tool-padding-right: 1rem;
    --tool-padding-bottom: 0;
    --tool-padding-left: 1rem;
  }
}

[data-mod-name="channel"] .block__content {
  display: flex;
  flex-wrap: wrap;
}

[data-mod-name="channel"] .block__content > * {
  min-width: 100%;
}

@media (min-width: 48em) {
  [data-mod-name="channel"] .block__content > * {
    flex: 1;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

[data-mod-name="channel"] .block__content .mod-tool,
[data-mod-name="channel"] .block__content ui-tool {
  box-sizing: border-box;
  box-shadow: none;
}

@media (min-width: 48em) {
  [data-mod-name="channel"] .block__content .mod-tool,
  [data-mod-name="channel"] .block__content ui-tool {
    border: 1px solid var(--separator-default);
  }
}

[data-mod-name="channel"]
  .block__content:has([data-mod-name="video-slideshow"]),
[data-mod-name="channel"] .block__content:has([data-mod-name="video-slider"]) {
  display: block;
}

.breadcrumb .channel {
  margin: 2rem 0;
}

.channel-bar {
  height: 4.4rem;
  background-color: #fff;
  border-bottom: 0.1rem solid var(--separator-default);
  z-index: 100;
  box-shadow: -0.4rem 0 0.4rem -0.4rem #00000126,
    0.4rem 0 0.4rem -0.4rem #00000026;
}

@media (min-width: 48em) {
  .channel-bar {
    height: 5.7rem;
  }
}

.channel-bar .channel-headline {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0 2.4rem;
  font-size: 1.8rem;
  line-height: 4.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 48em) {
  .channel-bar .channel-headline {
    font-size: 2.4rem;
    line-height: 5.6rem;
  }
}

.channel-content.content-padding > p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin-top: 0;
}

.content__info__author {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.content__author-image {
  display: none;
}

.content__author-title {
  box-sizing: border-box;
  padding: 0 0.4rem 0 0;
}

.content__time {
  clear: both;
  color: var(--text-lowVisibility);
  position: relative;
  font-size: 1.4rem;
  line-height: 2rem;
}

@media (min-width: 48em) {
  .content__time {
    margin-top: 1.4rem;
  }
}

@media (min-width: 64em) {
  .content__time {
    margin-top: 2.4rem;
    height: 2.4rem;
  }
}

.content__time time {
  display: inline;
}

.page-horoscope .content__time {
  padding: 0;
}

.content__cooperation {
  color: var(--text-lowVisibility);
  background-color: var(--base-system);
  font-size: 1.4rem;
  padding: 1.4rem 2rem 0;
  line-height: 2rem;
}

@media (width >=480px) {
  .content__cooperation {
    padding: 1.4rem 6.25% 0;
  }
}

@media (min-width: 48em) {
  .content__cooperation {
    float: right;
    padding: 0;
    position: relative;
    top: -22px;
  }
}

.content__cooperation img {
  padding-left: 0.8rem;
  margin-top: -0.4rem;
}

@media (max-width: 767px) {
  .page-horoscope .content__cooperation {
    padding: 0;
  }
}

.page-horoscope .content__cooperation a {
  vertical-align: super;
}

.content__headline {
  position: relative;
  clear: both;
  text-align: left;
  margin-top: 0;
  padding-top: 3.2rem;
  color: var(--text-highVisibility);
  font-size: 2.4rem;
  line-height: 2.8rem;
}

@media (min-width: 48em) {
  .content__headline {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}

@media (min-width: 90em) {
  .content__headline {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}

@media (min-width: 120em) {
  .content__headline {
    font-size: 4.6rem;
    line-height: 5.4rem;
  }
}

@media (max-width: 767px) {
  .content__headline {
    padding-top: 1.6rem;
    margin-top: 0;
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
}

.content__description {
  margin-top: 1rem;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
}

@media (min-width: 48em) {
  .content__description {
    margin-top: 0.4rem;
  }

  .rubrikplus .content__description {
    margin-top: 2rem;
  }
}

.content__partner {
  margin: 1.7rem 0;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 48em) {
  .content__partner {
    margin: 0;
  }
}

.content-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 480px) {
  .content-padding {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
}

@media (min-width: 48em) {
  .content-padding {
    padding-left: var(--content-padding-tablet);
    padding-right: var(--content-padding-tablet);
  }
}

@media (min-width: 64em) {
  .content-padding {
    padding-left: var(--content-padding-desktop);
    padding-right: var(--content-padding-desktop);
  }
}

@media (min-width: 80em) {
  .content-padding {
    padding-left: var(--content-padding-large);
    padding-right: var(--content-padding-large);
  }
}

@media (min-width: 90em) {
  .content-padding {
    padding-left: var(--content-padding-large1440);
    padding-right: var(--content-padding-large1440);
  }
}

@media (min-width: 105em) {
  .content-padding {
    padding-left: var(--content-padding-large1680);
    padding-right: var(--content-padding-large1680);
  }
}

.content-padding.left {
  padding: 0;
}

@media (max-width: 767px) {
  [data-mod-name="sement"].content-padding {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .content-padding-mobile {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
}

@media (max-width: 480px) {
  .content-padding-mobile {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.content__partner-link {
  display: inherit;
}

.content__partner-link:hover .content__partner-title {
  color: var(--brand-signal);
}

.content__partner-logo {
  width: auto;
  height: 20px;
  margin-right: 1rem;
  border-radius: 0.2rem;
}

.content__partner-title {
  vertical-align: middle;
  color: var(--text-lowVisibility);
  font-size: 1.4rem;
  line-height: 2rem;
}

.content__partner-autopublish {
  flex-basis: 100%;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--text-lowVisibility);
  margin-top: 0.2rem;
}

.content__partner-autopublish p {
  font-size: inherit;
  line-height: inherit;
  margin-top: 0;
}

@media (min-width: 64em) {
  .content__partner-autopublish p {
    margin: 0;
  }
}

[data-mod-name="newvideo"] [data-mod-name="native-image"] {
  position: absolute;
  overflow: hidden;
  inset: 0;
}

[data-mod-name="newvideo"] [data-mod-name="native-image"]:after {
  position: absolute;
  content: "";
  display: block;
  inset: 0;
  background-color: #00000080;
}

ui-autocomplete[for="sement"] {
  border-bottom: 0.1rem solid var(--separator-default);
  padding-bottom: 2rem;
}

ui-autocomplete[for="sement"]:not(:defined) {
  padding-bottom: 2rem;
}

.content__info-new {
  padding-top: 0;
  padding-bottom: 2rem;
}

.content__info-new .content__partner {
  margin: 0;
}

@media (max-width: 767px) {
  .content__info-new {
    padding-bottom: 0;
  }
}

@media (min-width: 64em) {
  .content__info-new {
    padding-top: 0.6rem;
  }
}

@media (min-width: 120em) {
  .content__info-new {
    padding-top: 1rem;
  }
}

.content__time-new {
  clear: both;
  color: var(--text-lowVisibility);
  position: relative;
  margin-bottom: 2.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
}

@media (min-width: 48em) {
  .content__time-new {
    margin-bottom: 2.6rem;
  }
}

@media (min-width: 120em) {
  .content__time-new {
    margin-bottom: 3rem;
  }
}

.gallery-page .content__time-new {
  margin-bottom: 1rem;
}

.content__time-new time {
  display: inline;
}

[data-mod-name="horoscope"] .content__time-new {
  padding: 0;
}

.content__headline-new {
  position: relative;
  clear: both;
  text-align: left;
  margin: 0;
  padding-top: 1rem;
  padding-bottom: 1.4rem;
  color: var(--text-highVisibility);
  font-size: 2.4rem;
  line-height: 2.8rem;
}

@media (min-width: 48em) {
  .content__headline-new {
    font-size: 3.2rem;
    line-height: 4rem;
    padding-top: 0.65rem;
    padding-bottom: 1rem;
  }
}

@media (min-width: 120em) {
  .content__headline-new {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}

@media (max-width: 767px) {
  .content__headline-new {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
}

.content__meta {
  display: flex;
  border-top: 1px solid var(--separator-default);
  border-bottom: 1px solid var(--separator-default);
  padding: 0.6rem 0;
  margin: 30px 0px;
}

.content__meta .content__feedback {
  display: inline-flex;
  align-items: center;
}

.content__meta .content__feedback-text {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
}

@media (min-width: 48em) {
  .content__meta .content__feedback-text:hover {
    background-color: var(--link-bg-hover);
  }
}

.content__meta .content__feedback-text .content__feedback-link span {
  display: none;
}

@media (min-width: 48em) {
  .content__meta .content__feedback-text .content__feedback-link span {
    display: inline;
  }
}

.content__meta .content__reading-time {
  display: flex;
  align-items: center;
  text-align: left;
  color: var(--text-lowVisibility);
  gap: 0.6rem;
}

.content__meta .content__reading-time.small-gap {
  gap: 0.3rem;
}

.content__meta .content__reading-time .content__reading-time__label {
  display: none;
}

@media (min-width: 48em) {
  .content__meta .content__reading-time .content__reading-time__label {
    display: inline-block;
  }
}

.content__meta .content__share,
.content__meta .content__total-slides {
  color: var(--system-hyperlink);
  align-self: center;
}

.content__meta .content__share .content__share-text,
.content__meta .content__total-slides .content__share-text {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
}

@media (min-width: 48em) {
  .content__meta .content__share,
  .content__meta .content__total-slides {
    cursor: pointer;
  }

  .content__meta .content__share .content__share-text:hover,
  .content__meta .content__total-slides .content__share-text:hover,
  .content__meta .content__share .content__total-slides-text:hover,
  .content__meta .content__total-slides .content__total-slides-text:hover {
    background-color: var(--link-bg-hover);
  }
}

.content__meta .content__share {
  min-width: 14.6rem;
  height: 3.2rem;
  display: inline-flex;
  justify-content: flex-end;
  margin-left: auto;
}

.content__meta > * {
  display: inline-block;
  min-width: 0;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.content__meta__divider {
  border-left: 1px solid var(--separator-default);
  margin-left: 0.6rem;
  margin-right: 0.6rem;
}

.content__push {
  line-height: 0.8rem;
}

.content__push_notifications_settings {
  display: inline-block;
  border-radius: 0.4rem;
  width: 3.2rem;
  height: 3.2rem;
  background: var(--pushbell-bg);
}

.content__share-wrapper.collapsed {
  display: none;
}

.content__share-wrapper .content__share-dialog {
  color: var(--text-highVisibility);
  width: 260px;
  font-weight: 700;
  padding: 2rem;
  border-radius: 4px;
  border: 0;
}

.content__share-wrapper .content__share-dialog::backdrop {
  background: #000000d9;
}

.content__share-wrapper .content__share-head {
  display: flex;
  justify-content: space-between;
  height: 3rem;
  border-bottom: 0.1rem solid var(--separator-default);
  margin-bottom: 2rem;
}

.content__share-wrapper .content__share-close {
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  background-size: contain;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzE2MzdfMTQ3NDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjIiIHk9IjIiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+CjxwYXRoIGQ9Ik0xNy41MDY1IDE1LjM4NjlMMTIuMjE4MSA5Ljk4OTkyTDE3LjUwNjUgNC42MTMwNUMxOC4xODgyIDMuODY3OTMgMTguMTI2MiAzLjA0MjI4IDE3LjUwNjUgMi40MzgxM0MxNi44NjYxIDEuODMzOTkgMTUuODEyNiAxLjg3NDI3IDE1LjIzNDEgMi40MzgxM1YyLjQzODEzQzE0LjgyMSAyLjg0MDkgMTEuNzIyNCA2LjAwMjU3IDEwLjAwNzcgNy43MzQ0NUM4LjI5MzE1IDYuMDAyNTcgNS4xOTQ0OCAyLjg0MDkgNC43NjA2OCAyLjQzODEzVjIuNDM4MTNDNC4xNjE2MyAxLjg3NDI3IDMuMTA4MDYgMS44MzM5OSAyLjQ4ODMyIDIuNDM4MTNDMS44Njg1OSAzLjA0MjI4IDEuODA2NiAzLjg2NzkzIDIuNDg4MzIgNC42MTMwNUw3Ljc3NjczIDkuOTg5OTJMMi40ODgzMiAxNS4zODY5QzEuODA2NiAxNi4xMTE5IDEuODY4NTkgMTYuOTU3NyAyLjQ4ODMyIDE3LjU2MTlDMy4xMjg3IDE4LjE2NiA0LjE4MjI3IDE4LjEyNTcgNC43NjA2OCAxNy41NjE5QzUuMTczODQgMTcuMTU5MSA4LjI3MjQ4IDE0LjAxNzYgOS45ODcxIDEyLjI2NTZDMTEuNzAxNyAxNC4wMTc2IDE0LjgwMDMgMTcuMTU5MSAxNS4yMTM1IDE3LjU2MTlDMTUuODEyNiAxOC4xMjU3IDE2Ljg2NjEgMTguMTY2IDE3LjQ4NTkgMTcuNTYxOUMxOC4xNDY5IDE2LjkzNzYgMTguMTg4MiAxNi4xMTE5IDE3LjUwNjUgMTUuMzg2OUgxNy41MDY1WiIgZmlsbD0iIzMzMzMzMyIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTYzN18xNDc0MykiPgo8cmVjdCB4PSIyIiB5PSIyIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiM3MTcxNzEiLz4KPC9nPgo8L3N2Zz4K);
}

.content__share-wrapper .content__share-close:hover {
  filter: grayscale(1) brightness(0.5);
}

@media (min-width: 48em) {
  .content__share-wrapper .content__share-social {
    display: flex;
    justify-content: center;
  }
}

.content__heading-padding-top {
  padding-top: 2.6rem;
}

.kicker {
  display: flex;
  font-size: 1.4rem;
  line-height: 2rem;
  margin: 0 0 0.3rem;
}

.kicker span {
  display: inline-block;
  white-space: nowrap;
}

.kicker__label {
  border-radius: 2px;
  padding: 0 4px;
  margin: 0 0.5rem 0 0;
  color: var(--chip-viewtype-label);
  background-color: var(--chip-viewtype-background);
}

.kicker__label:empty {
  display: none;
}

.kicker__text {
  color: var(--text-lowVisibility);
  overflow: hidden;
  text-overflow: ellipsis;
}

.kicker__label_red {
  color: var(--chip-breakingNews-label);
  background-color: var(--chip-breakingNews-background);
}

.kicker__label_grey {
  color: var(--chip-doctype-label);
  background-color: var(--chip-doctype-background);
}

.kicker__label_darkgrey {
  color: var(--text-lowVisibility);
  background-color: var(--cp-grey-light-6);
}

.kicker__label_lightgrey {
  color: var(--text-lowVisibility);
  background-color: var(--cp-grey-light-7);
}

.content-padding-featured-media {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 480px) {
  .content-padding-featured-media {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
}

@media (min-width: 48em) {
  .content-padding-featured-media {
    padding-left: var(--content-padding-tablet);
    padding-right: var(--content-padding-tablet);
  }
}

@media (min-width: 64em) {
  .content-padding-featured-media {
    padding-left: var(--content-padding-desktop);
    padding-right: var(--content-padding-desktop);
  }
}

@media (min-width: 80em) {
  .content-padding-featured-media {
    padding-left: var(--content-padding-large);
    padding-right: var(--content-padding-large);
  }
}

@media (min-width: 90em) {
  .content-padding-featured-media {
    padding-left: var(--content-padding-large1440);
    padding-right: var(--content-padding-large1440);
  }
}

@media (min-width: 105em) {
  .content-padding-featured-media {
    padding-left: var(--content-padding-large1680);
    padding-right: var(--content-padding-large1680);
  }
}

.content-padding-featured-media.left {
  padding: 0;
}

@media (max-width: 767px) {
  .content-padding-featured-media {
    margin-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;
  }
}

.content-padding-featured-media.standalone {
  padding-left: 0;
  padding-right: 0;
}

.standalone-placeholder {
  padding-bottom: 4rem;
}

.scroll-progress-container {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  align-items: center;
  gap: 14px;
  box-shadow: 0 -10px 15px #0000000d;
  box-sizing: border-box;
  z-index: 1;
  opacity: 1;
  visibility: visible;
  transition: opacity ease-out 0.3s, visibility ease-out 0.6s;
}

.scroll-progress-container.scroll-complete {
  opacity: 0;
  visibility: hidden;
  transition: opacity ease-in 0.6s, visibility ease-in 0.3s;
}

@media (min-width: 48em) {
  .scroll-progress-container {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .scroll-progress-container.left {
    padding: 0;
  }
}

@media (min-width: 48em) and (min-width: 480px) {
  .scroll-progress-container {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
}

@media (min-width: 48em) and (min-width: 48em) {
  .scroll-progress-container {
    padding-left: var(--content-padding-tablet);
    padding-right: var(--content-padding-tablet);
  }
}

@media (min-width: 48em) and (min-width: 64em) {
  .scroll-progress-container {
    padding-left: var(--content-padding-desktop);
    padding-right: var(--content-padding-desktop);
  }
}

@media (min-width: 48em) and (min-width: 80em) {
  .scroll-progress-container {
    padding-left: var(--content-padding-large);
    padding-right: var(--content-padding-large);
  }
}

@media (min-width: 48em) and (min-width: 90em) {
  .scroll-progress-container {
    padding-left: var(--content-padding-large1440);
    padding-right: var(--content-padding-large1440);
  }
}

@media (min-width: 48em) and (min-width: 105em) {
  .scroll-progress-container {
    padding-left: var(--content-padding-large1680);
    padding-right: var(--content-padding-large1680);
  }
}

@media (min-width: 64em) {
  .scroll-progress-container {
    left: var(--leftcolumn-width-with-gap);
    width: var(--content-width-desktop);
  }
}

@media (min-width: 80em) {
  .scroll-progress-container {
    width: var(--content-width-large);
  }
}

@media (min-width: 90em) {
  .scroll-progress-container {
    width: var(--content-width-large1440);
  }
}

@media (min-width: 105em) {
  .scroll-progress-container {
    width: var(--content-width-large1680);
  }
}

.scroll-progress-container .scroll-progress-label {
  width: 122px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8rem;
  color: var(--cp-grey-light-3);
  display: none;
}

@media (min-width: 48em) {
  .scroll-progress-container .scroll-progress-label {
    display: block;
  }
}

.scroll-progress-container .scroll-progressbar {
  appearance: none;
  display: block;
  overflow: hidden;
  border: none;
  width: 100%;
  height: 5px;
  background-color: var(--brand-color-light-6) !important;
  border-radius: 0;
}

@media (min-width: 48em) {
  .scroll-progress-container .scroll-progressbar {
    height: 6px;
    border-radius: 4px;
  }
}

.scroll-progress-container .scroll-progressbar::-webkit-progress-bar {
  background-color: var(--brand-color-light-6) !important;
}

.scroll-progress-container .scroll-progressbar::-moz-progress-bar {
  background-color: var(--brand) !important;
}

.scroll-progress-container .scroll-progressbar::-webkit-progress-value {
  background-color: var(--brand) !important;
}

.standalone
  [data-mod-name="externalembed"][data-embed-type="externalvideo"]
  .externalembed__content {
  min-height: 17rem;
}

@media (min-width: 48em) {
  .standalone
    [data-mod-name="externalembed"][data-embed-type="externalvideo"]
    .externalembed__content {
    min-height: 32rem;
  }
}

[data-mod-name="externalvideo"] {
  width: 100%;
  min-height: 17rem;
  padding-top: 0;
  height: auto;
  position: relative;
  text-align: center;
}

@media (min-width: 48em) {
  [data-mod-name="externalvideo"] {
    min-height: 32rem;
  }
}

[data-mod-name="externalvideo"] iframe,
[data-mod-name="externalvideo"] .video__content {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  position: absolute;
  left: 0;
  top: 0;
  border: 0;
  overflow: hidden;
}

.new-header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-height);
  display: flex;
  z-index: var(--header-z-index);
  background: var(--header-bg-color);
  border-top: var(--header-border-top);
  border-bottom: var(--header-border-bottom);
  box-shadow: var(--header-box-shadow);
  justify-content: space-between;
}

@media (min-width: 64em) {
  .new-header {
    box-shadow: none;
    width: calc(
      var(--leftcolumn-width-with-gap) + var(--content-width-desktop)
    );
  }
}

@media (min-width: 80em) {
  .new-header {
    width: calc(var(--leftcolumn-width-with-gap) + var(--content-width-large));
  }
}

@media (min-width: 90em) {
  .new-header {
    width: calc(
      var(--leftcolumn-width-with-gap) + var(--content-width-large1440)
    );
  }
}

@media (min-width: 105em) {
  .new-header {
    width: calc(
      var(--leftcolumn-width-with-gap) + var(--content-width-large1680)
    );
  }
}

.new-header .login-wrapper {
  height: 100%;
  width: 5.8rem;
  padding: 0;
}

.new-header .login-button {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  height: auto;
}

.new-header .login-text {
  display: none;
}

.new-header .icon-freemail-svg {
  width: 2.6rem;
  height: 4.6rem;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  line-height: 4.6rem;
  padding: 0;
  margin: 0 1.6rem;
  font-size: 2.6rem;
  background-image: var(--header-icon-mail-inline);
}

.new-header__wrapper_center {
  flex-grow: 1;
  margin-top: var(--header-margin-top);
  width: 14rem;
}

@media (min-width: 48em) {
  .new-header__wrapper_center {
    width: 47rem;
    flex-grow: 0;
  }
}

@media (min-width: 64em) {
  .new-header__wrapper_center {
    width: 63rem;
  }
}

.new-header__wrapper_left {
  width: calc(5rem + var(--header-logo-flex-basis, 3.2rem));
  display: flex;
}

.new-header__wrapper_centerright {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 48em) {
  .new-header__wrapper_centerright {
    gap: 9rem;
  }
}

@media (min-width: 64em) {
  .new-header__wrapper_centerright {
    gap: 13rem;
  }
}

@media (min-width: 80em) {
  .new-header__wrapper_centerright {
    gap: 16rem;
  }
}

@media (min-width: 90em) {
  .new-header__wrapper_centerright {
    gap: 17rem;
  }
}

@media (min-width: 120em) {
  .new-header__wrapper_centerright {
    gap: 21rem;
  }
}

.new-header__hamburger {
  flex: 0 0 5rem;
}

.new-header__navtrigger {
  display: flex;
  float: none;
  line-height: 0;
  width: 100%;
  height: 100%;
  outline: 0;
  margin: 0;
  padding: 0;
  border: none;
}

.new-header__navtrigger:focus-visible {
  outline: 3px solid var(--outline-highVisibility);
  outline-offset: -5px;
}

.new-header__navtrigger:hover {
  background-color: transparent !important;
}

.burger-icon {
  background-color: var(--header-burger-icon-bg);
  display: block;
  position: relative;
  margin: auto 16px;
  width: 18px;
  height: 2px;
}

.burger-icon:before,
.burger-icon:after {
  background-color: var(--header-burger-icon-bg);
  content: "";
  position: absolute;
  display: block;
  width: 18px;
  height: 2px;
}

.burger-icon:before {
  top: -6px;
}

.burger-icon:after {
  bottom: -6px;
}

.new-header__logo {
  display: flex;
  flex: 0 0;
  flex-basis: var(--header-logo-flex-basis);
}

.new-header__logo .logo-link {
  display: block;
  width: 100%;
}

.new-header__logo .logo-image {
  display: block;
  background-repeat: no-repeat;
  background-position: 0 50%;
  width: 100%;
  height: 100%;
  background-image: var(--header-logo-img);
  background-size: var(--header-logo-img-size);
}

@media (min-width: 64em) {
  .left-col footer,
  .mod-newnav footer,
  [data-mod-name="navigation"] footer {
    color: var(--separator-default);
    font-size: 1.2rem;
    line-height: 1.6rem;
    padding: 0 0 0.8rem 1rem;
  }

  .left-col footer a,
  .mod-newnav footer a,
  [data-mod-name="navigation"] footer a {
    color: var(--text-lowVisibility);
  }

  .left-col footer a:hover,
  .mod-newnav footer a:hover,
  [data-mod-name="navigation"] footer a:hover {
    color: var(--system-hyperlink);
  }

  .teasers {
    flex: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .left-col-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 27rem;
    position: relative;
  }

  .co-rectangle-disabled .left-col-bottom {
    height: 0;
  }
}

[data-mod-name="homepage"] .logout {
  margin: 1rem 1.6rem;
}

@media (min-width: 64em) {
  [data-mod-name="homepage"] .logout {
    margin: 0 0 0.8rem;
  }
}

[data-mod-name="homepage"] .tools {
  width: 100%;
  height: 20rem;
  line-height: 20rem;
  background-color: var(--base-system);
  color: var(--text-lowVisibility);
  text-align: center;
  font-weight: 500;
}

@media (min-width: 48em) {
  [data-mod-name="homepage"] .tools {
    margin-bottom: 0.4rem;
  }
}

[data-mod-name="homepage"] .homepage__footer {
  text-align: center;
  font-size: 1.4rem;
  background: var(--base-system);
}

[data-mod-name="homepage"] .homepage__footer:before {
  content: "";
  display: block;
  border-top: 1px solid var(--separator-default);
  margin: 0 1rem;
}

[data-mod-name="homepage"] .homepage__footer-section-info {
  padding-top: 3.2rem;
  padding-bottom: 3rem;
  margin: 0 auto;
}

[data-mod-name="homepage"] .homepage__footer-section-links {
  line-height: 3.2rem;
  padding: 2rem;
  background: var(--brand-color);
}

[data-mod-name="homepage"] .homepage__footer-link {
  margin: 0 1rem;
  font-weight: 700;
  color: var(--hp-footer-link-color);
  white-space: nowrap;
}

[data-mod-name="homepage"] .homepage__footer-block {
  display: block;
  margin-top: 3rem;
  color: var(--text-highVisibility);
}

[data-mod-name="homepage"] .homepage__footer-label,
[data-mod-name="homepage"] .homepage__footer-text {
  max-width: 25rem;
  margin: 0 auto;
}

[data-mod-name="homepage"] .homepage__footer-label {
  line-height: 2.2rem;
  font-weight: 700;
}

[data-mod-name="homepage"] .homepage__footer-text {
  line-height: 1.9rem;
}

[data-mod-name="homepage"] .new-header__logo {
  display: flex;
  height: var(--hp-logo-height);
  margin: 0 auto;
}

[data-mod-name="homepage"] .new-header__logo .logo-image {
  background-size: 100% 100%;
  background-image: var(--hp-logo-img);
}

[data-mod-name="homepage"] .homepage__footer-section-logos {
  padding: 3rem;
  background: var(--cp-grey-light-7);
}

[data-mod-name="homepage"]
  .homepage__footer-section-logos.two-logos
  .homepage__footer-logo:first-of-type {
  margin-bottom: 0;
  margin-right: 3rem;
}

[data-mod-name="homepage"]
  .homepage__footer-section-logos.two-logos
  .homepage__footer-logo:nth-of-type(2) {
  margin-right: 0;
}

[data-mod-name="homepage"] .homepage__footer-logo {
  width: 115px;
}

[data-mod-name="homepage"] .homepage__footer-logo:first-of-type {
  margin-bottom: 3rem;
}

[data-mod-name="homepage"] .homepage__footer-logo:nth-of-type(2) {
  margin-right: 3rem;
}

.homepage ui-tool {
  margin-top: 3rem;
}

.homepage ui-region .region__location {
  margin-top: 0;
  margin-bottom: 1.8rem;
}

.homepage ui-region {
  --region-select-wrap-pt: 0.1rem;
}

@media (min-width: 48em) {
  .homepage ui-tool {
    --tool-content-padding-top: 0;
    --tool-content-padding-right: var(--article-padding);
    --tool-content-padding-bottom: 0;
    --tool-header-padding-top: 0;
    --tool-header-padding-right: var(--article-padding);
    --tool-header-padding-bottom: 0;
    --tool-footer-padding-top: 0;
    --tool-footer-padding-right: var(--article-padding);
    --tool-footer-padding-bottom: 0;
    box-shadow: 0 0 calc(var(--gap) / 2) #00000026;
    margin-bottom: calc(var(--gap) / 2);
    border: 0;
  }
}

@media (min-width: 105em) {
  .homepage ui-tool {
    --tool-content-padding-top: 0;
    --tool-content-padding-right: calc(var(--article-padding) * 3);
    --tool-content-padding-bottom: 0;
    --tool-header-padding-top: 0;
    --tool-header-padding-right: calc(var(--article-padding) * 3);
    --tool-header-padding-bottom: 0;
    --tool-footer-padding-top: 0;
    --tool-footer-padding-right: calc(var(--article-padding) * 3);
    --tool-footer-padding-bottom: 0;
  }
}

@media (min-width: 90em) {
  .homepage ui-tool {
    --tool-content-padding-top: 0;
    --tool-content-padding-right: calc(var(--article-padding) * 2);
    --tool-content-padding-bottom: 0;
    --tool-header-padding-top: 0;
    --tool-header-padding-right: calc(var(--article-padding) * 2);
    --tool-header-padding-bottom: 0;
    --tool-footer-padding-top: 0;
    --tool-footer-padding-right: calc(var(--article-padding) * 2);
    --tool-footer-padding-bottom: 0;
  }
}

ui-horoscopeslider ul.zodiac-list {
  font-size: 1.6rem;
  line-height: 4rem;
  border: 0;
  list-style: none;
  text-indent: 0;
  margin: 0;
  padding: 0;
  flex: 1;
  display: flex;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

ui-horoscopeslider ul.zodiac-list li:first-child a {
  border: 0;
}

ui-horoscopeslider ul.zodiac-list li:before {
  display: none;
}

ui-horoscopeslider ul.zodiac-list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

ui-horoscopeslider ul.zodiac-list li {
  scroll-snap-align: start;
  flex: 0 0 100%;
  padding: 0;
  margin: 0;
  border: 0;
  transition: all 0.5s cubic-bezier(0.33, 0.66, 0.66, 1), border 0s, padding 0s,
    margin 0s;
}

ui-horoscopeslider ul.zodiac-list li a {
  padding: var(--gap) 0;
  border: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: var(--white);
}

ui-horoscopeslider ul.zodiac-list li .icon:before {
  display: none;
}

ui-horoscopeslider ul.zodiac-list li .icon {
  display: inline-block;
  height: 9rem;
  width: 9rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 9rem auto;
}

ui-horoscopeslider ul.zodiac-list li .title {
  flex: 1;
  display: inline-block;
  margin: 0;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  line-height: 2.6rem;
}

ui-horoscopeslider ul.zodiac-list .icon.icon-widder {
  background-image: var(--icon-widder-light);
}

ui-horoscopeslider ul.zodiac-list .icon.icon-stier {
  background-image: var(--icon-stier-light);
}

ui-horoscopeslider ul.zodiac-list .icon.icon-zwilling {
  background-image: var(--icon-zwilling-light);
}

ui-horoscopeslider ul.zodiac-list .icon.icon-krebs {
  background-image: var(--icon-krebs-light);
}

ui-horoscopeslider ul.zodiac-list .icon.icon-loewe {
  background-image: var(--icon-loewe-light);
}

ui-horoscopeslider ul.zodiac-list .icon.icon-jungfrau {
  background-image: var(--icon-jungfrau-light);
}

ui-horoscopeslider ul.zodiac-list .icon.icon-waage {
  background-image: var(--icon-waage-light);
}

ui-horoscopeslider ul.zodiac-list .icon.icon-skorpion {
  background-image: var(--icon-skorpion-light);
}

ui-horoscopeslider ul.zodiac-list .icon.icon-schuetze {
  background-image: var(--icon-schuetze-light);
}

ui-horoscopeslider ul.zodiac-list .icon.icon-steinbock {
  background-image: var(--icon-steinbock-light);
}

ui-horoscopeslider ul.zodiac-list .icon.icon-wassermann {
  background-image: var(--icon-wassermann-light);
}

ui-horoscopeslider ul.zodiac-list .icon.icon-fische {
  background-image: var(--icon-fische-light);
}

ui-horoscopeslider ul.zodiac-list li .timerange {
  display: none;
}

h2.horoscope-section-title {
  margin-top: 2rem;
  padding: 0 var(--article-padding);
}

@media (min-width: 48em) {
  ui-horoscopeslider ul.zodiac-list {
    display: flex;
    grid-gap: 0;
    grid-template-columns: none;
  }

  ui-horoscopeslider ul.zodiac-list li {
    flex: 0 0 20%;
  }

  ui-horoscopeslider ul.zodiac-list li a:hover {
    background-color: #00000040;
  }

  ui-horoscopeslider[mode="tool"] ul.zodiac-list.widemode li {
    flex: 0 0 20%;
  }

  ui-horoscopeslider[mode="tool"] ul.zodiac-list li {
    flex: 0 0 100%;
  }

  h2.horoscope-section-title {
    padding: 0;
  }
}

.gallery-page {
  --topbar-height: var(--header-height);
}

[data-mod-name="inapp"].gallery-page {
  --topbar-height: 0px;
}

.gallery-page .article__featured-image-new {
  padding: 0;
}

@media (max-width: 767px) {
  .gallery-page .article__featured-image-new figure {
    height: calc(100vh - var(--topbar-height) - 107px);
    padding-bottom: 0;
  }

  .gallery-page .article__featured-image-new figure picture {
    display: flex;
    object-fit: contain;
    height: 100%;
    justify-content: center;
    overflow: hidden;
  }

  .gallery-page .article__featured-image-new figure img {
    flex: 1;
    object-fit: cover;
    position: static;
    width: auto;
  }
}

.gallery-page__head-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-left: 2.6rem;
  padding-right: 2.6rem;
  color: #fff;
  text-align: center;
  background: linear-gradient(180deg, #0000, #080808cc 98.4%);
}

@media (min-width: 64em) {
  .gallery-page__head-content {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.gallery-page__head-content .icon-slideshow {
  margin-bottom: 1rem;
  align-self: center;
  background: var(--system-opac);
}

@media (min-width: 64em) {
  .gallery-page__head-content .icon-slideshow {
    align-self: flex-start;
  }
}

.gallery-page__head-content .content__headline-new {
  padding: 0;
  color: #fff;
}

@media (max-width: 767px) {
  .gallery-page__head-content .content__headline-new {
    text-align: center;
  }
}

.gallery-page__head-bottom {
  height: 7rem;
  position: relative;
}

.gallery-page__head-arrow {
  top: 2rem;
  color: #fff;
  font-size: 2rem !important;
  height: 3rem;
  width: 8rem;
}

.gallery-page__info .content__info-new {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 2rem;
}

.gallery-page__info .kicker {
  margin: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  justify-content: flex-start;
}

.gallery-page__info .content__meta {
  margin-top: 2.5rem;
}

.gallery-page__info .content__time-copyright {
  margin-bottom: 2.6rem;
}

@media (max-width: 767px) {
  .gallery-page__info .content__time-copyright {
    margin-bottom: 2.5rem;
  }
}

.gallery-page__info .content__time-copyright .fineprint {
  margin: 0;
}

@media (min-width: 120em) {
  .gallery-page__info .content__time-copyright {
    margin-bottom: 3rem;
  }
}

.gallery-page__info .content__time-new {
  margin-bottom: 1rem;
}

[data-mod-name="imagegallery"] .imagegallery__info {
  font-size: 1.4rem;
  line-height: 1.7rem;
}

[data-mod-name="imagegallery"] .imagegallery__author {
  margin: 1.5rem 0;
  font-size: 1.4rem;
}

[data-mod-name="imagegallery"] .imagegallery__author a {
  color: unset;
  text-decoration: underline;
}

[data-mod-name="imagegallery"] .imagegallery__copyright {
  margin-top: 1.5rem;
  font-size: 1.4rem;
  color: var(--text-lowVisibility);
}

[data-mod-name="imagegallery"]
  .imagegallery-slide:last-of-type
  .imagegallery-slide__bottom {
  display: none;
}

[data-mod-name="imagegallery"] .imagegallery-slide-info {
  padding-top: 1rem;
  text-align: center;
}

[data-mod-name="imagegallery"] .imagegallery-slide.co-slide {
  display: flex;
  flex-direction: column;
}

[data-mod-name="imagegallery"]
  .imagegallery-slide.co-slide
  .imagegallery-slide__caption {
  font-size: 1.4rem;
  text-align: center;
  color: var(--text-lowVisibility);
}

[data-mod-name="imagegallery"]
  .imagegallery-slide.co-slide
  .co-container-container {
  min-height: 600px;
}

@media (min-width: 48em) {
  [data-mod-name="imagegallery"]
    .imagegallery-slide.co-slide
    .co-container-container {
    min-height: 250px;
  }
}

[data-mod-name="imagegallery"] .imagegallery-slide.co-slide .co-container {
  padding: 0;
}

@media (min-width: 64em) {
  [data-mod-name="imagegallery"] .imagegallery-slide.co-slide {
    display: none;
  }
}

[data-mod-name="imagegallery"] .imagegallery-slide__background {
  opacity: 0;
  transition: opacity 2s;
  display: none;
}

[data-mod-name="imagegallery"] .imagegallery-slide__background.loaded {
  opacity: 1;
}

@media (min-width: 48em) {
  [data-mod-name="imagegallery"] .imagegallery-slide__background {
    display: block;
    position: absolute;
    inset: -50px;
    filter: blur(50px) opacity(0.5);
    background-size: 150%;
    background-position: 50%;
  }
}

[data-mod-name="imagegallery"] .imagegallery-slide__picture {
  position: relative;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  overflow: hidden;
}

[data-mod-name="imagegallery"] .imagegallery-slide__picture picture {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}

[data-mod-name="imagegallery"] .imagegallery-slide__picture img {
  max-width: 100%;
  max-height: 80vh;
  width: auto;
  transition: opacity 2s;
}

@media (max-width: 767px) {
  [data-mod-name="imagegallery"] .imagegallery-slide__picture img {
    width: 100%;
    max-height: unset;
  }
}

[data-mod-name="imagegallery"] .imagegallery-slide__picture img.not-loaded {
  opacity: 0;
}

[data-mod-name="imagegallery"] .imagegallery-slide__picture img.loaded {
  opacity: 1;
}

[data-mod-name="imagegallery"] .imagegallery-slide__counter {
  padding: 0 5px;
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  background: var(--system-opac);
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
  z-index: 1;
}

[data-mod-name="imagegallery"] .imagegallery-slide__slide-number {
  font-weight: 700;
}

[data-mod-name="imagegallery"] .imagegallery-slide__total-count {
  margin-left: 5px;
  color: #fff;
}

[data-mod-name="imagegallery"]
  .imagegallery-slide.co-slide
  .imagegallery-slide__content {
  padding-top: 0;
  padding-bottom: 4rem;
}

[data-mod-name="imagegallery"] .imagegallery-slide__content {
  padding: 2rem;
}

@media (min-width: 64em) {
  [data-mod-name="imagegallery"] .imagegallery-slide__content {
    padding: 3rem 6rem;
  }
}

[data-mod-name="imagegallery"] .imagegallery-slide__headline {
  margin-bottom: 1rem;
  font-weight: 700;
}

[data-mod-name="imagegallery"] .imagegallery-slide__copyright {
  font-size: 1.2rem;
  color: var(--text-lowVisibility);
}

[data-mod-name="imagegallery"] .imagegallery-slide__bottom {
  padding-bottom: 3rem;
  text-align: center;
}

[data-mod-name="imagegallery"] .imagegallery-slide__next-slide {
  font-size: 2rem;
  color: var(--text-lowVisibility);
  width: 100%;
}

ui-infobox {
  margin-bottom: 2rem;
}

ui-infobox-panel [slot="header"] {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  margin: 0 0 1rem;
}

ui-infobox-panel [slot="content"] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1.4rem;
  line-height: 2rem;
  margin: 0;
}

ui-infobox-panel [slot="content"] li {
  padding: 0 0 0 1.4rem;
  margin: 0;
}

ui-infobox-panel [slot="content"] li:before {
  margin-left: -1.4rem;
  margin-right: 0.8rem;
  top: 0.1rem;
}

ui-infobox-panel:not(:last-of-type) {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--separator-default);
}

[data-mod-name="intro"] {
  clear: both;
  overflow: hidden;
  background-color: var(--surface-content);
}

.overview-page [data-mod-name="intro"] {
  padding: 0 2.4rem;
}

[data-mod-name="intro"] .collapsible-wrapper {
  margin-top: 1.4rem;
  margin-bottom: 0.6rem;
  overflow: hidden;
  color: var(--text-highVisibility);
  font-style: italic;
}

[data-mod-name="intro"] .collapsible-wrapper p {
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

[data-mod-name="intro"] .collapsible-wrapper a {
  font-style: italic;
}

[data-mod-name="intro"] .collapsible-arrow-wrapper {
  margin-bottom: 1.4rem;
}

[data-mod-name="intro"].is-taglist .left-container .collapsible-arrow-wrapper {
  display: block;
  height: 2rem;
  margin-bottom: 0.6rem;
}

[data-mod-name="intro"].is-taglist .tag a {
  font-style: normal;
}

[data-mod-name="intro"].sement .collapsible-wrapper {
  margin: 0 0 1.6rem;
  font-style: normal;
}

[data-mod-name="intro"] .arrow-down-svg {
  display: block;
  color: var(--icon-lowVisibility);
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM4ODg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvdy1kb3duPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNy40Myw1LjgyYTEuNTIsMS41MiwwLDAsMSwyLjEzLDAsMS40OCwxLjQ4LDAsMCwxLDAsMi4xMWwtOC41LDguMzJhMS40OSwxLjQ5LDAsMCwxLTIuMTIsMEwuNDQsNy45M2ExLjQ4LDEuNDgsMCwwLDEsMC0yLjExLDEuNTIsMS41MiwwLDAsMSwyLjEzLDBMMTAsMTIuNjVaIi8+PC9zdmc+);
  transform: rotate(180deg);
}

[data-mod-name="intro"] [data-mod-name="native-image"] {
  height: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 0 0 60%;
  overflow: hidden;
}

[data-mod-name="intro"].closed .arrow-down-svg {
  transform: rotate(0);
}

[data-mod-name="intro"].closed.is-taglist .collapsible-wrapper {
  max-height: 7rem;
}

[data-mod-name="intro"].closed.sement .collapsible-wrapper {
  max-height: inherit;
}

@media (min-width: 48em) {
  [data-mod-name="intro"] .collapsible-wrapper p {
    line-height: 2.6rem;
    font-size: 1.6rem;
  }

  [data-mod-name="intro"] [data-mod-name="native-image"] {
    width: 32rem;
    height: auto;
    padding: 0;
    float: right;
    border-bottom: 0.1rem solid var(--separator-default);
  }

  :not(.is-author)
    [data-mod-name="intro"].with-img.closed
    .collapsible-wrapper {
    height: 16rem;
    max-height: none;
  }

  [data-mod-name="intro"].with-img div.left-container {
    width: calc(100% - 32rem);
    padding-right: 2.4rem;
    box-sizing: border-box;
    float: left;
  }
}

.overview [data-mod-name="intro"],
[data-mod-name="channel"] [data-mod-name="intro"],
[data-mod-name="sitemap"] [data-mod-name="intro"] {
  border-bottom: 0.1rem solid var(--separator-default);
}

.overview [data-mod-name="intro"] .left-container,
[data-mod-name="channel"] [data-mod-name="intro"] .left-container,
[data-mod-name="sitemap"] [data-mod-name="intro"] .left-container {
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 480px) {
  .overview [data-mod-name="intro"] .left-container,
  [data-mod-name="channel"] [data-mod-name="intro"] .left-container,
  [data-mod-name="sitemap"] [data-mod-name="intro"] .left-container {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
}

@media (min-width: 48em) {
  .overview [data-mod-name="intro"] .left-container,
  [data-mod-name="channel"] [data-mod-name="intro"] .left-container,
  [data-mod-name="sitemap"] [data-mod-name="intro"] .left-container {
    padding-left: var(--content-padding-tablet);
    padding-right: var(--content-padding-tablet);
  }
}

@media (min-width: 64em) {
  .overview [data-mod-name="intro"] .left-container,
  [data-mod-name="channel"] [data-mod-name="intro"] .left-container,
  [data-mod-name="sitemap"] [data-mod-name="intro"] .left-container {
    padding-left: var(--content-padding-desktop);
    padding-right: var(--content-padding-desktop);
  }
}

@media (min-width: 80em) {
  .overview [data-mod-name="intro"] .left-container,
  [data-mod-name="channel"] [data-mod-name="intro"] .left-container,
  [data-mod-name="sitemap"] [data-mod-name="intro"] .left-container {
    padding-left: var(--content-padding-large);
    padding-right: var(--content-padding-large);
  }
}

@media (min-width: 90em) {
  .overview [data-mod-name="intro"] .left-container,
  [data-mod-name="channel"] [data-mod-name="intro"] .left-container,
  [data-mod-name="sitemap"] [data-mod-name="intro"] .left-container {
    padding-left: var(--content-padding-large1440);
    padding-right: var(--content-padding-large1440);
  }
}

@media (min-width: 105em) {
  .overview [data-mod-name="intro"] .left-container,
  [data-mod-name="channel"] [data-mod-name="intro"] .left-container,
  [data-mod-name="sitemap"] [data-mod-name="intro"] .left-container {
    padding-left: var(--content-padding-large1680);
    padding-right: var(--content-padding-large1680);
  }
}

.overview [data-mod-name="intro"] .left-container.left,
[data-mod-name="channel"] [data-mod-name="intro"] .left-container.left,
[data-mod-name="sitemap"] [data-mod-name="intro"] .left-container.left {
  padding: 0;
}

.state-eurojackpot ~ .tool-footer .chance-eurojackpot,
.state-lotto6aus49 ~ .tool-footer .chance-lotto {
  display: none;
}

.teaser-list-horizontal {
  clear: both;
}

@media (min-width: 48em) {
  .teaser-list-horizontal {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .teaser-list-horizontal [data-mod-name="newteaser"].teaser-article__left {
    border: 0;
    padding: 0;
  }

  .teaser-list-horizontal
    [data-mod-name="newteaser"].teaser-article__left
    .teaser__imagewrapper {
    margin: 0 1rem 0 0;
  }

  .teaser-list-horizontal
    [data-mod-name="newteaser"].teaser-article__left
    .teaser__text {
    padding: 0;
  }
}

@media (min-width: 48em) {
  .teaser-list-horizontal [data-mod-name="newteaser"].teaser-article__left {
    clear: none;
    width: calc(100% / 3 - 2rem / 3);
  }

  .teaser-list-horizontal
    [data-mod-name="newteaser"].teaser-article__left:nth-child(3n) {
    margin-right: 0;
  }
}

@media (min-width: 64em) {
  .teaser-list-horizontal
    [data-mod-name="newteaser"].teaser-article__left
    .teaser__link {
    display: block;
  }
}

.teaser-list-horizontal
  [data-mod-name="newteaser"].teaser-article__full
  .teaser__link {
  display: flex;
}

[data-mod-name="newteaser"] {
  box-sizing: border-box;
  background-color: var(--surface-content);
  clear: both;
  text-align: left;
}

@media (max-width: 767px) {
  [data-mod-name="newteaser"] {
    hyphens: auto;
  }
}

[data-mod-name="newteaser"] > a {
  color: var(--text-highVisibility);
}

[data-mod-name="newteaser"] > a:visited {
  color: var(--text-highVisibility);
}

[data-mod-name="newteaser"] .teaser__link {
  display: flex;
  height: 100%;
}

[data-mod-name="newteaser"] .teaser__link:hover .teaser__headline {
  color: var(--system-hyperlink);
}

[data-mod-name="newteaser"] .teaser__imagewrapper {
  width: 136px;
  height: 76.5px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"] .teaser__imagewrapper {
    width: 100%;
    height: fit-content;
  }
}

[data-mod-name="newteaser"] .teaser__imagewrapper:after {
  display: block;
  content: "";
  padding-bottom: 56%;
  overflow: hidden;
}

[data-mod-name="newteaser"] .teaser__imagewrapper img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

[data-mod-name="newteaser"] .teaser__imagewrapper .icon {
  display: none;
  font-size: 2.8rem;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"] .teaser__imagewrapper .icon {
    position: absolute;
    display: block;
    left: 1rem;
    bottom: 1rem;
    color: var(--white);
    border-radius: 0.2rem;
    background-color: var(--system-opac);
  }
}

[data-mod-name="newteaser"] .teaser__text {
  padding: 1rem;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}

[data-mod-name="newteaser"] .teaser__headline {
  font-size: 1.5rem;
  line-height: 1.9rem;
  margin: 0 0 1rem;
  flex: 1;
  word-break: break-word;
}

[data-mod-name="newteaser"] .teaser__meta,
[data-mod-name="newteaser"] .teaser__pricetag {
  font-size: 1.4rem;
  line-height: normal;
  color: var(--text-lowVisibility);
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"] .teaser__meta .multiple,
  [data-mod-name="newteaser"] .teaser__pricetag .multiple {
    margin-left: 1rem;
    hyphens: auto;
  }

  [data-mod-name="newteaser"] .teaser__meta:empty,
  [data-mod-name="newteaser"] .teaser__pricetag:empty {
    display: none;
  }
}

[data-mod-name="newteaser"] .teaser__pricetag {
  display: block;
}

[data-mod-name="newteaser"] .teaser__pricetag-price {
  color: var(--notification-error);
  font-weight: 700;
}

[data-mod-name="newteaser"] .kicker {
  display: flex;
  font-size: 1.2rem;
  line-height: 2rem;
  margin: 0 0 0.3rem;
}

[data-mod-name="newteaser"] .kicker span {
  display: inline-block;
  white-space: nowrap;
}

[data-mod-name="newteaser"] .kicker__label {
  border-radius: 2px;
  padding: 0 4px;
  margin: 0 0.5rem 0 0;
  color: var(--chip-viewtype-label);
  background-color: var(--chip-viewtype-background);
}

[data-mod-name="newteaser"] .kicker__label:empty {
  display: none;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].no-label:not(.teaser-sidecol) .kicker__label {
    display: none;
  }
}

[data-mod-name="newteaser"] .kicker__label_red {
  color: var(--chip-breakingNews-label);
  background-color: var(--chip-breakingNews-background);
}

[data-mod-name="newteaser"] .kicker__label_grey {
  color: var(--chip-doctype-label);
  background-color: var(--chip-doctype-background);
}

[data-mod-name="newteaser"] .kicker__label_lightgrey {
  color: var(--chip-partner-label);
  background-color: var(--chip-partner-background);
}

[data-mod-name="newteaser"] .teaser__partner-logo {
  margin-right: 0.5rem;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"] .teaser__partner-logo {
    height: 2rem;
  }
}

[data-mod-name="newteaser"] .kicker__text {
  color: var(--text-lowVisibility);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-mod-name="newteaser"].teaser-article__left .kicker,
[data-mod-name="newteaser"].teaser-article__full .kicker {
  font-size: 1.4rem;
  line-height: normal;
  margin-bottom: 0.2rem;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__left .kicker,
  [data-mod-name="newteaser"].teaser-article__full .kicker {
    margin-bottom: 0.6rem;
  }
}

[data-mod-name="newteaser"].teaser-article__left .teaser__text,
[data-mod-name="newteaser"].teaser-article__full .teaser__text {
  padding: 0 0 0 1rem;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__left .teaser__text,
  [data-mod-name="newteaser"].teaser-article__full .teaser__text {
    display: block;
    padding: 1rem;
  }
}

[data-mod-name="newteaser"].teaser-article__left .teaser__headline,
[data-mod-name="newteaser"].teaser-article__full .teaser__headline {
  margin: 0;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__left .teaser__headline,
  [data-mod-name="newteaser"].teaser-article__full .teaser__headline {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

[data-mod-name="newteaser"].teaser-article__left .teaser__meta,
[data-mod-name="newteaser"].teaser-article__full .teaser__meta,
[data-mod-name="newteaser"].teaser-article__left .teaser__pricetag,
[data-mod-name="newteaser"].teaser-article__full .teaser__pricetag {
  font-size: 1.4rem;
  line-height: normal;
  display: none;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__left .teaser__meta,
  [data-mod-name="newteaser"].teaser-article__full .teaser__meta,
  [data-mod-name="newteaser"].teaser-article__left .teaser__pricetag,
  [data-mod-name="newteaser"].teaser-article__full .teaser__pricetag {
    display: block;
    margin-top: 1rem;
  }
}

[data-mod-name="newteaser"].teaser-article__left .teaser__pricetag,
[data-mod-name="newteaser"].teaser-article__full .teaser__pricetag {
  display: block;
  margin: 0.5rem 0 0;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__left .teaser__pricetag,
  [data-mod-name="newteaser"].teaser-article__full .teaser__pricetag {
    margin: 1rem 0 0;
  }
}

.linkbox [data-mod-name="newteaser"]:not(:last-of-type) {
  border-top: 0.1rem solid var(--separator-default);
}

.linkbox [data-mod-name="newteaser"]:last-of-type {
  border-top: 0.1rem solid var(--separator-default);
  border-bottom: 0.1rem solid var(--separator-default);
  margin-bottom: 2rem;
}

.linkbox [data-mod-name="newteaser"] .kicker {
  font-size: 1.4rem;
  line-height: normal;
  margin-bottom: 0.2rem;
}

@media (min-width: 48em) {
  .linkbox [data-mod-name="newteaser"] .kicker {
    margin-bottom: 0.6rem;
  }
}

.linkbox [data-mod-name="newteaser"] .teaser__text {
  padding: 1rem 0;
}

@media (min-width: 48em) {
  .linkbox [data-mod-name="newteaser"] .teaser__text {
    display: block;
  }
}

.linkbox [data-mod-name="newteaser"] .teaser__headline {
  margin: 0;
}

@media (min-width: 48em) {
  .linkbox [data-mod-name="newteaser"] .teaser__headline {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

.linkbox [data-mod-name="newteaser"] .teaser__meta,
.linkbox [data-mod-name="newteaser"] .teaser__pricetag {
  font-size: 1.4rem;
  line-height: normal;
  display: none;
}

@media (min-width: 48em) {
  .linkbox [data-mod-name="newteaser"] .teaser__meta,
  .linkbox [data-mod-name="newteaser"] .teaser__pricetag {
    display: block;
    margin-top: 1rem;
  }
}

.linkbox [data-mod-name="newteaser"] .teaser__pricetag {
  display: block;
  margin: 0.5rem 0 0;
}

@media (min-width: 48em) {
  .linkbox [data-mod-name="newteaser"] .teaser__pricetag {
    margin: 1rem 0 0;
  }
}

[data-mod-name="newteaser"].teaser-article__header .teaser__headline {
  font-size: 2.6rem;
  line-height: 3.2rem;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__header .teaser__headline {
    font-size: 3.6rem;
    line-height: 4rem;
  }
}

@media (max-width: 767px) {
  [data-mod-name="newteaser"].teaser-article__header .teaser__headline {
    padding-top: 1.6rem;
    margin-top: 0;
    line-height: 3.2rem;
  }
}

[data-mod-name="newteaser"].teaser-article__header .teaser__text {
  padding: 2.8rem 0 0;
}

[data-mod-name="newteaser"].teaser-article__header .teaser__kicker,
[data-mod-name="newteaser"].teaser-article__header .teaser__headline,
[data-mod-name="newteaser"].teaser-article__header .teaser__meta,
[data-mod-name="newteaser"].teaser-article__header .teaser__pricetag {
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 480px) {
  [data-mod-name="newteaser"].teaser-article__header .teaser__kicker,
  [data-mod-name="newteaser"].teaser-article__header .teaser__headline,
  [data-mod-name="newteaser"].teaser-article__header .teaser__meta,
  [data-mod-name="newteaser"].teaser-article__header .teaser__pricetag {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__header .teaser__kicker,
  [data-mod-name="newteaser"].teaser-article__header .teaser__headline,
  [data-mod-name="newteaser"].teaser-article__header .teaser__meta,
  [data-mod-name="newteaser"].teaser-article__header .teaser__pricetag {
    padding-left: var(--content-padding-tablet);
    padding-right: var(--content-padding-tablet);
  }
}

@media (min-width: 64em) {
  [data-mod-name="newteaser"].teaser-article__header .teaser__kicker,
  [data-mod-name="newteaser"].teaser-article__header .teaser__headline,
  [data-mod-name="newteaser"].teaser-article__header .teaser__meta,
  [data-mod-name="newteaser"].teaser-article__header .teaser__pricetag {
    padding-left: var(--content-padding-desktop);
    padding-right: var(--content-padding-desktop);
  }
}

@media (min-width: 80em) {
  [data-mod-name="newteaser"].teaser-article__header .teaser__kicker,
  [data-mod-name="newteaser"].teaser-article__header .teaser__headline,
  [data-mod-name="newteaser"].teaser-article__header .teaser__meta,
  [data-mod-name="newteaser"].teaser-article__header .teaser__pricetag {
    padding-left: var(--content-padding-large);
    padding-right: var(--content-padding-large);
  }
}

@media (min-width: 90em) {
  [data-mod-name="newteaser"].teaser-article__header .teaser__kicker,
  [data-mod-name="newteaser"].teaser-article__header .teaser__headline,
  [data-mod-name="newteaser"].teaser-article__header .teaser__meta,
  [data-mod-name="newteaser"].teaser-article__header .teaser__pricetag {
    padding-left: var(--content-padding-large1440);
    padding-right: var(--content-padding-large1440);
  }
}

@media (min-width: 105em) {
  [data-mod-name="newteaser"].teaser-article__header .teaser__kicker,
  [data-mod-name="newteaser"].teaser-article__header .teaser__headline,
  [data-mod-name="newteaser"].teaser-article__header .teaser__meta,
  [data-mod-name="newteaser"].teaser-article__header .teaser__pricetag {
    padding-left: var(--content-padding-large1680);
    padding-right: var(--content-padding-large1680);
  }
}

[data-mod-name="newteaser"].teaser-article__header .teaser__kicker.left,
[data-mod-name="newteaser"].teaser-article__header .teaser__headline.left,
[data-mod-name="newteaser"].teaser-article__header .teaser__meta.left,
[data-mod-name="newteaser"].teaser-article__header .teaser__pricetag.left {
  padding: 0;
}

[data-mod-name="newteaser"].teaser-article__header .icon {
  display: inline;
  position: static;
  background: transparent;
}

[data-mod-name="newteaser"].teaser-article__left {
  margin: 0 0 2rem;
  border-top: 0.1rem solid var(--separator-default);
  border-bottom: 0.1rem solid var(--separator-default);
  padding: 1rem 0;
}

@media (max-width: 767px) {
  [data-mod-name="newteaser"].teaser-article__left:first-of-type {
    border-top: 0.1rem solid var(--separator-default) !important;
    padding-top: 1rem;
  }

  .teaser-list-vertical
    [data-mod-name="newteaser"].teaser-article__left:first-of-type,
  .teaser-list-horizontal
    [data-mod-name="newteaser"].teaser-article__left:first-of-type {
    padding-top: 2rem;
  }

  .overview__rubric-teasers
    [data-mod-name="newteaser"].teaser-article__left:first-of-type,
  .authorpage__rubric-teasers
    [data-mod-name="newteaser"].teaser-article__left:first-of-type,
  [data-mod-name="sement"]
    [data-mod-name="newteaser"].teaser-article__left:first-of-type {
    border-top: 0 !important;
  }

  [data-mod-name="newteaser"].teaser-article__left:last-of-type {
    border-bottom: 0.1rem solid var(--separator-default) !important;
    padding-bottom: 1rem;
    margin-bottom: 0;
  }

  .teaser-list-vertical
    [data-mod-name="newteaser"].teaser-article__left:last-of-type,
  .teaser-list-horizontal
    [data-mod-name="newteaser"].teaser-article__left:last-of-type {
    padding-bottom: 2rem;
    margin-bottom: 0;
  }

  .overview__rubric-teasers
    [data-mod-name="newteaser"].teaser-article__left:last-of-type,
  .authorpage__rubric-teasers
    [data-mod-name="newteaser"].teaser-article__left:last-of-type,
  [data-mod-name="sement"]
    [data-mod-name="newteaser"].teaser-article__left:last-of-type {
    border-bottom: 0 !important;
  }
}

@media (max-width: 767px) and (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__left:first-of-type {
    padding-top: 1.5rem;
  }
}

@media (max-width: 767px) and (min-width: 48em) {
  .teaser-list-vertical
    [data-mod-name="newteaser"].teaser-article__left:first-of-type,
  .teaser-list-horizontal
    [data-mod-name="newteaser"].teaser-article__left:first-of-type {
    padding-top: 3rem;
  }
}

@media (max-width: 767px) and (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__left:last-of-type {
    padding-bottom: 1.5rem;
  }
}

@media (max-width: 767px) and (min-width: 48em) {
  .teaser-list-vertical
    [data-mod-name="newteaser"].teaser-article__left:last-of-type,
  .teaser-list-horizontal
    [data-mod-name="newteaser"].teaser-article__left:last-of-type {
    padding-bottom: 3rem;
  }
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__left {
    clear: left;
    float: left;
    width: 31%;
    margin: 0 1rem 2.2rem 0;
    padding: 0;
    border: 0.1rem solid var(--separator-default);
  }
}

[data-mod-name="newteaser"].teaser-article__left .teaser__link {
  flex-direction: initial;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__left .teaser__link {
    flex-direction: column;
    display: block;
  }
}

[data-mod-name="newteaser"].teaser-article__full {
  margin-bottom: 2rem;
}

[data-mod-name="newteaser"].teaser-article__full:first-of-type {
  border-top: 0.1rem solid var(--separator-default) !important;
  padding-top: 1rem;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__full:first-of-type {
    padding-top: 1.5rem;
  }
}

.teaser-list-vertical
  [data-mod-name="newteaser"].teaser-article__full:first-of-type,
.teaser-list-horizontal
  [data-mod-name="newteaser"].teaser-article__full:first-of-type {
  padding-top: 2rem;
}

@media (min-width: 48em) {
  .teaser-list-vertical
    [data-mod-name="newteaser"].teaser-article__full:first-of-type,
  .teaser-list-horizontal
    [data-mod-name="newteaser"].teaser-article__full:first-of-type {
    padding-top: 3rem;
  }
}

.overview__rubric-teasers
  [data-mod-name="newteaser"].teaser-article__full:first-of-type,
.authorpage__rubric-teasers
  [data-mod-name="newteaser"].teaser-article__full:first-of-type,
[data-mod-name="sement"]
  [data-mod-name="newteaser"].teaser-article__full:first-of-type {
  border-top: 0 !important;
}

[data-mod-name="newteaser"].teaser-article__full:last-of-type {
  border-bottom: 0.1rem solid var(--separator-default) !important;
  padding-bottom: 1rem;
  margin-bottom: 0;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__full:last-of-type {
    padding-bottom: 1.5rem;
  }
}

.teaser-list-vertical
  [data-mod-name="newteaser"].teaser-article__full:last-of-type,
.teaser-list-horizontal
  [data-mod-name="newteaser"].teaser-article__full:last-of-type {
  padding-bottom: 2rem;
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .teaser-list-vertical
    [data-mod-name="newteaser"].teaser-article__full:last-of-type,
  .teaser-list-horizontal
    [data-mod-name="newteaser"].teaser-article__full:last-of-type {
    padding-bottom: 3rem;
  }
}

.overview__rubric-teasers
  [data-mod-name="newteaser"].teaser-article__full:last-of-type,
.authorpage__rubric-teasers
  [data-mod-name="newteaser"].teaser-article__full:last-of-type,
[data-mod-name="sement"]
  [data-mod-name="newteaser"].teaser-article__full:last-of-type {
  border-bottom: 0 !important;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__full {
    margin-bottom: 3rem;
  }
}

@media (max-width: 767px) {
  .overview__rubric-teasers [data-mod-name="newteaser"].teaser-article__full,
  .authorpage__rubric-teasers [data-mod-name="newteaser"].teaser-article__full,
  [data-mod-name="sement"] [data-mod-name="newteaser"].teaser-article__full {
    margin-left: 1rem;
  }
}

[data-mod-name="newteaser"].teaser-article__full .teaser__imagewrapper {
  margin: 0 1rem 0 0;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-article__full .teaser__imagewrapper {
    width: 31%;
  }
}

[data-mod-name="newteaser"].teaser-article__full .teaser__link {
  flex-direction: row;
}

[data-mod-name="newteaser"].teaser-article__full .teaser__text {
  padding: 0;
  min-width: 0;
}

.overview__rubric-teasers
  [data-mod-name="newteaser"].teaser-article__full
  .teaser__text,
.authorpage__rubric-teasers
  [data-mod-name="newteaser"].teaser-article__full
  .teaser__text,
[data-mod-name="sement"]
  [data-mod-name="newteaser"].teaser-article__full
  .teaser__text {
  padding: 0 1rem 0 0;
}

@media (min-width: 48em) {
  .overview__rubric-teasers
    [data-mod-name="newteaser"].teaser-article__full
    .teaser__text,
  .authorpage__rubric-teasers
    [data-mod-name="newteaser"].teaser-article__full
    .teaser__text,
  [data-mod-name="sement"]
    [data-mod-name="newteaser"].teaser-article__full
    .teaser__text {
    padding: 0;
  }
}

[data-mod-name="newteaser"].teaser-article__full .teaser__headline {
  flex: none;
}

[data-mod-name="newteaser"].teaser-sidecol {
  border: 0;
  margin: 0 0 1.6rem;
}

[data-mod-name="newteaser"].teaser-sidecol:first-of-type {
  margin: 1.6rem 0.3rem 1.6rem 0;
}

[data-mod-name="newteaser"].teaser-sidecol .teaser__imagewrapper {
  width: 11.6rem;
  height: 7.2rem;
}

[data-mod-name="newteaser"].teaser-sidecol .teaser__imagewrapper .icon {
  display: none;
}

[data-mod-name="newteaser"].teaser-sidecol .teaser__headline {
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin: 0;
}

[data-mod-name="newteaser"].teaser-sidecol .teaser__meta,
[data-mod-name="newteaser"].teaser-sidecol .teaser__pricetag {
  display: none;
}

[data-mod-name="newteaser"].teaser-sidecol .teaser__link {
  flex-direction: inherit;
  display: flex;
}

[data-mod-name="newteaser"].teaser-sidecol .teaser__text {
  padding: 0 0.5rem 0 1rem;
}

[data-mod-name="newteaser"].teaser-sidecol .kicker {
  line-height: 1.6rem;
  display: flex;
  align-items: center;
}

[data-mod-name="newteaser"].teaser-sidecol .kicker__label {
  white-space: nowrap;
}

[data-mod-name="newteaser"].teaser-sidecol .kicker__text {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-mod-name="channel"] .teaser {
  padding-left: 1rem;
  padding-right: 1rem;
}

[data-mod-name="channel"] .teaser__link {
  display: flex;
  flex-direction: row;
}

[data-mod-name="channel"] .teaser__imagewrapper {
  width: 136px;
}

[data-mod-name="channel"] .teaser__text {
  padding: 0 0 0 1rem;
}

[data-mod-name="channel"] .teaser__kicker {
  margin-bottom: 0.2rem;
  font-size: 1.4rem;
}

[data-mod-name="channel"] .teaser__headline {
  font-size: 1.5rem;
  line-height: 1.9rem;
}

[data-mod-name="channel"] .teaser__meta {
  display: none;
  font-size: 1.4rem;
  margin-top: 1rem;
}

[data-mod-name="channel"] ui-region .teaser__headline {
  margin-bottom: 1rem;
}

[data-mod-name="channel"] ui-region .teaser__text {
  padding: 0;
}

[data-mod-name="channel"] ui-region .teaser__meta {
  display: block;
}

[data-mod-name="channel"] .teaser__headline {
  margin-bottom: 0;
}

@media (min-width: 48em) {
  [data-mod-name="channel"] .teaser {
    padding: 0;
  }

  [data-mod-name="channel"] ui-region .teaser {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 2rem;
  }

  [data-mod-name="channel"] .teaser__link {
    display: block;
  }

  [data-mod-name="channel"] .teaser__imagewrapper {
    width: 100%;
    height: fit-content;
  }

  [data-mod-name="channel"] .teaser__text {
    display: block;
    padding: 1rem 0 0;
  }

  [data-mod-name="channel"] .teaser__headline {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }

  [data-mod-name="channel"] .teaser__kicker {
    margin-bottom: 0.6rem;
    font-size: 1.4rem;
  }

  [data-mod-name="channel"] .teaser__meta {
    display: block;
    margin-top: 1rem;
  }
}

[data-mod-name="channel"] {
  background: var(--page-background);
  overflow: auto;
}

@media (min-width: 48em) {
  [data-mod-name="channel"] {
    padding-top: 2rem;
    border-top: 1px solid var(--separator-default);
  }
}

[data-mod-name="channel"] .teaser-stage .teaser {
  padding: 0;
}

[data-mod-name="channel"] .teaser-stage ui-region .teaser {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 2rem;
}

[data-mod-name="channel"] .teaser-stage .teaser__link {
  display: block;
}

[data-mod-name="channel"] .teaser-stage .teaser__imagewrapper {
  width: 100%;
  height: fit-content;
}

[data-mod-name="channel"] .teaser-stage .teaser__text {
  display: block;
  padding: 1rem 0 0;
}

[data-mod-name="channel"] .teaser-stage .teaser__headline {
  font-size: 1.8rem;
  line-height: 2.2rem;
}

[data-mod-name="channel"] .teaser-stage .teaser__kicker {
  margin-bottom: 0.6rem;
  font-size: 1.4rem;
}

[data-mod-name="channel"] .teaser-stage .teaser__meta {
  display: block;
  margin-top: 1rem;
}

[data-mod-name="channel"] .teaser-stage .teaser {
  margin-bottom: 2rem;
}

@media (min-width: 48em) {
  [data-mod-name="channel"] .teaser-stage .teaser {
    margin-bottom: 3rem;
  }
}

@media (max-width: 767px) {
  [data-mod-name="channel"] .teaser-stage .teaser__text {
    padding: 1rem;
  }
}

[data-mod-name="channel"] .teaser-stage .teaser__copy {
  display: none;
}

@media (min-width: 48em) {
  [data-mod-name="channel"] .teaser-stage {
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
  }

  [data-mod-name="channel"] .teaser-stage > .teaser {
    width: 100%;
  }

  [data-mod-name="channel"] .teaser-stage > .teaser .teaser__headline {
    margin-bottom: 0.5rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
  }

  [data-mod-name="channel"] .teaser-stage > .teaser .teaser__copy {
    display: block;
    line-height: 2.2rem;
  }

  [data-mod-name="channel"] .teaser-stage .teaser-stage__column {
    display: flex;
    width: 100%;
  }

  [data-mod-name="channel"] .teaser-stage .teaser-stage__column .teaser {
    width: calc(50% - 1rem);
  }

  [data-mod-name="channel"]
    .teaser-stage
    .teaser-stage__column
    .teaser:first-child {
    margin-right: 2rem;
  }
}

@media (min-width: 90em) {
  [data-mod-name="channel"] .teaser-stage {
    flex-direction: row;
    padding: 0 2rem;
  }

  [data-mod-name="channel"] .teaser-stage > .teaser {
    width: calc(100% / 3 * 2 - 2rem);
    flex-grow: 1;
    margin-right: 2rem;
  }

  [data-mod-name="channel"] .teaser-stage > .teaser .teaser__headline {
    font-size: 3rem;
    line-height: 3.4rem;
  }

  [data-mod-name="channel"] .teaser-stage .teaser-stage__column {
    display: block;
    width: calc(100% / 3 - 2rem);
    flex-grow: 1;
  }

  [data-mod-name="channel"] .teaser-stage .teaser-stage__column .teaser {
    width: 100%;
  }

  [data-mod-name="channel"]
    .teaser-stage
    .teaser-stage__column
    .teaser:first-child {
    margin: 0 0 2rem;
  }
}

[data-mod-name="homepage"] .teaser {
  padding-right: 1rem;
  padding-left: 1rem;
}

[data-mod-name="homepage"] .teaser-stage > .teaser {
  padding: 0;
}

[data-mod-name="homepage"] .teaser-stage > .teaser .teaser__link {
  display: flex;
  flex-direction: column-reverse;
}

[data-mod-name="homepage"] .teaser-stage > .teaser .teaser__meta {
  display: none;
}

[data-mod-name="homepage"] .teaser-stage .teaser-stage__column .teaser {
  padding-left: 1rem;
  padding-right: 1rem;
}

[data-mod-name="homepage"] .teaser-stage .teaser-stage__column .teaser__link {
  display: flex;
  flex-direction: row;
}

[data-mod-name="homepage"] .teaser-stage .teaser-stage__column .teaser__text {
  padding: 0 0 0 1rem;
}

[data-mod-name="homepage"] .teaser-stage .teaser-stage__column .teaser__kicker {
  margin-bottom: 0.2rem;
  font-size: 1.4rem;
}

[data-mod-name="homepage"]
  .teaser-stage
  .teaser-stage__column
  .teaser__headline {
  font-size: 1.5rem;
  line-height: 1.9rem;
}

[data-mod-name="homepage"] .teaser-stage .teaser-stage__column .teaser__meta {
  display: none;
  font-size: 1.4rem;
  margin-top: 1rem;
}

[data-mod-name="homepage"]
  .teaser-stage
  .teaser-stage__column
  ui-region
  .teaser__headline {
  margin-bottom: 1rem;
}

[data-mod-name="homepage"]
  .teaser-stage
  .teaser-stage__column
  ui-region
  .teaser__text {
  padding: 0;
}

[data-mod-name="homepage"]
  .teaser-stage
  .teaser-stage__column
  ui-region
  .teaser__meta {
  display: block;
}

[data-mod-name="homepage"]
  .teaser-stage
  .teaser-stage__column
  .teaser__imagewrapper {
  width: 136px;
}

@media (min-width: 48em) {
  [data-mod-name="homepage"] .teaser-stage .teaser-stage__column {
    display: block;
  }

  [data-mod-name="homepage"] .teaser-stage .teaser-stage__column .teaser {
    width: 100%;
  }
}

[data-mod-name="homepage"] .overview__block_teasers .teaser:first-child {
  padding: 0;
  margin-bottom: 3rem;
}

[data-mod-name="homepage"]
  .overview__block_teasers
  .teaser:first-child
  .teaser {
  padding: 0;
}

[data-mod-name="homepage"]
  .overview__block_teasers
  .teaser:first-child
  ui-region
  .teaser {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 2rem;
}

[data-mod-name="homepage"]
  .overview__block_teasers
  .teaser:first-child
  .teaser__link {
  display: block;
}

[data-mod-name="homepage"]
  .overview__block_teasers
  .teaser:first-child
  .teaser__imagewrapper {
  width: 100%;
  height: fit-content;
}

[data-mod-name="homepage"]
  .overview__block_teasers
  .teaser:first-child
  .teaser__text {
  display: block;
  padding: 1rem 0 0;
}

[data-mod-name="homepage"]
  .overview__block_teasers
  .teaser:first-child
  .teaser__headline {
  font-size: 1.8rem;
  line-height: 2.2rem;
}

[data-mod-name="homepage"]
  .overview__block_teasers
  .teaser:first-child
  .teaser__kicker {
  margin-bottom: 0.6rem;
  font-size: 1.4rem;
}

[data-mod-name="homepage"]
  .overview__block_teasers
  .teaser:first-child
  .teaser__meta {
  display: block;
  margin-top: 1rem;
}

[data-mod-name="homepage"]
  .overview__block_teasers
  .teaser:first-child
  .teaser__text {
  padding: 1rem 1rem 0;
}

[data-mod-name="homepage"]
  .overview__block_teasers
  .teaser:first-child
  .teaser__headline {
  font-size: 2.2rem;
  line-height: 2.6rem;
}

[data-mod-name="homepage"] .overview__block .block__content {
  display: block;
}

[data-mod-name="homepage"] .overview__block .block__content > * {
  max-width: unset;
}

[data-mod-name="homepage"] .overview__block_list .teaser {
  margin-bottom: 2rem;
}

[data-mod-name="homepage"]
  .overview__block_list
  .teaser:last-of-type
  .teaser__link {
  border-bottom: 0;
}

[data-mod-name="homepage"] .overview__block_list .teaser__link {
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--separator-default);
}

[data-mod-name="homepage"] .overview__block_list .teaser__imagewrapper {
  display: none;
}

[data-mod-name="homepage"] .overview__block_list .teaser__text {
  padding: 0;
}

[data-mod-name="homepage"] .overview__block_list .teaser__meta {
  display: block;
}

@media (min-width: 48em) {
  [data-mod-name="homepage"] .teaser__link {
    display: block;
  }
}

[data-mod-name="newteaser"].teaser-native {
  padding: 1rem;
}

[data-mod-name="newteaser"].teaser-native .teaser {
  padding-left: 1rem;
  padding-right: 1rem;
}

[data-mod-name="newteaser"].teaser-native .teaser__link {
  display: flex;
  flex-direction: row;
}

[data-mod-name="newteaser"].teaser-native .teaser__imagewrapper {
  width: 136px;
}

[data-mod-name="newteaser"].teaser-native .teaser__text {
  padding: 0 0 0 1rem;
}

[data-mod-name="newteaser"].teaser-native .teaser__kicker {
  margin-bottom: 0.2rem;
  font-size: 1.4rem;
}

[data-mod-name="newteaser"].teaser-native .teaser__headline {
  font-size: 1.5rem;
  line-height: 1.9rem;
}

[data-mod-name="newteaser"].teaser-native .teaser__meta {
  display: none;
  font-size: 1.4rem;
  margin-top: 1rem;
}

[data-mod-name="newteaser"].teaser-native ui-region .teaser__headline {
  margin-bottom: 1rem;
}

[data-mod-name="newteaser"].teaser-native ui-region .teaser__text {
  padding: 0;
}

[data-mod-name="newteaser"].teaser-native ui-region .teaser__meta {
  display: block;
}

@media (min-width: 48em) {
  [data-mod-name="newteaser"].teaser-native,
  [data-mod-name="newteaser"].teaser-native .teaser {
    padding: 0;
  }

  [data-mod-name="newteaser"].teaser-native ui-region .teaser {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 2rem;
  }

  [data-mod-name="newteaser"].teaser-native .teaser__link {
    display: block;
  }

  [data-mod-name="newteaser"].teaser-native .teaser__imagewrapper {
    width: 100%;
    height: fit-content;
  }

  [data-mod-name="newteaser"].teaser-native .teaser__text {
    display: block;
    padding: 1rem 0 0;
  }

  [data-mod-name="newteaser"].teaser-native .teaser__headline {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }

  [data-mod-name="newteaser"].teaser-native .teaser__kicker {
    margin-bottom: 0.6rem;
    font-size: 1.4rem;
  }

  [data-mod-name="newteaser"].teaser-native .teaser__meta {
    display: block;
    margin-top: 1rem;
  }

  [data-mod-name="newteaser"].teaser-native .teaser__text {
    padding: 1rem 0;
  }

  [data-mod-name="newteaser"].teaser-native .teaser__headline {
    margin: 0;
  }
}

[data-mod-name="article"] [data-mod-name="newteaser"].teaser-native {
  padding: 1rem 0;
  border-top: 1px solid var(--separator-default);
  border-bottom: 1px solid var(--separator-default);
}

@media (max-width: 480px) {
  [data-mod-name="article"] [data-mod-name="newteaser"].teaser-native {
    margin: 0 2rem;
  }
}

[data-mod-name="channel"] [data-mod-name="newteaser"].teaser-native,
[data-mod-name="homepage"] [data-mod-name="newteaser"].teaser-native,
.co-lazyload [data-mod-name="newteaser"].teaser-native {
  padding: 0;
}

@media (min-width: 48em) {
  .co-lazyload [data-mod-name="newteaser"].teaser-native .teaser__text {
    padding: 1rem 1rem 2rem;
  }
}

ui-navigation {
  display: none;
}

.overview__rubric-teasers {
  padding: 0;
}

.overview__rubric-teasers
  ui-region[isDropdownOnly="false"]
  .region__title-inner {
  padding: 0 1.6rem;
}

@media (max-width: 767px) {
  .overview__rubric-teasers ui-region {
    --region-container-margin: 0 1rem;
  }
}

@media (min-width: 48em) {
  .overview__block {
    margin: 0 1rem 3rem;
  }

  ui-region {
    margin: 0;
  }
}

.overview__header {
  background-color: var(--surface-content);
  border-bottom: 0.1rem solid var(--separator-default);
  z-index: 100;
  padding: 2.4rem 2rem;
}

.overview__header_sement {
  border-bottom: 0;
  padding: 2.4rem 0;
}

.overview__header_sement .content-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 480px) {
  .overview__header_sement .content-padding {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
}

@media (min-width: 48em) {
  .overview__header_sement .content-padding {
    padding-left: var(--content-padding-tablet);
    padding-right: var(--content-padding-tablet);
  }
}

@media (min-width: 64em) {
  .overview__header_sement .content-padding {
    padding-left: var(--content-padding-desktop);
    padding-right: var(--content-padding-desktop);
  }
}

@media (min-width: 80em) {
  .overview__header_sement .content-padding {
    padding-left: var(--content-padding-large);
    padding-right: var(--content-padding-large);
  }
}

@media (min-width: 90em) {
  .overview__header_sement .content-padding {
    padding-left: var(--content-padding-large1440);
    padding-right: var(--content-padding-large1440);
  }
}

@media (min-width: 105em) {
  .overview__header_sement .content-padding {
    padding-left: var(--content-padding-large1680);
    padding-right: var(--content-padding-large1680);
  }
}

.overview__header_sement .content-padding.left {
  padding: 0;
}

.overview__headline {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 2.4rem;
  line-height: 3.2rem;
}

.overview__headline.h2 {
  font-size: 2.4rem;
  line-height: 3.2rem;
}

.overview__co-teaserline {
  margin-top: -0.1rem;
  text-align: left;
  border-top: 0.1rem solid var(--separator-default);
  border-bottom: 0.1rem solid var(--separator-default);
  box-sizing: border-box;
  padding: 1.6rem 0;
}

.block__label-wrapper {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 2rem;
}

.block__label {
  display: inline-block;
  border-bottom: 2px solid var(--text-highVisibility);
  color: var(--text-highVisibility);
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
}

.block__label a {
  color: var(--text-highVisibility);
}

.block__label.wc {
  margin-top: 0.6rem;
}

@media (min-width: 64em) {
  .block__label {
    border-bottom: 0;
  }

  [data-mod-name="channel"] .block__label {
    border-bottom: 3px solid var(--cp-grey-color);
  }
}

.block__label_top,
.block__label_alt {
  padding-top: 2rem;
}

.block__link {
  color: var(--cp-grey-light-3);
  text-decoration: none;
}

.block__link:hover {
  color: var(--text-highVisibility);
}

.block__tool-container {
  box-sizing: border-box;
}

.block__tool-container ui-region .region__title-inner {
  padding: 0 1.6rem;
  height: 4rem;
  min-height: unset;
}

.block__tool-container ui-region[isDropdownOnly="true"] {
  --region-container-margin: 0;
}

.overview-page ui-region {
  padding-top: 1.5rem;
}

.overview-page ui-region .region__location {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

@media (min-width: 48em) {
  .overview__headline,
  .overview__headline.h2 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }

  .overview__rubric-teasers {
    padding: 0 var(--content-padding-tablet);
  }

  .overview__co-teaserline {
    padding: 1.6rem var(--content-padding-tablet);
  }

  .overview__block_two .block__tool-container,
  .overview__block_three .block__tool-container {
    width: 50%;
    float: left;
    margin-bottom: 1.6rem;
  }

  .overview__block_three .block__tool-container:last-of-type {
    width: 100%;
  }

  .block__tool-container {
    border: 0;
    margin-bottom: 1.6rem;
  }
}

@media (min-width: 64em) and (min-width: 90em) {
  .overview__headline,
  .overview__headline.h2 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 90em) {
  .overview__rubric-teasers {
    padding: 0 var(--content-padding-large1440);
  }

  .overview__co-teaserline {
    padding: 1.6rem var(--content-padding-large1440);
  }
}

@media (min-width: 105em) {
  .overview__rubric-teasers {
    padding: 0 var(--content-padding-large1680);
  }

  .overview__co-teaserline {
    padding: 1.6rem var(--content-padding-large1680);
  }
}

[data-mod-name="promotion"] {
  display: inherit;
  padding-bottom: 2.4rem;
}

[data-mod-name="promotion"] .promotionWrapper {
  position: relative;
  margin: 0;
  border-bottom: 0.1rem solid var(--separator-default);
  padding-top: 1.6rem;
  overflow: hidden;
}

@media (min-width: 48em) {
  [data-mod-name="promotion"] .promotionWrapper {
    padding-top: 0;
  }
}

[data-mod-name="promotion"] .promotionWrapper img {
  width: 100%;
}

[data-mod-name="promotion"] .promotionWrapper .coopPartner {
  padding: 0 1.6rem 0.8rem;
  line-height: 2rem;
}

@media (min-width: 48em) {
  [data-mod-name="promotion"] .promotionWrapper .coopPartner {
    padding-top: 1.6rem;
  }
}

@media (min-width: 64em) {
  [data-mod-name="promotion"] .promotionWrapper .coopPartner {
    padding-left: 2.4rem;
  }
}

[data-mod-name="promotion"] .promotionWrapper .coopPartner .promotionTag {
  background-color: var(--chip-partner-background);
  color: var(--chip-partner-label);
  padding: 0.4rem 0.8rem 0.3rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
}

[data-mod-name="promotion"] .promotionWrapper .coopPartner .coopTopic {
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.6rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

@media (min-width: 48em) {
  [data-mod-name="promotion"] .promotionWrapper .coopPartner .coopTopic {
    font-size: 2rem;
    padding-bottom: 0.2rem;
  }
}

[data-mod-name="promotion"] .promotionWrapper .coopPartner .coopService {
  color: var(--cp-grey-light-3);
  font-size: 1.4rem;
  line-height: 2rem;
}

[data-mod-name="promotion"]
  .promotionWrapper
  .coopPartner
  .coopService
  a:hover {
  background-color: var(--link-bg-hover);
}

[data-mod-name="promotion"] .promotionWrapper .coopLogo {
  max-width: 12rem;
  float: right;
}

@media (min-width: 48em) {
  [data-mod-name="promotion"] .promotionWrapper .coopLogo {
    max-width: 24rem;
  }
}

[data-mod-name="promotion"] .promotionWrapper .coopLogo a {
  display: inline-block;
}

[data-mod-name="promotion"] .iframeresize {
  position: relative;
  width: 100%;
}

[data-mod-name="promotion"] iframe {
  border: 0;
  overflow: hidden;
  display: inherit;
}

[data-mod-name="promotion"] iframe:not([width]) {
  width: 100%;
}

[data-mod-name="promotion"] iframe:not([height]) {
  height: 100%;
}

[data-mod-name="promotion"] figure a {
  display: block;
  transition: all 0.15s ease 0s;
  box-shadow: #000 0 0;
}

[data-mod-name="promotion"] figure figcaption {
  margin-top: 1.2rem;
  color: var(--cp-grey-light-3);
  font-size: 1.4rem;
  line-height: 1.8rem;
}

[data-mod-name="promotion"] figure figcaption .copyright {
  color: var(--cp-grey-light-3);
  display: inline-block;
}

[data-mod-name="promotion"] figure figcaption .copyright:first-letter {
  font-size: 16px;
  line-height: 1.8rem;
  font-weight: 300;
}

@media (min-width: 90em) {
  [data-mod-name="promotion"] figure figcaption {
    font-size: 1.6rem;
    line-height: 2rem;
  }

  [data-mod-name="promotion"] figure figcaption .copyright:first-letter {
    font-size: 18px;
    line-height: 2rem;
  }
}

[data-mod-name="promotion"] figure figcaption .icon.icon-glass-plus,
[data-mod-name="promotion"] figure figcaption .icon.icon-link {
  transition: all 0.15s ease 0s;
  background-color: var(--cp-grey-color);
  color: var(--white);
  cursor: pointer;
  height: 4rem;
  position: absolute;
  left: 0;
  line-height: 4rem;
  text-align: center;
  top: -5.2rem;
  width: 4rem;
}

[data-mod-name="promotion"] figure figcaption .icon.icon-glass-plus {
  font-size: 3rem;
}

[data-mod-name="promotion"] .teaser-ctx-indexpage {
  margin-bottom: 2.2rem;
}

[data-mod-name="promotion"] .article__featured-image {
  height: auto;
  padding-bottom: 0;
}

[data-mod-name="promotion"] .article__featured-image figure {
  height: auto;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  [data-mod-name="promotion"] .teaser-ctx-indexpage {
    margin: -0.1rem -2rem;
  }
}

@media (min-width: 48em) {
  [data-mod-name="promotion"] .side-left {
    width: 35.71428571%;
    float: left;
    margin-right: 2.4rem;
  }

  [data-mod-name="promotion"] .side-right {
    width: 35.71428571%;
    float: right;
    margin-left: 2.4rem;
  }
}

@media (min-width: 90em) {
  [data-mod-name="promotion"] .side-left,
  [data-mod-name="promotion"] .side-right {
    width: 33.33333333%;
  }
}

@media (min-width: 120em) {
  [data-mod-name="promotion"] .side-left,
  [data-mod-name="promotion"] .side-right {
    width: 30%;
  }
}

[data-mod-name="promotionbox"] {
  padding: 0 15%;
  text-align: center;
  line-height: 2.4rem;
  background-color: var(--cp-grey-light-7);
}

.promotionbox__content {
  padding: 2rem 0;
  text-align: center;
  line-height: 2.6rem;
}

.promotionbox__content > *:not(:last-child) {
  margin-bottom: 2rem;
}

.promotionbox__logo img {
  border: 0.1rem solid transparent;
  border-radius: 0.2rem;
  width: auto;
  height: 3.2rem;
}

.promotionbox__headline {
  display: inline-block;
  border-bottom: 6px solid var(--partner-color);
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
}

.promotionbox__actions .button {
  display: inline-block;
  margin: 0;
  float: none;
  height: auto;
}

[data-mod-name="promotionbox"].layer {
  visibility: hidden;
  height: 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--page-overlay);
  z-index: 20100;
  box-shadow: 0 -5px 4px #00000026;
  transition: height 0.7s linear;
}

[data-mod-name="promotionbox"].layer .promotionbox__actions {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}

[data-mod-name="promotionbox"].layer .promotionbox__actions .button {
  flex: 0;
  min-width: auto;
  white-space: nowrap;
}

@media (min-width: 64em) {
  [data-mod-name="promotionbox"].layer {
    left: 33.6rem;
  }
}

[data-mod-name="promotionbox"].layer.show {
  visibility: visible;
}

ui-quiz:not(:defined) {
  display: block;
  min-height: 50vh;
}

@media (min-width: 48em) {
  ui-quiz:not(:defined) {
    display: flex;
    min-height: 38rem;
  }
}

ui-quiz:not(:defined) div[slot="quiz__content"] {
  display: none;
}

.quiz__content > p {
  font-size: 1.6rem;
  line-height: 2.6rem;
}

[data-mod-name="regbanner"] {
  display: flex;
  box-sizing: border-box;
  min-height: 8.1rem;
  align-items: center;
  padding: 1.6rem 0 1.6rem 1.6rem;
  gap: 1.6rem;
  background-color: var(--brand);
  border-bottom: 1px solid var(--regbanner-border-bottom-color);
}

[data-mod-name="regbanner"].hide {
  display: none;
}

.regbanner__close {
  width: 1.8rem;
  height: 1.8rem;
  background: var(--regbanner-close-icon-url) no-repeat 50% 50%;
}

.regbanner__link {
  flex: 1;
}

.regbanner__teaser {
  color: var(--brand-text);
}

.regbanner__headline {
  margin: 0;
  font-size: 1.8rem;
  line-height: 2.6rem;
}

.regbanner__desc {
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.2rem;
}

.regbanner__teaser:has(.regbanner__desc) .regbanner__headline {
  font-size: 2rem;
}

@media (min-width: 64em) {
  [data-mod-name="regbanner"] {
    display: none;
  }
}

ui-region .region__flag {
  height: 30px;
  border: 1px solid var(--separator-default);
}

ui-region .overview__block_list .teaser:last-of-type .teaser__link {
  border-bottom: 1px solid var(--separator-default);
}

ui-region .region__flag img {
  height: 100%;
  width: auto;
  vertical-align: initial;
}

ui-region .region__location {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-top: 0;
  margin-bottom: 1rem;
}

ui-region .region__location-name {
  margin-left: 1rem;
  flex: 1;
  font-weight: 700;
  color: var(--text-highVisibility);
}

ui-region .region__select {
  width: 100%;
  margin: 0 1rem;
  border: 1px solid var(--form-element-default-border);
  border-radius: 3px;
  font-style: italic;
  appearance: none;
  padding: 0 0 0 1rem;
}

ui-region .region__select,
ui-region .region__select option {
  font-style: normal;
}

ui-region .region__more-content {
  display: flex;
  align-items: center;
  padding: 0 0.6rem;
}

ui-region .region__more-btn {
  width: 100%;
  margin: -3rem 0 2.2rem;
  float: none;
}

ui-region .region__more-content .region__more-btn {
  color: var(--text-highVisibility);
}

ui-region .region__more-content .region__more-btna {
  color: inherit;
}

ui-region[isDropdownOnly="true"] .region__select {
  background-color: var(--page-background);
  margin: 0;
}

ui-region .teaser__kicker.kicker {
  font-size: 1.4rem;
}

ui-region .teaser__link {
  border-bottom: 1px solid var(--separator-default);
}

ui-region div.teaser a:hover {
  background-color: var(--page-background);
}

ui-region .kicker {
  line-height: 1.6rem;
  gap: 5px;
  margin: 0;
}

ui-region .kicker__partner-logo {
  width: 20px;
  height: 20px;
}

[data-mod-name="infinitescroll"] ui-region .teaser {
  margin-bottom: 2rem;
}

[data-mod-name="infinitescroll"] ui-region .teaser .teaser__link {
  padding-bottom: 2rem;
}

@media (max-width: 767px) {
  ui-region[isdropdownonly="true"] .region__title-inner {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (min-width: 48em) {
  ui-region[isdropdownonly="true"] .region__title-inner {
    display: inline-block;
    font-size: 1.8rem;
    line-height: 4.2rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 0;
  }
}

[data-mod-name="sponsoring"] {
  position: relative;
  z-index: 101;
}

[data-mod-name="sponsoring"] ~ .channel-bar .channel-headline {
  width: calc(100% - 200px);
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  transition: width 0.8s;
}

@media (min-width: 48em) {
  [data-mod-name="sponsoring"] ~ .channel-bar .channel-headline {
    width: calc(100% - 350px);
  }
}

.mod-sponsoring-row {
  position: absolute;
  right: 0;
  top: 0;
}

@media (min-width: 48em) {
  .mod-sponsoring-row {
    margin-top: 6px;
  }
}

.mod-sponsoring-middle {
  display: table-cell;
  height: 45px;
  vertical-align: middle;
}

@media (min-width: 48em) {
  .mod-sponsoring-middle {
    height: 58px;
  }
}

.mod-sponsoring-text {
  display: none;
}

@media (min-width: 48em) {
  .mod-sponsoring-text {
    display: inline;
    font-family: var(--font-family-sans-serif);
    font-size: 12px;
    color: var(--cp-grey-light-3);
  }
}

.mod-sponsoring-logo {
  max-width: 115px;
  max-height: 28px;
  padding-right: 20px;
}

@media (min-width: 48em) {
  .mod-sponsoring-logo {
    max-width: 140px;
    max-height: 34px;
    padding: 0 20px;
  }
}

.mod-sponsoring-header-image {
  box-shadow: -0.4rem 0 0.4rem -0.4rem #00000126,
    0.4rem 0 0.4rem -0.4rem #00000026;
}

[data-mod-name="schlagzeilen"].teaser-container {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
}

[data-mod-name="schlagzeilen"].teaser-container .teaser {
  padding-inline: 0;
}

[data-mod-name="schlagzeilen"].teaser-container [data-mod-name="newteaser"] {
  border-bottom: 0.1rem solid var(--separator-default);
}

[data-mod-name="schlagzeilen"].teaser-container
  [data-mod-name="newteaser"]
  .teaser__headline {
  font-size: 1.5rem;
  line-height: 1.9rem;
}

[data-mod-name="schlagzeilen"].teaser-container
  [data-mod-name="newteaser"]
  .teaser__text {
  padding: 1rem 0;
}

[data-mod-name="schlagzeilen"].teaser-container
  [data-mod-name="newteaser"]
  .kicker {
  font-size: 1.4rem;
  line-height: normal;
}

@media (min-width: 48em) {
  [data-mod-name="schlagzeilen"].teaser-container
    [data-mod-name="newteaser"]
    .teaser__headline {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

[data-mod-name="schlagzeilen"].teaser-container
  [data-mod-name="newteaser"].teaser-article__full {
  padding-inline: 0;
  padding-block: 0.5rem;
  border-bottom: 0.1rem solid var(--separator-default);
  margin-bottom: 0;
}

@media (min-width: 48em) {
  [data-mod-name="schlagzeilen"].teaser-container
    [data-mod-name="newteaser"].teaser-article__full {
    margin-bottom: 0;
    padding-bottom: 1rem;
  }
}

[data-mod-name="schlagzeilen"].teaser-container
  [data-mod-name="newteaser"].teaser-article__full:first-of-type {
  border-top: none !important;
}

[data-mod-name="schlagzeilen"].teaser-container
  [data-mod-name="newteaser"].teaser-article__full:last-of-type {
  padding-bottom: 1rem;
}

[data-mod-name="schlagzeilen"].teaser-container
  [data-mod-name="newteaser"].teaser-article__full
  .teaser__meta {
  display: inline-block;
}

[data-mod-name="schlagzeilen"].teaser-container
  [data-mod-name="newteaser"].teaser-article__full
  .teaser__imagewrapper {
  width: 14.3rem;
}

@media (min-width: 48em) {
  [data-mod-name="schlagzeilen"].teaser-container
    [data-mod-name="newteaser"].teaser-article__full
    .teaser__imagewrapper {
    width: 17.6rem;
  }
}

[data-mod-name="schlagzeilen"].teaser-container p,
[data-mod-name="schlagzeilen"].teaser-container h1 {
  padding-inline: 1rem;
}

[data-mod-name="schlagzeilen"].teaser-container h1 {
  font-size: 2.2rem;
  line-height: 100%;
  margin-bottom: 2rem;
  padding-bottom: 0;
}

@media (min-width: 48em) {
  [data-mod-name="schlagzeilen"].teaser-container h1 {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}

[data-mod-name="schlagzeilen"].teaser-container .block {
  padding-inline: 1rem;
  margin-bottom: 6rem;
}

[data-mod-name="schlagzeilen"].teaser-container .block__label {
  font-weight: 700;
  padding-inline: 0;
  border-bottom: none;
}

@media (min-width: 48em) {
  [data-mod-name="schlagzeilen"].teaser-container .block__content {
    padding-top: 2rem;
    border-top: 0.1rem solid var(--separator-default);
  }
}

[data-mod-name="schlagzeilen"].teaser-container .mehr {
  clear: both;
  margin: 4rem auto 2rem;
  max-width: 375px;
  width: 100%;
  float: none;
}

[data-mod-name="schlagzeilen"].teaser-container .nav {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  padding: 1rem;
  margin-bottom: 0.5rem;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@media (min-width: 48em) {
  [data-mod-name="schlagzeilen"].teaser-container .nav {
    margin-bottom: 4rem;
  }
}

[data-mod-name="schlagzeilen"].teaser-container .nav::-webkit-scrollbar {
  display: none;
}

[data-mod-name="schlagzeilen"].teaser-container .nav .btn {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: 19px;
  white-space: nowrap;
  color: #333;
  background: #f3f3f3;
  border: 1px solid #f3f3f3;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 0.8rem 1.6rem;
  cursor: pointer;
}

[data-mod-name="schlagzeilen"].teaser-container .nav .btn:hover,
[data-mod-name="schlagzeilen"].teaser-container .nav .btn:focus {
  color: var(--button-primary-default-label);
  background: var(--button-primary-hover-background);
  border-color: var(--button-primary-hover-background);
}

@media (min-width: 48em) {
  [data-mod-name="schlagzeilen"].teaser-container .nav {
    flex-wrap: wrap;
  }
}

[data-mod-name="schlagzeilen"].teaser-container details summary {
  display: block;
}

[data-mod-name="schlagzeilen"].teaser-container
  details
  summary::-webkit-details-marker {
  display: none;
}

[data-mod-name="schlagzeilen"].teaser-container details[open] .mehr {
  display: none;
}

[data-mod-name="schlagzeilen"].teaser-container
  details[open]
  + details:not([open])
  .mehr {
  display: block;
}

[data-mod-name="schlagzeilen"].teaser-container details + details .mehr {
  display: none;
}

[data-mod-name="schlagzeilen"].teaser-container
  section:not([data-category="alle"]) {
  display: none;
}

[data-mod-name="table"].table-wrapper {
  margin: 0 0 2rem;
  overflow: hidden;
}

[data-mod-name="table"].table-wrapper .table-headline {
  margin-bottom: 2.4rem;
}

[data-mod-name="table"].table-wrapper table {
  width: 100%;
}

[data-mod-name="table"].table-wrapper tr:nth-child(2n) {
  background-color: var(--table-background-dark);
}

[data-mod-name="table"].table-wrapper tr:nth-child(odd) {
  background-color: var(--table-background-bright);
}

[data-mod-name="table"].table-wrapper td,
[data-mod-name="table"].table-wrapper th {
  padding: 1.2rem;
  text-align: left;
  vertical-align: top;
}

[data-mod-name="table"].table-wrapper td,
[data-mod-name="table"].table-wrapper th,
[data-mod-name="table"].table-wrapper td p,
[data-mod-name="table"].table-wrapper th p {
  font-family: var(--font-family-sans-serif);
  font-size: 1.4rem;
  line-height: 1.8rem;
}

[data-mod-name="table"].table-wrapper td p,
[data-mod-name="table"].table-wrapper th p {
  margin-bottom: 0.7rem;
}

[data-mod-name="table"].table-wrapper.scrollable {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

[data-mod-name="table"].table-wrapper td {
  white-space: nowrap;
  overflow: hidden;
}

@media (min-width: 90em) {
  [data-mod-name="table"].table-wrapper td,
  [data-mod-name="table"].table-wrapper th {
    padding: 1.2rem 1.6rem;
  }

  [data-mod-name="table"].table-wrapper td,
  [data-mod-name="table"].table-wrapper th,
  [data-mod-name="table"].table-wrapper td p,
  [data-mod-name="table"].table-wrapper th p {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

[data-mod-name="table"].table-wrapper.rankings {
  margin-top: 1.6rem;
}

[data-mod-name="table"].table-wrapper.rankings .rank {
  width: 1rem;
  text-align: right;
}

@media (min-width: 48em) {
  [data-mod-name="table"].table-wrapper.rankings .rank {
    width: 4rem;
  }
}

[data-mod-name="table"].table-wrapper.rankings .clubs {
  position: relative;
}

[data-mod-name="table"].table-wrapper.rankings .clubs img {
  display: none;
}

@media (min-width: 48em) {
  [data-mod-name="table"].table-wrapper.rankings .clubs img {
    display: block;
    position: absolute;
    top: 0.8rem;
    width: 3rem;
    height: 3rem;
  }

  [data-mod-name="table"].table-wrapper.rankings .clubs span {
    padding-left: 4.4rem;
  }
}

@media (max-width: 767px) {
  [data-mod-name="table"].table-wrapper.rankings th {
    display: none;
  }

  [data-mod-name="table"].table-wrapper.rankings td {
    padding: 1.2rem 0.5rem;
  }

  [data-mod-name="table"].table-wrapper.rankings td span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
  }
}

[data-mod-name="teaser"] .icon {
  position: absolute;
}

[data-mod-name="teaser"] .teaser-image-icon {
  background: var(--text-highVisibility);
  color: var(--page-background);
  bottom: 0;
  left: 0;
  font-size: 3.6rem;
}

[data-mod-name="teaser"] .time {
  position: absolute;
  right: 0.1rem;
  bottom: 0;
  color: var(--text-lowVisibility);
  font-size: 1.2rem;
  white-space: nowrap;
  padding-right: 2.4rem;
  line-height: 1.6rem;
  font-style: italic;
}

[data-mod-name="teaser"] .time .icon {
  inset: auto 0 0 auto;
  background: none;
  color: var(--separator-default);
  font-size: 2rem;
}

.extensions-in-small-teaser.extension-promotion
  .teaser-text
  .teaser-description,
.extensions-in-small-teaser.extension-promotion .teaser-text .teaser-headline {
  padding-right: 1rem;
}

.extensions-in-small-teaser .teaser-image .icon {
  font-size: 3rem;
}

.extensions-in-stage-teaser .time {
  color: var(--cp-grey-light-6);
}

.extensions-in-stage-teaser .teaser-image-icon {
  position: relative;
  margin-bottom: 1rem;
}

@media (min-width: 48em) {
  .extensions-in-stage-teaser:nth-of-type(1) .teaser-image-icon {
    width: 5.4rem;
    height: 5.4rem;
    font-size: 5.4rem;
    margin-bottom: 2rem;
  }
}

.extensions-in-long-teaser .teaser-image-icon {
  bottom: 0;
  top: auto;
}

.extensions-in-long-teaser .time .icon {
  bottom: 0;
}

[data-mod-name="teaser"] {
  position: relative;
  box-sizing: border-box;
  font-family: var(--font-family-sans-serif);
  text-align: left;
}

[data-mod-name="teaser"].extension-promotion .teaser-description,
[data-mod-name="teaser"].extension-promotion .teaser-headline {
  padding-right: 3rem;
}

[data-mod-name="teaser"].extension-promotion .teaser-headline {
  margin-bottom: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-mod-name="teaser"].extension-promotion .promotion-bar {
  background: var(--cp-grey-light-3);
  color: var(--system);
  bottom: 0;
  width: 1.6rem;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}

[data-mod-name="teaser"].extension-promotion .promotion-text {
  transform: rotate(-90deg);
  transform-origin: 0 center;
  position: absolute;
  left: 0.8rem;
  bottom: 0.4rem;
  font-size: 1.2rem;
  line-height: 2;
}

[data-mod-name="teaser"] a {
  color: var(--text-highVisibility);
  display: block;
}

[data-mod-name="teaser"] .teaser-image {
  position: relative;
}

[data-mod-name="teaser"] .teaser-image .teaser-image-inner {
  padding-bottom: 66%;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
}

[data-mod-name="teaser"] img {
  position: absolute;
  width: 100%;
  min-height: 100%;
}

[data-mod-name="teaser"] .teaser-headline {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
}

[data-mod-name="teaser"] .teaser-partnername {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: var(--brand-signal);
}

[data-mod-name="teaser"] .teaser-description {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-family: var(--font-family-sans-serif);
  margin: 0;
  color: inherit;
}

@media (max-width: 767px) {
  [data-mod-name="teaser"].teaser-ctx-additional {
    height: 10.1rem;
    padding: 0.8rem;
    border-bottom: 0.1rem solid var(--separator-default);
    border-top: 0.1rem solid var(--separator-default);
    margin-top: -0.1rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  [data-mod-name="teaser"].teaser-ctx-additional a:before,
  [data-mod-name="teaser"].teaser-ctx-additional a:after {
    content: " ";
    display: table;
  }

  [data-mod-name="teaser"].teaser-ctx-additional a:after {
    clear: both;
  }

  [data-mod-name="teaser"].teaser-ctx-additional .teaser-image {
    float: left;
    overflow: hidden;
    width: 8.4rem;
    height: 8.4rem;
    margin-right: 1.1rem;
  }

  [data-mod-name="teaser"].teaser-ctx-additional
    .teaser-image
    .teaser-image-inner {
    padding-bottom: 100%;
  }

  [data-mod-name="teaser"].teaser-ctx-additional .teaser-image img {
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translate(-50%);
  }

  [data-mod-name="teaser"].teaser-ctx-additional .teaser-text {
    height: 7.1rem;
    overflow: hidden;
  }

  [data-mod-name="teaser"].teaser-ctx-additional.extension-promotion
    .teaser-text
    .teaser-description,
  [data-mod-name="teaser"].teaser-ctx-additional.extension-promotion
    .teaser-text
    .teaser-headline {
    padding-right: 1rem;
  }

  [data-mod-name="teaser"].teaser-ctx-additional .teaser-image .icon {
    font-size: 3rem;
  }
}

@media (min-width: 48em) {
  [data-mod-name="teaser"].teaser-ctx-additional {
    border: 0.1rem solid var(--separator-default);
  }

  [data-mod-name="teaser"].teaser-ctx-additional .teaser-text {
    position: relative;
    padding: 1.2rem 1.2rem 2.4rem;
    background-color: var(--surface-content);
    white-space: normal;
  }

  [data-mod-name="teaser"].teaser-ctx-additional .teaser-text .teaser-headline {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  [data-mod-name="teaser"].teaser-ctx-additional
    .teaser-text
    .teaser-description {
    line-height: 2rem;
  }
}

@media (max-width: 767px) {
  [data-mod-name="teaser"].teaser-ctx-additional .teaser-image {
    width: 8.4rem;
  }
}

@media (max-width: 767px) {
  [data-mod-name="teaser"].teaser-ctx-column,
  [data-mod-name="teaser"].teaser-ctx-startpage-column {
    height: 10.1rem;
    padding: 0.8rem;
    border-bottom: 0.1rem solid var(--separator-default);
    border-top: 0.1rem solid var(--separator-default);
    margin-top: -0.1rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    background: var(--page-background);
  }

  [data-mod-name="teaser"].teaser-ctx-column a:before,
  [data-mod-name="teaser"].teaser-ctx-startpage-column a:before,
  [data-mod-name="teaser"].teaser-ctx-column a:after,
  [data-mod-name="teaser"].teaser-ctx-startpage-column a:after {
    content: " ";
    display: table;
  }

  [data-mod-name="teaser"].teaser-ctx-column a:after,
  [data-mod-name="teaser"].teaser-ctx-startpage-column a:after {
    clear: both;
  }

  [data-mod-name="teaser"].teaser-ctx-column .teaser-image,
  [data-mod-name="teaser"].teaser-ctx-startpage-column .teaser-image {
    float: left;
    overflow: hidden;
    width: 8.4rem;
    height: 8.4rem;
    margin-right: 1.1rem;
  }

  [data-mod-name="teaser"].teaser-ctx-column .teaser-image .teaser-image-inner,
  [data-mod-name="teaser"].teaser-ctx-startpage-column
    .teaser-image
    .teaser-image-inner {
    padding-bottom: 100%;
  }

  [data-mod-name="teaser"].teaser-ctx-column .teaser-image img,
  [data-mod-name="teaser"].teaser-ctx-startpage-column .teaser-image img {
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translate(-50%);
  }

  [data-mod-name="teaser"].teaser-ctx-column .teaser-text,
  [data-mod-name="teaser"].teaser-ctx-startpage-column .teaser-text {
    height: 7.1rem;
    overflow: hidden;
  }

  [data-mod-name="teaser"].teaser-ctx-column.extension-promotion
    .teaser-text
    .teaser-description,
  [data-mod-name="teaser"].teaser-ctx-startpage-column.extension-promotion
    .teaser-text
    .teaser-description,
  [data-mod-name="teaser"].teaser-ctx-column.extension-promotion
    .teaser-text
    .teaser-headline,
  [data-mod-name="teaser"].teaser-ctx-startpage-column.extension-promotion
    .teaser-text
    .teaser-headline {
    padding-right: 1rem;
  }

  [data-mod-name="teaser"].teaser-ctx-column .teaser-image .icon,
  [data-mod-name="teaser"].teaser-ctx-startpage-column .teaser-image .icon {
    font-size: 3rem;
  }
}

@media (min-width: 48em) {
  [data-mod-name="teaser"].teaser-ctx-column,
  [data-mod-name="teaser"].teaser-ctx-startpage-column {
    box-shadow: 0 0 0.4rem #00000026;
    width: 100%;
  }

  [data-mod-name="teaser"].teaser-ctx-column .teaser-text,
  [data-mod-name="teaser"].teaser-ctx-startpage-column .teaser-text {
    position: relative;
    padding: 1.2rem 1.2rem 2.4rem;
    background-color: var(--surface-content);
    white-space: normal;
  }

  [data-mod-name="teaser"].teaser-ctx-column .teaser-text .teaser-headline,
  [data-mod-name="teaser"].teaser-ctx-startpage-column
    .teaser-text
    .teaser-headline {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  [data-mod-name="teaser"].teaser-ctx-column .teaser-text .teaser-description,
  [data-mod-name="teaser"].teaser-ctx-startpage-column
    .teaser-text
    .teaser-description {
    line-height: 2rem;
  }
}

[data-mod-name="teaser"].teaser-ctx-column .teaser-text .teaser-headline {
  margin: 0 0 0.5rem;
}

.rubric-teasers ui-tool {
  --tool-padding-top: 0;
  --tool-padding-right: 0;
  --tool-padding-bottom: 0;
  --tool-padding-left: 0;
  --tool-content-padding-top: 1rem;
  --tool-content-padding-right: var(--gap);
  --tool-content-padding-bottom: 0;
  --tool-header-padding-top: 0;
  --tool-header-padding-right: var(--gap);
  --tool-header-padding-bottom: 0;
  --tool-footer-padding-top: 0;
  --tool-footer-padding-right: var(--gap);
  --tool-footer-padding-bottom: 0;
  box-shadow: none;
  margin-bottom: 3rem;
}

.overview__rubric-teasers ui-tool {
  --tool-padding-top: 0;
  --tool-padding-right: 0;
  --tool-padding-bottom: 0;
  --tool-padding-left: 0;
}

ui-tool + .article-teaser.full .teaser-wrapper {
  border-top: 0 !important;
}

@media (min-width: 48em) {
  .rubric-teasers ui-tool {
    --tool-content-padding-right: 0;
    --tool-content-padding-bottom: 0;
    --tool-header-padding-top: 0;
    --tool-header-padding-right: 0;
    --tool-header-padding-bottom: 0;
    --tool-footer-padding-top: 0;
    --tool-footer-padding-right: 0;
    --tool-footer-padding-bottom: 0;
    --tool-footer-padding-left: 0;
  }
}

.teaser-stage {
  overflow: hidden;
  position: relative;
}

@media (min-width: 48em) {
  .tool-block.one .teaser-ctx-column,
  .tool-block.one .co-container {
    width: 49%;
  }
}

@media (min-width: 90em) {
  .tool-block.one .teaser-ctx-column,
  .tool-block.one .co-container {
    width: 33.3333%;
    padding: 0 0.8rem 0 0;
    box-sizing: border-box;
  }
}

@media (min-width: 48em) {
  .tool-block.three :nth-of-type(3).tool-container .teaser-ctx-column,
  .tool-block.three :nth-of-type(3).tool-container .co-container {
    width: 49%;
  }
}

@media (min-width: 90em) {
  .tool-block.three :nth-of-type(3).tool-container .teaser-ctx-column,
  .tool-block.three :nth-of-type(3).tool-container .co-container {
    width: 100%;
  }
}

[data-mod-name="topnav"] {
  background-color: var(--page-background);
  font-size: 1.4rem;
  line-height: 1.6rem;
  border-top: 1px solid var(--separator-default);
  border-bottom: 1px solid var(--separator-default);
}

[data-mod-name="topnav"] nav {
  overflow-x: auto;
  scroll-behavior: smooth;
}

[data-mod-name="topnav"] nav::-webkit-scrollbar {
  display: none;
}

@media (prefers-reduced-motion) {
  [data-mod-name="topnav"] nav {
    scroll-behavior: auto;
  }
}

[data-mod-name="topnav"] nav ul {
  display: flex;
  gap: 1.4rem;
  padding: 0.4rem 0 1rem 1rem;
}

[data-mod-name="topnav"] nav ul li {
  list-style: none;
}

[data-mod-name="topnav"] nav ul li a {
  display: block;
  color: var(--text-highVisibility);
  padding: 1.4rem 0 0.8rem;
  white-space: nowrap;
}

[data-mod-name="topnav"] nav ul li a:hover {
  background-color: var(--link-bg-hover);
}

[data-mod-name="topnav"] nav ul li:last-child {
  padding-right: 1rem;
}

[data-mod-name="channel"] #vertical-videos {
  scroll-margin-top: 6rem;
}

[data-mod-name="video-slider"] {
  --gap: 1rem;
  position: relative;
  font-size: 1.4rem;
  line-height: 2.4rem;
  overflow-x: hidden;
}

[data-mod-name="video-slider"] .video-slider__teaser-container {
  padding: 0 var(--gap);
  display: flex;
  position: relative;
  gap: var(--gap);
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  width: 100%;
  align-items: center;
  scroll-padding: 0 0 0 var(--gap);
  scrollbar-width: none;
  scroll-behavior: smooth;
}

[data-mod-name="video-slider"]
  .video-slider__teaser-container::-webkit-scrollbar {
  width: 0;
  height: 0;
}

@media (min-width: 48em) {
  [data-mod-name="video-slider"] .video-slider__teaser-container {
    padding: 0;
  }
}

@media (min-width: 64em) {
  [data-mod-name="video-slider"] .video-slider__teaser-container {
    scroll-snap-type: none;
  }
}

[data-mod-name="video-slider"] .video-slider__vertical-teaser {
  height: 24rem;
  box-sizing: border-box;
  border: 0;
  flex: 0 0 13.5rem;
  scroll-snap-align: start;
  position: relative;
}

[data-mod-name="video-slider"] .video-slider__vertical-teaser img {
  width: 100%;
}

[data-mod-name="video-slider"] .video-slider__icon-play {
  background: var(--video-slider-play-icon) no-repeat center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 33.33% auto;
}

[data-mod-name="video-slider"] .video-slider__button {
  --size: 2.8rem;
  width: var(--size);
  height: var(--size);
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  margin-top: calc(var(--size) / -2);
  border: none;
  border-radius: 0;
  background: var(--color-surface-opac) no-repeat center;
  z-index: 1;
  display: none;
}

@media (min-width: 64em) {
  [data-mod-name="video-slider"] .video-slider__button {
    display: block;
  }
}

[data-mod-name="video-slider"] .video-slider__prev-button {
  background-image: var(--video-slider-prev-icon);
  left: 1rem;
}

[data-mod-name="video-slider"] .video-slider__next-button {
  background-image: var(--video-slider-next-icon);
  right: 1rem;
}

[data-mod-name="video-slider"][data-expanded] {
  --row-gap: 3rem;
  --column-gap: 2rem;
  padding-top: var(--row-gap);
  overflow-x: unset;
}

[data-mod-name="video-slider"][data-expanded] .video-slider__teaser-container {
  padding: 0;
  overflow-x: unset;
  flex-wrap: wrap;
  gap: var(--row-gap) var(--column-gap);
}

[data-mod-name="video-slider"][data-expanded] .video-slider__vertical-teaser {
  height: auto;
  flex: 0 0 calc(50% - var(--column-gap));
}

[data-mod-name="video-slider"][data-expanded]
  .video-slider__vertical-teaser
  img {
  height: auto;
}

@media (min-width: 48em) {
  [data-mod-name="video-slider"][data-expanded] .video-slider__vertical-teaser {
    flex: 0 0 calc(33.3333% - var(--column-gap));
  }
}

[data-mod-name="video-slider"][data-expanded] .video-slider__button {
  display: none;
}

@media (min-width: 48em) {
  [data-mod-name="video-slideshow"][data-mode="inline"] {
    height: 100%;
    flex: 1 1 auto;
    position: relative;
  }

  [data-mod-name="video-slideshow"][data-mode="inline"]
    .video-slideshow__overlay {
    display: flex;
    flex-direction: column;
  }

  [data-mod-name="video-slideshow"][data-mode="inline"]
    .video-slideshow__overlay-bottom {
    padding-bottom: 7rem;
  }
}

.video-slideshow__overlay::-webkit-scrollbar {
  display: none;
}

.video-slideshow__overlay-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.video-slideshow__overlay-bottom:before {
  content: "";
  display: block;
  inset: 0;
  position: absolute;
  z-index: -1;
}

.initial-markup .video-slideshow__overlay-bottom:before {
  top: -2.5rem;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.35) 25%,
    black
  );
}

.initial-markup > .video-slideshow__overlay-bottom {
  pointer-events: none;
}

.video-slideshow__collapsible-area {
  box-sizing: border-box;
  width: 100%;
  max-height: 40rem;
  padding: 0 4rem 0 1rem;
  position: relative;
  overflow: hidden auto;
}

.initial-markup.description-collapsed
  > .video-slideshow__overlay-bottom
  > .video-slideshow__collapsible-area,
:not(.initial-markup).description-collapsed .video-slideshow__collapsible-area {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.video-slideshow__headline {
  display: inline;
  padding: 0;
  margin-right: 1rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fff;
}

.video-slideshow__description {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fff;
}

.video-slideshow__player-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  transform: translateZ(0);
}

.video-slideshow__player {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 767px) {
  [data-mod-name="video-slideshow"][data-mode="inline"].initial-markup
    > .video-slideshow__overlay-bottom {
    padding-bottom: 1.5rem;
  }

  [data-mod-name="video-slideshow"][data-mode="inline"].initial-markup
    > .video-slideshow__overlay-bottom
    > .video-slideshow__collapsible-area {
    padding-right: 1rem;
  }
}

.mod-tool {
  position: relative;
  background-color: var(--base-system);
  clear: both;
}

.mod-tool.newtool {
  padding: 0;
}

[data-mod-name="channel"] .mod-tool.newtool {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 48em) {
  [data-mod-name="channel"] .mod-tool.newtool {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.rubric-teasers .mod-tool.newtool,
.overview__rubric-teasers .mod-tool.newtool,
.mod-tool.newtool .tool-header,
.mod-tool.newtool .tool-content {
  padding: 0;
}

.mod-tool.newtool .tool-content {
  padding-top: 1rem !important;
}

@media (min-width: 48em) {
  .mod-tool.newtool[data-mod-name="sporttickertool"] {
    padding: 0;
  }

  .mod-tool.newtool[data-mod-name="sporttickertool"] .tool-header {
    padding: 2rem 1.6rem;
  }
}

.mod-tool.newtool[data-mod-name="sporttickertool"] .tool-header {
  padding-bottom: 2rem;
}

@media (max-width: 767px) {
  .mod-tool.newtool[data-mod-name="sporttickertool"] .tool-footer {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 48em) {
  .mod-tool.newtool {
    padding: 2.6rem 3rem;
  }

  [data-mod-name="infinitescroll"] .mod-tool.newtool {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }

  [data-mod-name="infinitescroll"]
    .mod-tool.newtool[data-mod-name="sporttickertool"]
    .tool-header {
    padding: 2rem 0;
  }

  [data-mod-name="infinitescroll"]
    .mod-tool.newtool[data-mod-name="sporttickertool"]
    .tool-footer {
    padding-left: 0;
    padding-right: 0;
  }

  .mod-tool.newtool .tool-content {
    padding-top: 2rem !important;
  }
}

@media (min-width: 64em) {
  .mod-tool.newtool .tool-header .block__label {
    border-bottom: 0;
  }
}

@media (max-width: 767px) {
  .mod-tool.newtool,
  .article-body .mod-tool.newtool,
  .page__content .mod-tool.newtool,
  .article-teaser.side-left .mod-tool.newtool {
    border: 0;
  }
}

@media (min-width: 48em) {
  .mod-tool.newtool .tool-header,
  .mod-tool.newtool .tool-content {
    line-height: unset;
    min-height: 0;
  }

  .mod-tool.newtool .tool-header a {
    display: inline;
  }

  .mod-tool.newtool .tool-header a:hover {
    color: var(--system-hyperlink);
  }
}

.mod-tool.newtool .tool-header .icon-thin-arrow-next {
  content: "\e601";
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
  line-height: 2.2rem;
  position: static;
  height: auto;
  width: auto;
  color: var(--text-highVisibility);
}

.mod-tool .tool-header,
.mod-tool .tool-content,
.mod-tool .tool-footer {
  padding: 0 1.6rem;
}

@media (min-width: 48em) {
  .tool-block.one .mod-tool .tool-header,
  .tool-block.one .mod-tool .tool-content,
  .tool-block.one .mod-tool .tool-footer {
    padding: 0 6.25%;
  }
}

@media (min-width: 90em) {
  .tool-block.one .mod-tool .tool-header,
  .tool-block.one .mod-tool .tool-content,
  .tool-block.one .mod-tool .tool-footer {
    padding: 0 12.5%;
  }
}

@media (min-width: 105em) {
  .tool-block.one .mod-tool .tool-header,
  .tool-block.one .mod-tool .tool-content,
  .tool-block.one .mod-tool .tool-footer {
    padding: 0 18.75%;
  }
}

@media (min-width: 48em) {
  .tool-block.three .tool3 .mod-tool .tool-header,
  .tool-block.three .tool3 .mod-tool .tool-content,
  .tool-block.three .tool3 .mod-tool .tool-footer {
    padding: 0 6.25%;
  }
}

@media (min-width: 90em) {
  .tool-block.three .tool3 .mod-tool .tool-header,
  .tool-block.three .tool3 .mod-tool .tool-content,
  .tool-block.three .tool3 .mod-tool .tool-footer {
    padding: 0 1.6rem;
  }
}

@media (min-width: 48em) {
  .mod-tool {
    box-shadow: 0 0 0.4rem #00000026;
  }
}

.mod-tool .tool-header {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  padding-top: 2rem;
  padding-bottom: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-mod-name="article"] .mod-tool .tool-header {
  white-space: inherit;
  text-overflow: inherit;
}

.mod-tool .tool-header .h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 48em) {
  .mod-tool .tool-header {
    font-size: 1.8rem;
  }
}

.mod-tool .tool-header a {
  display: block;
  color: var(--text-highVisibility);
}

.mod-tool .tool-content {
  overflow: hidden;
}

.mod-tool .tool-content .service-container li {
  padding: 0 !important;
}

.mod-tool .tool-content ul {
  display: block;
  margin: 0;
  padding: 0;
}

.mod-tool .tool-content ul li {
  display: list-item;
}

.mod-tool .tool-content ul li:before {
  content: "";
  display: none;
  padding: 0;
  margin: 0;
}

.mod-tool .tool-content iframe {
  border: 0;
  width: 100%;
  overflow: hidden;
  display: inherit;
  margin: 0 0 1.6rem;
}

.mod-tool .tool-content iframe:not([height]) {
  height: 100%;
}

.mod-tool .tool-footer {
  font-size: 1.4rem;
  line-height: 2.2rem;
  text-align: right;
  color: var(--text-highVisibility);
  cursor: pointer;
  padding-top: 14px;
  padding-bottom: 7px;
}

.mod-tool .tool-footer a {
  color: var(--text-highVisibility);
  display: block;
  line-height: 2.2rem;
}

.mod-tool .tool-footer a:hover {
  color: var(--system-hyperlink);
}

.mod-tool .tool-footer a:after {
  content: "\e90f";
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding-left: 0.4rem;
  vertical-align: bottom;
}

.rubric-teasers .mod-tool,
[data-mod-name="sement"] .mod-tool {
  box-shadow: none;
  margin-bottom: 3rem;
}

.rubric-teasers .mod-tool .tool-header,
[data-mod-name="sement"] .mod-tool .tool-header,
.rubric-teasers .mod-tool .tool-content,
[data-mod-name="sement"] .mod-tool .tool-content,
.rubric-teasers .mod-tool .tool-footer,
[data-mod-name="sement"] .mod-tool .tool-footer {
  padding: 0 1.6rem;
}

@media (min-width: 48em) {
  .rubric-teasers .mod-tool .tool-header,
  [data-mod-name="sement"] .mod-tool .tool-header,
  .rubric-teasers .mod-tool .tool-content,
  [data-mod-name="sement"] .mod-tool .tool-content,
  .rubric-teasers .mod-tool .tool-footer,
  [data-mod-name="sement"] .mod-tool .tool-footer {
    padding: 0;
  }
}

.homepage .mod-tool {
  margin-top: 3rem;
}

@media (min-width: 48em) {
  .homepage .mod-tool {
    box-shadow: 0 0 0.8rem #00000026;
    margin-bottom: 0.8rem;
    border: 0;
  }

  .homepage .mod-tool .tool-header,
  .homepage .mod-tool .tool-content,
  .homepage .mod-tool .tool-footer {
    padding: 0 6.25%;
  }
}

@media (min-width: 90em) {
  .homepage .mod-tool .tool-header,
  .homepage .mod-tool .tool-content,
  .homepage .mod-tool .tool-footer {
    padding: 0 12.5%;
  }
}

@media (min-width: 105em) {
  .homepage .mod-tool .tool-header,
  .homepage .mod-tool .tool-content,
  .homepage .mod-tool .tool-footer {
    padding: 0 18.75%;
  }
}

.article-body .mod-tool,
.page__content .mod-tool {
  margin: 0 0 1.6rem;
  border: 0.1rem solid var(--separator-default);
  box-shadow: none;
}

.article-teaser.side-left .mod-tool {
  width: 100%;
  float: none;
  margin: 0 1.6rem 1.6rem 0;
  border: 0.1rem solid var(--separator-default);
  box-shadow: none;
}

@media (min-width: 48em) {
  .article-teaser.side-left .mod-tool {
    width: 40%;
    float: left;
  }
}

.article-teaser.full + .mod-tool {
  margin-top: -1.2rem;
}

@media (min-width: 48em) {
  .article-teaser.full + .mod-tool {
    border-top: 0;
  }
}

@media (min-width: 64em) {
  .article-teaser.full + .mod-tool {
    margin-top: -2.4rem;
  }
}

.mod-tool + .article-teaser.full .teaser-wrapper {
  border-top: 0 !important;
}

@media (min-width: 64em) {
  .mod-tool + .article-teaser.full .teaser-wrapper {
    margin-top: 0 !important;
  }
}

.mod-tool .icon-arrow-left,
.mod-tool .icon-arrow-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2.4rem;
  height: 17.2rem;
  z-index: 1;
  background-color: transparent;
  line-height: 17.2rem;
  text-align: center;
  font-size: 2rem;
  color: var(--white);
  cursor: pointer;
}

@media (min-width: 48em) {
  .mod-tool .icon-arrow-left,
  .mod-tool .icon-arrow-right {
    width: 4rem;
  }
}

.mod-tool .icon-arrow-left:hover,
.mod-tool .icon-arrow-right:hover {
  font-size: 2.4rem;
}

.mod-tool .icon-arrow-left.right,
.mod-tool .icon-arrow-right.right {
  right: 0;
}

.mod-tool .icon-arrow-left.left,
.mod-tool .icon-arrow-right.left {
  left: 0;
}

.solo.mod-tool .icon-arrow-left,
.solo.mod-tool .icon-arrow-right {
  display: none;
}

.form__wrapper {
  width: 100%;
  contain: content;
  text-align: left;
  display: block;
  position: relative;
  margin-left: auto;
}

.hover__wrapper form {
  width: 100%;
}

.hover__wrapper {
  min-width: 100%;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  display: flex;
  overflow: hidden;
}

.hover__wrapper:hover,
.hover__wrapper:focus {
  border-color: #888;
}

.input__control {
  margin: 0;
  border: 0;
  border-radius: 0;
  height: 2.8rem;
  font-size: 1.6rem;
  line-height: 3rem;
  flex: 1;
  padding: 0 0.8rem;
  width: 100%;
  color: #000;
  background-color: #fff;
  outline: 0;
  border: none !important;
}

.input__control::placeholder {
  font-style: normal;
  color: #999;
}

.input__submit {
  background: white;
  border: 0;
  width: 3.2rem;
  height: 2.8rem;
  text-align: center;
  margin: 0;
  position: relative;
  border-radius: 0;
}

.input__submit span {
  width: 3.4rem;
  height: 2.8rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  top: 0;
  left: -2px;
}

.submit-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfNCIgZGF0YS1uYW1lPSJFYmVuZSA0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3MTcxNzE7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI0Ljg1LDIzbC00LjUyLTQuNTJhOC41Miw4LjUyLDAsMSwwLTEuNzYsMS44bDQuNSw0LjVhLjUxLjUxLDAsMCwwLC43MSwwbDEuMDctMS4wN0EuNS41LDAsMCwwLDI0Ljg1LDIzWk0xMy40NiwyMEE2LjQ4LDYuNDgsMCwxLDEsMjAsMTMuNTQsNi40OCw2LjQ4LDAsMCwxLDEzLjQ2LDIwWiIvPjwvc3ZnPg==");
}

.social-buttons {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.social-btn {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 4px;
}

.social-btn.facebook {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC4xIDE4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8ZyBpZD0iTG9nbyI+CiAgICA8cGF0aCBpZD0iSW5pdGlhdG9yIiBjbGFzcz0iY2xzLTEiIGQ9Im0yLjI3LDE4bC4wMi03LjYzSDB2LTMuMzloMi4yOXYtMS40NkMyLjI5LDEuNzUsMy45OSwwLDcuNjksMGMuNywwLDEuOTEuMTQsMi40MS4yOHYzLjA3Yy0uMjYtLjAzLS43Mi0uMDQtMS4yOC0uMDQtMS44MiwwLTIuNTIuNjktMi41MiwyLjQ4djEuMmgzLjYybC0uNjIsMy4zOWgtM3Y3LjYxcy00LjA0LjAyLTQuMDQuMDJaIi8+CiAgPC9nPgo8L3N2Zz4="); /* SVG Facebook */
  background-color: #316ff6;
  background-repeat: no-repeat;
  background-size: auto 56%;
  background-position: 50% 50%;
}

.social-btn.twitter {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxNi4yNSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTQuMjIsMGgyLjc2bC02LjA2LDYuOSw3LjA4LDkuMzZoLTUuNTVsLTQuMzUtNS42OS00Ljk4LDUuNjlILjM2bDYuNDItNy4zOEwwLDBoNS42OWwzLjkzLDUuMTlMMTQuMjIsMFptLS45NywxNC42NGgxLjUzTDQuODksMS41NmgtMS42NGwxMC4wMSwxMy4wOFoiLz4KPC9zdmc+"); /* SVG Twitter/X */
  background-color: #000000;
  background-repeat: no-repeat;
  background-size: auto 46%;
  background-position: 50% 50%;
}

.social-btn.mail {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxMy4wOSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgICAgc3Ryb2tlLXdpZHRoOiAwcHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibS4wMiwyLjAxcy0uMDIuMS0uMDIuMTV2OC40bDQuNDUtNC40N0wuMDIsMi4wMVptOC45OCw2LjAxYy4xNywwLC4zNC0uMDYuNDYtLjE3TDE3LjQzLjc0Yy0uNDEtLjQ1LTEuMDEtLjc0LTEuNjgtLjc0SDIuMjVDMS41OCwwLC45OC4yOS41Ny43NGw3Ljk3LDcuMTJjLjEyLjExLjI4LjE3LjQ2LjE3Wm0xLjIyLDEuMDdjLS42OC42Mi0xLjc5LjYyLTIuNDcsMGwtMi4yMi0yLjA0TC40NCwxMi4xOWMuNDEuNTQsMS4wNy45LDEuODEuOWgxMy41Yy43NCwwLDEuNC0uMzYsMS44MS0uOWwtNS4xMS01LjE0LTIuMjMsMi4wNVptNy43Ni03LjFsLTQuNDQsNC4wOCw0LjQ2LDQuNDhWMi4xNmMwLS4wNi0uMDEtLjExLS4wMi0uMTZaIi8+Cjwvc3ZnPg=="); /* SVG Mail icon */
  background-color: #1c449b;
  background-repeat: no-repeat;
  background-size: auto 42%;
  background-position: 50% 50%;
}

.social-btn.share {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTUuNzggMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEyLjg2IDE4Yy0uODEgMC0xLjUtLjI4LTIuMDctLjg1cy0uODUtMS4yNi0uODUtMi4wN2MwLS4xMyAwLS4yNC4wMy0uMzUuMDEtLjEuMDQtLjIyLjA2LS4zNWwtNS4yMS0zLjE4Yy0uMjQuMjYtLjUzLjQ1LS44Ni41N3MtLjY4LjE3LTEuMDQuMTdjLS44MSAwLTEuNS0uMjgtMi4wNy0uODVzLS44NS0xLjI2LS44NS0yLjA3LjI4LTEuNS44NS0yLjA3IDEuMjYtLjg1IDIuMDctLjg1Yy4zNiAwIC43MS4wNiAxLjAzLjE4cy42Mi4zMS44Ni41NWw1LjIxLTMuMThjLS4wMy0uMTMtLjA1LS4yNC0uMDYtLjM1LS4wMS0uMS0uMDMtLjIyLS4wMy0uMzUgMC0uODEuMjgtMS41Ljg1LTIuMDdzMS4yNy0uOSAyLjA4LS45IDEuNS4yOCAyLjA3Ljg1Ljg1IDEuMjYuODUgMi4wNy0uMjggMS41LS44NSAyLjA3LTEuMjYuODUtMi4wNy44NWMtLjM2IDAtLjcxLS4wNS0xLjA0LS4xN3MtLjYyLS4zLS44Ni0uNTVsLTUuMjEgMy4xNmMuMDMuMTMuMDUuMjQuMDYuMzUuMDEuMS4wMy4yMi4wMy4zNXMwIC4yNC0uMDMuMzVjLS4wMS4xLS4wNC4yMi0uMDYuMzVsNS4yMSAzLjE2Yy4yNC0uMjcuNTMtLjQ2Ljg2LS41Ny4zMy0uMS42OC0uMTUgMS4wNC0uMTUuODEgMCAxLjUuMjggMi4wNy44NXMuODUgMS4yNi44NSAyLjA3LS4yOCAxLjUtLjg1IDIuMDctMS4yNi44NS0yLjA3Ljg1di4wNXptMC0xMy45NmMuMzEgMCAuNTgtLjEuNzgtLjMyLjIxLS4yMS4zMi0uNDguMzItLjc4cy0uMS0uNTgtLjMyLS43OGMtLjIxLS4yMS0uNDgtLjMyLS43OC0uMzJzLS41OC4xLS43OC4zMmMtLjIxLjIxLS4zMi40OC0uMzIuNzhzLjEuNTguMzIuNzhjLjIxLjIxLjQ4LjMyLjc4LjMyem0tOS45MyA2LjA3Yy4zMSAwIC41OC0uMS43OC0uMzIuMjEtLjIxLjMyLS40OC4zMi0uNzhzLS4xLS41OC0uMzItLjc4Yy0uMjEtLjIxLS40OC0uMzItLjc4LS4zMnMtLjU4LjEtLjc4LjMyYy0uMjEuMjEtLjMyLjQ4LS4zMi43OHMuMS41OC4zMi43OGMuMjEuMjEuNDguMzIuNzguMzJ6bTkuOTQgNi4wN2MuMzEgMCAuNTgtLjEuNzgtLjMyLjIxLS4yMS4zMi0uNDguMzItLjc4cy0uMS0uNTgtLjMyLS43OGMtLjIxLS4yMS0uNDgtLjMyLS43OC0uMzJzLS41OC4xLS43OC4zMmMtLjIxLjIxLS4zMi40OC0uMzIuNzhzLjEuNTguMzIuNzhjLjIxLjIxLjQ4LjMyLjc4LjMyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); /* SVG Mail icon */
  background-color: #747474;
  background-repeat: no-repeat;
  background-size: auto 56%;
  background-position: 50% 50%;
}

@media (min-width: 768px) {
  .social-btn:hover {
    background-color: var(--cp-grey-light-6, #ddd);
  }
}

.article-body img {
  max-width: 100%;
  height: auto;
}

img, .clickable {
  cursor: pointer;
}