* {
  box-sizing: border-box;
  scroll-behavior: smooth;
  scroll-padding-top: 150px;
}

html,
body {
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  cursor: pointer;
}

.lander-form-wrapper {
  margin: 0px auto;
  max-width: 700px;
  width: 100%;
  border: 0px;
  border-radius: 6px;
}

.lander-form-header {
  font-size: 30px;
  margin: 0px;
  padding: 30px 20px;
  letter-spacing: 1px;
  text-align: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.lander-form-wrapper {
  box-shadow: rgba(13, 13, 13, 0.43) 0px 4px 20.9px 3.1px;
}

.lander-form-header {
  font-weight: 700;
  background: rgb(221, 42, 48);
  text-transform: uppercase;
  color: rgb(255, 255, 255);
}

@supports (font-variation-settings: normal) {
  body {
    --t-body-bg: #f5f5f2;
    --t-a-color: #c91024;
    --t-a-color-hover: #8d0614;
    --t-a-color-active: #6a0b0c;
  }
  :root {
    --fec-gap: 16px;
  }
  @media (min-width: 1024px) {
    :root {
      --fec-gap: 24px;
    }
  }
  * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
  }
  html {
    overflow-x: hidden;
  }
  body {
    background-color: var(--t-body-bg);
    font-family: SRG_SSR_Text_Static, sans-serif;
    font-variation-settings: 'wght' 300;
    font-weight: 300;
    margin: 0px;
  }
  @supports (font-variation-settings: normal) {
    body {
      font-family: SRG_SSR_Text_VF, sans-serif;
    }
  }
  body,
  html {
    line-height: 1.5;
  }
  nav {
    display: inline;
  }
  ol,
  ul {
    counter-reset: item 0;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
  }
  h1,
  h2,
  h3,
  h4 {
    font-variation-settings: 'wght' 500;
    font-weight: 500;
  }
  a {
    color: var(--t-a-color);
    text-decoration: none;
  }
  a:hover {
    color: var(--t-a-color-hover);
  }
  a:active {
    color: var(--t-a-color-active);
  }
  img {
    border-style: none;
    display: block;
    height: auto;
    width: 100%;
  }
  cite {
    font-style: normal;
  }
  b {
    font-variation-settings: 'wght' 500;
    font-weight: 500;
  }
  button,
  input {
    font-family: inherit;
  }
  :focus {
    outline: none;
  }
  .h-offscreen {
    clip: rect(0px, 0px, 0px, 0px);
    border: 0px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 1px;
  }
  @supports (font-variation-settings: normal) {
  }
  .l-card {
    --t-card-bg: #fefefd;
  }
  .l-content-wrapper {
    margin: 0px auto;
    max-width: 1200px;
    min-width: 320px;
  }
  @media (min-width: 1024px) and (max-width: 1279px) {
    .l-content-wrapper {
      margin-left: 32px;
      margin-right: 32px;
    }
  }
  .l-content-wrapper__space {
    margin-left: 8px;
    margin-right: 8px;
  }
  @media (min-width: 720px) and (max-width: 1023px) {
    .l-content-wrapper__space {
      margin-left: 32px;
      margin-right: 32px;
    }
  }
  @media (min-width: 1024px) {
    .l-content-wrapper__space {
      margin-left: auto;
      margin-right: auto;
    }
  }
  .l-card {
    background-color: var(--t-card-bg);
    border-radius: 2px;
    box-shadow:
      rgba(0, 0, 0, 0.16) 0px 0px 1px 0px,
      rgba(0, 0, 0, 0.08) 0px 0px 1px 0px;
    margin-bottom: 16px;
    margin-top: -1px;
    padding-top: 1px;
  }
  @media (min-width: 720px) {
    .l-card {
      margin-bottom: 32px;
    }
  }
  @media (min-width: 1280px) {
    .l-card {
      margin-bottom: 40px;
    }
  }
  .l-card::after {
    content: '';
    display: block;
    height: 1px;
    margin-top: -1px;
  }
  .button {
    --t-button: #fff;
    --t-button-bg: #4e4d47;
    --t-button-bg-hover: #6b6960;
    --t-button-bg-active: #888579;
    --t-button-secondary: #4e4d47;
    --t-button-secondary-bg: #ebebe5;
    --t-button-secondary-bg-hover: #dadad2;
    --t-button-secondary-bg-active: #cac8bf;
    --t-button-white: #4e4d47;
    --t-button-white-bg: #fafaf8;
    --t-button-white-bg-hover: #ebebe5;
    --t-button-white-bg-active: #cac8bf;
    --t-button-dark: #fff;
    --t-button-dark-bg: #4e4d47;
    --t-button-dark-bg-hover: #6b6960;
    --t-button-dark-bg-active: #888579;
    --t-button-inactive-bg: #4e4d47;
    --t-button-pill-bg: #fafaf8;
    --t-button-link-text: #c91024;
    --t-button-neutral-text: #22211d;
    --t-button-neutral-bg-hover: #f5f5f2;
    --t-button-neutral-bg-active: #ebebe5;
    --t-button-accented-bg-hover: #ebebe5;
    --t-button-accented-bg-active: #dadad2;
    --t-button-cta-bg-start: #e31f2b;
    --t-button-cta-bg-end: #c91024;
    --t-button-share: #4e4d47;
    --t-button-share-bg: #ebebe5;
    --t-button-share-bg-hover: #dadad2;
    --t-button-share-bg-active: #cac8bf;
  }
  .button {
    -webkit-font-smoothing: antialiased;
    appearance: none;
    background-color: var(--t-button-bg);
    border: 0px;
    border-radius: 2px;
    box-shadow:
      rgba(0, 0, 0, 0.16) 0px 1px 2px 0px,
      rgba(0, 0, 0, 0.08) 0px 0px 2px 0px;
    color: var(--t-button);
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    letter-spacing: 0.8px;
    margin-top: 20px;
    min-height: var(--fec-button-min-height, 48px);
    padding: var(--fec-button-padding, 13px 40px);
    transition:
      background-color 0.3s ease-in-out,
      box-shadow 0.3s ease-in-out;
    width: 100%;
  }
  .button .button-icon {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
    height: 24px;
    margin: -1px 8px -7px -44px;
    min-width: 24px;
  }
  @media (min-width: 720px) {
    .button {
      width: auto;
    }
    .button .button-icon {
      margin-left: 0px;
    }
  }
  .button .button-text {
    line-height: 1.5;
  }
  .button:active,
  .button:focus,
  .button:hover {
    box-shadow:
      rgba(0, 0, 0, 0.16) 0px 4px 8px 0px,
      rgba(0, 0, 0, 0.08) 0px 0px 8px 0px;
    color: var(--t-button);
    outline: none;
  }
  .button:focus,
  .button:hover {
    background-color: var(--t-button-bg-hover);
  }
  .button:active {
    background-color: var(--t-button-bg-active);
  }
  .button::before {
    background-color: initial;
    bottom: 0px;
    content: '';
    height: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
  }
  .button .button-wrapper {
    white-space: nowrap;
  }
  .button:not(.button--mixed-case) .button-text {
    text-transform: uppercase;
  }
  a.button {
    display: inline-block;
    text-align: center;
  }
  .button--no-spacing {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .button--transparent,
  .button--transparent:active,
  .button--transparent:focus,
  .button--transparent:hover {
    background-color: initial;
    box-shadow: none;
    color: var(--t-gl-nav-group-open-item-color);
  }
  .button-wrapper--svg-icon {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .button-wrapper--svg-icon .button-icon {
    display: inline-block;
    height: 24px;
    margin: 0px 12px 0px 0px;
    min-width: 24px;
  }
  .button--icon-only {
    padding: 12px;
    width: auto;
  }
  .button--icon-only .button-wrapper {
    height: auto;
  }
  .button--icon-only .button-icon {
    margin: 0px;
  }
  @media (max-width: 1023px) {
    .button--no-text-on-desktop-down .button-text {
      display: none;
    }
    .button--no-text-on-desktop-down .button-wrapper .button-icon {
      margin-right: 0px;
    }
  }
  .button--align-left {
    text-align: left;
  }
  .button--align-left .button-wrapper {
    justify-content: left;
    text-align: left;
  }
  .button--icon-button {
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 1.14;
    padding: var(--fec-button-padding, 16px);
    transition: opacity 0.2s ease-in-out;
    width: auto;
  }
  .button--icon-button:hover {
    opacity: 0.8;
  }
  .button--icon-button:active {
    opacity: 0.6;
  }
  .button--icon-button.button--icon-only .button-icon {
    margin-right: 0px;
  }
  .button--icon-button .button-icon {
    margin-right: 8px;
  }
  .button--pill {
    border-radius: 24px;
    display: inline-block;
    margin-top: 0px;
    padding: 0px 40px;
    transition:
      filter 0.3s ease-in-out,
      background-color 0.3s ease-in-out,
      box-shadow 0.3s ease-in-out;
    width: auto;
  }
  a.button--pill {
    align-items: center;
    display: inline-flex;
    justify-content: center;
  }
  .button--pill .button-icon {
    margin: 0px 6px 0px 0px;
  }
  .button--pill,
  .button--pill:active,
  .button--pill:focus,
  .button--pill:hover {
    background-color: var(--t-button-pill-bg);
    color: var(--t-button-white);
  }
  .button--pill:active,
  .button--pill:focus,
  .button--pill:hover {
    filter: brightness(1.05);
  }
  .button--themed {
    background-image: linear-gradient(
      to right,
      var(--theme-color-gradient-1, #fafaf8),
      var(--theme-color-gradient-2, #ebebe5)
    );
  }
  .button--themed,
  .button--themed:active,
  .button--themed:focus,
  .button--themed:hover {
    color: var(--theme-color-button-text, #22211d);
  }
  .button--theme-radio-srf-default {
    --theme-color-gradient-1: #e31f2b;
    --theme-color-gradient-2: #c91024;
    --theme-color-shadow: rgba(227, 31, 43, 0.6);
    --theme-color-button-text: #fff;
  }
  .button--share {
    background-color: var(--t-button-share-bg);
    font-size: 14px;
    letter-spacing: 0.4px;
  }
  .button--share,
  .button--share:active,
  .button--share:focus,
  .button--share:hover {
    box-shadow: none;
    color: var(--t-button-share);
    filter: none;
  }
  .button--share:focus,
  .button--share:hover {
    background-color: var(--t-button-share-bg-hover);
  }
  .button--share:active {
    background-color: var(--t-button-share-bg-active);
  }
  .svg-icon {
    --t-svg-icon-standard: #4e4d47;
    --t-svg-icon-no-theme: #fff;
    --t-svg-icon-arrow-grey: #4e4d47;
    --t-svg-icon-download-red: #c91024;
    --t-svg-icon-download-success: #1a7ac5;
  }
  .svg-icon {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 24px;
    width: 24px;
  }
  .svg-icon--arrow-down-red-tiny {
    mask-size: 41.6667%;
  }
  .svg-icon--arrow-down-red-tiny {
    background-color: var(--t-caret-icon-red-mask);
    display: inline-block;
    height: 24px;
    transform: rotate(0deg);
    transition:
      transform 0.2s ease-in-out,
      background-color 0.2s ease-in-out;
    width: 24px;
  }
  .svg-icon--arrow-up-red-tiny {
    background-color: var(--t-caret-icon-red-mask);
    display: inline-block;
    height: 24px;
    mask-size: 41.6667%;
    transform: rotate(180deg);
    transition:
      transform 0.2s ease-in-out,
      background-color 0.2s ease-in-out;
    width: 24px;
  }
  .svg-icon--searchmenu {
    background-color: var(--t-svg-icon-standard);
    mask: url('../img/searchmenu.svg') 50% 50% / contain no-repeat;
    width: 35px;
  }
  .svg-icon--close {
    background-color: var(--t-svg-icon-themed, var(--t-svg-icon-standard));
    mask-size: contain;
  }
  .svg-icon--audiothek {
    mask: url('../img/audiothek.svg') 50% 50% / contain no-repeat;
  }
  .svg-icon--audiothek,
  .svg-icon--videothek {
    background-color: var(--t-svg-icon-standard);
  }
  .svg-icon--videothek {
    mask: url('../img/videothek.svg') 50% 50% / contain no-repeat;
  }
  .svg-icon--share {
    background-color: var(--t-svg-icon-standard);
    mask: url('../img/share.svg') 50% 50% / contain no-repeat;
  }
  .main-logo {
    background: none;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    width: 36px;
  }
  .main-logo svg {
    transform: scale(0.75);
    transform-origin: 0px 0px;
  }
  @media (min-width: 720px) {
    .main-logo {
      height: 32px;
      width: 48px;
    }
    .main-logo svg {
      transform: none;
    }
  }
  .image {
    --t-image-circle-border: #fefefd;
    --t-image-circle-presenter-border: rgba(0, 0, 0, 0.04);
  }
  picture.image {
    display: block;
    font-size: 10px;
  }
  .globalnav-link {
    --t-globalnav-link: #22211d;
    --t-globalnav-link-bg-hover: hsla(51, 8%, 70%, 0.12);
    --t-globalnav-link-bg-active: hsla(51, 8%, 70%, 0.24);
    --t-globalnav-link-sub: #4e4d47;
    --t-globalnav-link-highlight: #c91024;
  }
  .globalnav-link {
    border-radius: 2px;
    color: var(--t-globalnav-link);
    display: flex;
    font-size: 16px;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    letter-spacing: 0.4px;
    padding: 18px 16px;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out;
  }
  .globalnav-link:focus,
  .globalnav-link:hover {
    background-color: var(--t-globalnav-link-bg-hover);
    color: var(--t-globalnav-link);
  }
  .globalnav-link:active {
    background-color: var(--t-globalnav-link-bg-active);
    color: var(--t-globalnav-link);
  }
  .globalnav-link--portal {
    font-variation-settings: 'wght' 700;
    font-weight: 700;
  }
  .globalnav-link--sub {
    padding: 12px 16px;
  }
  .globalnav-link--sub,
  .globalnav-link--sub:hover {
    color: var(--t-globalnav-link-sub);
  }
  .globalnav-link__img {
    align-self: center;
    flex: 0 0 auto;
    height: 24px;
    margin-right: 12px;
    width: 24px;
  }
  .globalnav-link__text {
    align-self: center;
    flex: 1 0 0px;
  }
  .horizontal-separator {
    --t-horizontal-separator: #ebebe5;
  }
  .horizontal-separator {
    background: var(--t-horizontal-separator) 50% 0 no-repeat;
    border: 0px;
    height: 1px;
    margin: 24px -24px 20px;
  }
  @media (min-width: 720px) {
    .horizontal-separator {
      margin-bottom: 24px;
      margin-top: 32px;
    }
  }
  .horizontal-separator--sharing-bar {
    margin: 0px;
    position: relative;
    top: 20px;
  }
  .teaser-info {
    --t-teaser-info: #6b6960;
    --t-teaser-info-visited: #1a7ac5;
    --t-teaser-info-live-or-updated: #e31f2b;
    --t-teaser-info-media-info: #22211d;
  }
  .teaser-info {
    --teaser-info-media-duration-display: var(
      --fec-teaser-info-media-duration-display,
      none
    );
    --teaser-info-comments-display: var(
      --fec-teaser-info-comments-display,
      inline-block
    );
    color: var(--teaser-color-status-text, var(--t-teaser-info-media-info));
    display: inline-block;
    font-size: 12px;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 1.35;
    overflow-wrap: anywhere;
    position: relative;
    white-space: nowrap;
  }
  .teaser-info::before {
    display: inline-block;
    height: 14px;
    margin-bottom: -3px;
    margin-right: 6px;
    position: relative;
    width: 14px;
  }
  .teaser-info--video {
    color: var(--teaser-color-status-text, var(--t-teaser-info));
  }
  .teaser-info--video::before {
    background-color: var(--teaser-color-status-text, var(--t-teaser-info));
    content: '';
    mask-size: contain;
  }
  .teaser-info--audio {
    color: var(--teaser-color-status-text, var(--t-teaser-info));
  }
  .teaser-info--audio::before {
    background-color: var(--teaser-color-status-text, var(--t-teaser-info));
    content: '';
    mask-size: contain;
  }
  .episode-list__title:has(.episode-list__title-em) {
    font-variation-settings: 'wght' 400;
    font-weight: 400;
  }
  .portalsnav {
    --t-portalsnav-large-link: #22211d;
  }
  .portalsnav {
    display: flex;
    margin: 0px;
    padding: 0px;
  }
  .portalsnav__link {
    font-feature-settings: 'salt';
    background-color: initial;
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    font-variation-settings: 'wght' 700;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 1.14;
    padding: 8px 10px;
    transition: background-color 0.2s ease-in-out;
  }
  .portalsnav__link,
  .portalsnav__link:active,
  .portalsnav__link:focus,
  .portalsnav__link:hover {
    border-bottom: none;
    color: var(--t-gl-nav-group-open-item-color);
  }
  .portalsnav__link:focus,
  .portalsnav__link:hover {
    background-color: var(--t-gl-subnav-pager-bg-hover);
  }
  .portalsnav__link:active {
    background-color: var(--t-gl-subnav-pager-bg-active);
  }
  .footer {
    --t-footer: #22211d;
    --t-footer-bg: #fefefd;
    --t-footer-border-top:
      0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.08);
    --t-footer-navigation-link: #6b6960;
    --t-footer-navigation-link-hover: #6b6960;
    --t-footer-navigation-link-active: #6b6960;
    --t-footer-navigation-link-bg-hover: hsla(51, 8%, 70%, 0.12);
    --t-footer-navigation-link-bg-active: hsla(51, 8%, 70%, 0.24);
    --t-footer-description: #6b6960;
    --t-footer-bu-link: #6b6960;
    --t-footer-bu-link-hover: #6b6960;
    --t-footer-bu-link-active: #6b6960;
    --t-footer-bu-link-bg: #ebebe5;
    --t-footer-bu-link-bg-hover: hsla(51, 8%, 70%, 0.12);
    --t-footer-bu-link-bg-active: hsla(51, 8%, 70%, 0.24);
    --t-gl-search-bg: #fefefd;
    --t-gl-search-text: #6b6960;
    --t-gl-search-border: rgba(0, 0, 0, 0.2);
  }
  .footer {
    background: var(--t-footer-bg);
    box-shadow: var(--t-footer-border-top);
    color: var(--t-footer);
    opacity: 1;
    pointer-events: auto;
  }
  .footer__wrapper {
    margin: 0px auto;
    max-width: 1264px;
  }
  .footer__navigation {
    -webkit-font-smoothing: antialiased;
    font-size: 0px;
    margin: 0px;
    padding: 8px 0px;
  }
  @media (max-width: 719px) {
    .footer__navigation {
      display: flex;
      flex-flow: wrap;
      flex-grow: 1;
      justify-content: flex-start;
    }
  }
  @media (min-width: 720px) {
    .footer__navigation {
      padding: 8px 16px;
    }
  }
  .footer__navigation-item {
    display: flex;
    flex: 0 0 50%;
    margin: 0px;
    overflow-wrap: anywhere;
    padding: 0px;
  }
  @media (min-width: 720px) {
    .footer__navigation-item {
      display: inline-block;
    }
  }
  .footer__navigation-link {
    align-self: center;
    border-radius: 2px;
    color: var(--t-footer-navigation-link);
    display: block;
    flex: 1 1 100%;
    font-size: 14px;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 1.14;
    margin: 0px 8px;
    padding: 16px;
    transition: background-color 0.2s ease-in-out;
  }
  .footer__navigation-link:focus,
  .footer__navigation-link:hover {
    background-color: var(--t-footer-navigation-link-bg-hover);
    color: var(--t-footer-navigation-link-hover);
  }
  .footer__navigation-link:active {
    background-color: var(--t-footer-navigation-link-bg-active);
    color: var(--t-footer-navigation-link-active);
  }
  @media (min-width: 720px) {
    .footer__navigation-link {
      margin: 0px;
    }
  }
  .footer__imprint {
    -webkit-font-smoothing: antialiased;
    display: flex;
    flex-flow: column;
    padding: 24px;
  }
  @media (min-width: 720px) {
    .footer__imprint {
      align-items: flex-end;
      flex-direction: row;
      padding: 24px 32px;
    }
    .footer__imprint-content {
      flex: 0 1 50%;
      padding-right: 8px;
    }
  }
  .footer__logo {
    height: 16px;
    width: 46px;
  }
  .footer__description {
    color: var(--t-footer-description);
    font-size: 12px;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 1.33;
    margin: 8px 0px 16px;
  }
  @media (min-width: 720px) {
    .footer__description {
      margin-bottom: 0px;
    }
  }
  .footer__imprint-links {
    display: flex;
    flex-grow: 1;
    flex-wrap: nowrap;
    margin: 0px;
    padding: 0px;
  }
  @media (min-width: 720px) {
    .footer__imprint-links {
      justify-content: flex-end;
    }
  }
  .footer__bu-link-item {
    flex: 1 1 auto;
    margin: 0px 8px 0px 0px;
    padding: 0px;
  }
  .footer__bu-link-item:last-of-type {
    margin-right: 0px;
  }
  @media (min-width: 720px) {
    .footer__bu-link-item {
      flex-grow: 0;
    }
  }
  .footer__bu-link {
    background-color: var(--t-footer-bu-link-bg);
    border-radius: 2px;
    color: var(--t-footer-bu-link);
    display: inline-block;
    font-size: 14px;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 1.14;
    padding: 8px 12px;
    text-align: center;
    transition: background-color 0.2s ease-in-out;
    width: 100%;
  }
  .footer__bu-link:focus,
  .footer__bu-link:hover {
    background-color: var(--t-footer-bu-link-bg-hover);
    color: var(--t-footer-bu-link-hover);
  }
  .footer__bu-link:active {
    background-color: var(--t-footer-bu-link-bg-active);
    color: var(--t-footer-bu-link-active);
  }
  .globalnav {
    --t-globalnav-sub-bg: #f5f5f2;
    --t-globalnav-group-border: rgba(0, 0, 0, 0.08);
  }
  .globalnav {
    display: flex;
    flex-direction: column;
  }
  @media (min-width: 720px) {
    .globalnav__container {
      padding: 32px 0px;
    }
  }
  .globalnav__container--with-background {
    background-color: var(--t-globalnav-sub-bg);
  }
  @media (min-width: 720px) {
    .globalnav__container--with-background {
      border-bottom: 1px solid var(--t-globalnav-group-border);
      border-top: 1px solid var(--t-globalnav-group-border);
    }
  }
  .globalnav__groups {
    display: flex;
    flex-direction: column;
    margin: 0px auto;
    max-width: 1280px;
  }
  @media (min-width: 720px) {
    .globalnav__groups {
      flex-flow: row;
      padding: 0px 12px;
    }
  }
  @media (min-width: 1280px) {
    .globalnav__groups {
      padding: 0px 20px;
    }
  }
  .globalnav__group {
    flex: 1 1 0px;
    padding: 8px 4px;
  }
  @media (max-width: 719px) {
    .globalnav__group {
      border-bottom: 1px solid var(--t-globalnav-group-border);
      padding: 8px;
    }
  }
  @media (min-width: 720px) {
    .globalnav__group--radio-stations {
      display: flex;
      flex-flow: wrap;
    }
    .globalnav__group--radio-stations .globalnav__item {
      flex: 1 0 33%;
    }
    .globalnav__group--radio-stations .globalnav__item:nth-child(3n + 1) {
      order: 0;
    }
    .globalnav__group--radio-stations .globalnav__item:nth-child(3n + 2) {
      order: 1;
    }
    .globalnav__group--radio-stations .globalnav__item:nth-child(3n + 3) {
      order: 2;
    }
  }
  .masthead {
    --t-masthead-bg: #fefefd;
    --t-masthead-title: #22211d;
    --t-masthead-icon: #4e4d47;
    --t-gl-subnav-icon: #4e4d47;
    --t-gl-subnav-pager-bg: #fefefd;
    --t-gl-subnav-pager-bg-alpha: hsla(60, 33%, 99%, 0);
    --t-gl-subnav-pager-bg-hover: hsla(51, 8%, 70%, 0.12);
    --t-gl-subnav-pager-bg-active: hsla(51, 8%, 70%, 0.24);
    --t-gl-nav-group-open-item-color: #4e4d47;
    --t-gl-nav-item-active: #c91024;
    --t-gl-nav-item-active-border: #f1434a;
    --t-gl-nav-item-third-level-icon: #c91024;
    --t-gl-h-icon-invert: none;
  }
  .masthead {
    background-color: var(--t-masthead-bg);
    min-height: 56px;
    padding: 8px 32px 0px;
    position: relative;
    z-index: 100;
  }
  @media (max-width: 719px) {
    .masthead {
      padding: 0px 16px;
    }
  }
  @media (min-width: 1280px) {
    .masthead {
      padding: 8px 40px 0px;
    }
  }
  .masthead__wrapper {
    margin: 0px auto;
    max-width: 1200px;
    position: static;
    z-index: 101;
  }
  .masthead--sticky {
    display: block;
    inset-block-start: 0px;
    padding-block-start: 0px;
    position: sticky;
  }
  .masthead--sticky .masthead__wrapper::after {
    background-color: initial;
    box-shadow:
      rgba(0, 0, 0, 0.16) 0px 4px 8px 0px,
      rgba(0, 0, 0, 0.08) 0px 0px 8px 0px;
    content: '';
    height: 42px;
    inset-block-end: 0px;
    inset-inline: 0px;
    position: absolute;
    z-index: -2;
  }
  .masthead--sticky .masthead__wrapper::before {
    background-color: var(--t-masthead-bg);
    content: '';
    display: block;
    inset: 0px;
    position: absolute;
    z-index: -1;
  }
  .masthead__universal {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
  .masthead__logo {
    display: flex;
    flex: 1 0 auto;
  }
  @media (min-width: 1024px) {
    .masthead__logo {
      flex-grow: 0;
    }
  }
  .masthead__portals {
    flex: 1 1 auto;
    font-variation-settings: 'wght' 700;
    font-weight: 700;
    margin-inline-start: 10px;
  }
  @media (max-width: 1023px) {
    .masthead__portals {
      display: none;
    }
  }
  .masthead__button-wrapper {
    display: block;
    font-size: 0px;
    margin-inline-end: -16px;
    min-height: 0px;
    opacity: 1;
  }
  .masthead__icon.masthead__icon {
    background-color: var(--t-masthead-icon);
  }
  .masthead--compact {
    height: 56px;
    inset-block-start: 0px;
    padding-block-start: 0px;
    position: sticky;
    width: 100%;
  }
  @media (min-width: 720px) {
    .masthead--compact {
      height: 72px;
    }
    .masthead--compact .masthead__wrapper {
      padding: 8px 0px;
    }
  }
  html:has(body.overflowHidden) {
    overflow: hidden;
  }
  .globalnav li::before,
  .portalsnav li::before,
  .related-items-list__list li::before {
    content: '​';
    position: absolute;
  }
  @supports not (aspect-ratio: auto) {
  }
  body::after {
    content: 'main-css-ready';
    display: none;
  }
  .breadcrumbs {
    --t-breadcrumb-link: #4e4d47;
    --t-breadcrumb-link-bg: #ebebe5;
    --t-breadcrumb-link-bg-hover: #dadad2;
    --t-breadcrumb-link-bg-active: #cac8bf;
    --t-breadcrumb-icon: #6b6960;
  }
  .breadcrumbs {
    overflow-x: auto;
    padding: 0px 24px;
    white-space: nowrap;
  }
  .breadcrumbs--bottom {
    padding-bottom: 8px;
  }
  @media (min-width: 720px) {
    .breadcrumbs--bottom {
      padding-bottom: 12px;
    }
  }
  .breadcrumbs__item {
    display: inline;
    margin: 0px -3px 0px -8px;
    padding: 0px;
  }
  .breadcrumb__link {
    background-clip: padding-box;
    background-color: var(--t-breadcrumb-link-bg);
    border: 0px;
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 1.14;
    margin: 8px;
    padding: 7px 23px 7px 12px;
    position: relative;
    vertical-align: middle;
  }
  .breadcrumb__link:focus,
  .breadcrumb__link:hover {
    background-color: var(--t-breadcrumb-link-bg-hover);
    border-bottom: 0px;
  }
  .breadcrumb__link:active {
    background-color: var(--t-breadcrumb-link-bg-active);
    border-bottom: 0px;
  }
  .breadcrumb__link::before {
    border-bottom: 1px solid var(--t-breadcrumb-icon);
    border-right: 1px solid var(--t-breadcrumb-icon);
    content: '';
    height: 6px;
    left: auto;
    position: absolute;
    right: 12px;
    top: 11px;
    transform: rotate(-45deg);
    width: 6px;
  }
  .breadcrumb__link,
  .breadcrumb__link:active,
  .breadcrumb__link:focus,
  .breadcrumb__link:hover {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: var(--t-breadcrumb-link);
    outline: none;
  }
  .article-author {
    --t-article-author: #22211d;
    --t-article-date: #6b6960;
  }
  .article-author {
    display: block;
    margin-bottom: 16px;
  }
  @media (min-width: 720px) {
    .article-author {
      margin-bottom: 24px;
    }
  }
  .article-author__date {
    font-weight: 400;
    letter-spacing: 0.4px;
    margin: 0px;
  }
  .article-author__date {
    color: var(--t-article-date);
    font-size: 12px;
    font-variation-settings: 'wght' 400;
    line-height: 1.35;
  }
  .article-author__date {
    display: block;
    min-height: 16px;
  }
  .article-title {
    --t-article-overline: #c91024;
    --t-article-title: #22211d;
  }
  .article-title {
    overflow-wrap: anywhere;
  }
  .article-title__overline {
    color: var(--t-article-overline);
    display: block;
    font-size: 16px;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 1.25;
    margin: 0px 0px 1px;
  }
  @media (min-width: 720px) {
    .article-title__overline {
      font-size: 18px;
      letter-spacing: 0.4px;
      margin: 0px 0px 3px;
    }
  }
  .article-title__text {
    font-feature-settings: 'salt';
    color: var(--t-article-title);
    display: block;
    font-size: 32px;
    font-variation-settings: 'wght' 500;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.25;
    margin: 1px 0px 13px;
  }
  @media (min-width: 720px) {
    .article-title__text {
      font-size: 36px;
      letter-spacing: normal;
      margin: 3px 0px 18px;
    }
  }
  .article-content {
    --t-article-content: #22211d;
  }
  .article-content {
    color: var(--t-article-content);
    font-size: 20px;
    font-variation-settings: 'wght' 300;
    font-weight: 300;
    letter-spacing: 0.2px;
    margin: 0px 0px 24px;
    min-height: 0px;
    opacity: 1;
  }
  @media (max-width: 719px) {
    .article-content {
      font-size: 18px;
      letter-spacing: 0.4px;
    }
  }
  .article-content > h2 {
    font-size: 28px;
    font-variation-settings: 'wght' 500;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.35;
    margin: 32px 0px 12px;
    padding: 0px 24px;
  }
  @media (max-width: 719px) {
    .article-content > h2 {
      font-size: 24px;
      letter-spacing: normal;
      margin: 24px 0px 12px;
    }
  }
  .article-content > p {
    margin: 12px 0px 24px;
    overflow-wrap: anywhere;
    padding: 0px 24px;
  }
  @media (max-width: 719px) {
    .article-content > p {
      margin: 12px 0px 20px;
    }
  }
  .article-content a:not([class]) {
    border-bottom: 1px solid var(--t-a-underline);
    overflow-wrap: anywhere;
  }
  .article-content a:not([class]):hover {
    border-bottom: 1px solid var(--t-a-underline-hover);
  }
  .article-content a:not([class]):active {
    border-bottom: 1px solid var(--t-a-underline-active);
  }
  .article-header {
    padding: 0px 24px;
  }
  .collection-ng:not(.collection-ng--themed):has(
      .collection-ng__title-wrapper:empty
    ) {
    padding-block-start: var(--collection-teaser-row-gap);
  }
  .collection-ng:not(.collection-ng--themed)
    + .collection-ng:not(.collection-ng--themed):has(
      .collection-ng__title-wrapper:empty
    ) {
    margin-block-start: calc(var(--collection-v-gap) * -1);
  }
  .collection-ng.collection-ng--themed
    + .collection-ng.collection-ng--themed:has(
      .collection-ng__title-wrapper:empty
    ) {
    margin-block-start: calc(
      var(--collection-v-gap) * -2 + var(--collection-teaser-row-gap)
    );
  }
  @media (min-width: 720px) {
    .collection-ng.collection-ng--themed
      + .collection-ng.collection-ng--themed:has(
        .collection-ng__title-wrapper:empty
      ) {
      margin-block-start: calc(var(--collection-v-gap) * -1);
    }
  }
  .collection-ng__title-wrapper:has(+ .collection-ng__lead) {
    margin-block-end: calc(var(--fec-gap) * 0.5);
  }
  .collection-ng__heading:has(.collection-ng__heading-em) {
    font-variation-settings: 'wght' 400;
    font-weight: 400;
  }
  .collection-ng--micro .collection-ng__teaser-item:has(.teaser-ng--theme-dark),
  .collection-ng--micro
    .collection-ng__teaser-item:has(.teaser-ng--theme-dark):active,
  .collection-ng--micro
    .collection-ng__teaser-item:has(.teaser-ng--theme-dark):hover,
  .collection-ng--micro-bullets
    .collection-ng__teaser-item:has(.teaser-ng--theme-dark),
  .collection-ng--micro-bullets
    .collection-ng__teaser-item:has(.teaser-ng--theme-dark):active,
  .collection-ng--micro-bullets
    .collection-ng__teaser-item:has(.teaser-ng--theme-dark):hover,
  .collection-ng--micro-numeric
    .collection-ng__teaser-item:has(.teaser-ng--theme-dark),
  .collection-ng--micro-numeric
    .collection-ng__teaser-item:has(.teaser-ng--theme-dark):active,
  .collection-ng--micro-numeric
    .collection-ng__teaser-item:has(.teaser-ng--theme-dark):hover {
    background-color: rgb(34, 33, 29);
    transition: none;
  }
  @media (max-width: 719px) {
    .collection-ng--dense-swipeable
      .collection-ng__teaser-list:has(> :last-child:nth-child(-n + 2)) {
      --collection-swipeable-list-column: calc(
        50% - var(--collection-swipeable-col-gap) / 2
      );
    }
  }
  .collection-ng__static-content--always-fullwidth:has(.privacywall) {
    grid-column: main;
  }
  .article-teaser {
    --t-article-teaser-kicker: #c91024;
    --t-article-teaser-title: #22211d;
  }
  .article-teaser {
    border: none;
    display: block;
    overflow-wrap: anywhere;
    width: 100%;
  }
  .article-teaser:active,
  .article-teaser:focus,
  .article-teaser:hover {
    border: none;
  }
  .article-teaser__wrapper {
    display: block;
    padding: 16px 24px 16px 0px;
  }
  .article-teaser__image {
    border: 0px;
    float: left;
    height: 92px;
    margin-right: 12px;
    object-fit: cover;
    width: 92px;
  }
  @media (min-width: 720px) {
    .article-teaser__image {
      margin-right: 16px;
      width: 163px;
    }
  }
  .article-teaser__content {
    display: flex;
    flex-direction: column;
    margin-left: 104px;
    min-height: 92px;
  }
  @media (min-width: 720px) {
    .article-teaser__content {
      margin-left: 158px;
    }
  }
  .article-teaser__kicker {
    color: var(--t-article-teaser-kicker);
    flex-grow: 0;
    font-size: 12px;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 1.33;
    margin: 0px;
    padding-bottom: 4px;
  }
  @media (min-width: 720px) {
    .article-teaser__kicker {
      font-size: 14px;
      letter-spacing: 0.4px;
      line-height: 1.14;
    }
  }
  .article-teaser__title {
    color: var(--t-article-teaser-title);
    flex-grow: 1;
    font-size: 16px;
    font-variation-settings: 'wght' 500;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 1.25;
    margin: 0px;
    padding-bottom: 6px;
  }
  @media (min-width: 720px) {
    .article-teaser__title {
      padding-bottom: 8px;
    }
  }
  .article-teaser__info-wrapper {
    align-items: flex-end;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    line-height: 1;
  }
  @supports (font-variation-settings: normal) {
  }
  .sharing-bar {
    --t-sharing-bar-bg: #fefefd;
    --t-sharing-bar-comments-open: #fafaf8;
    --t-sharing-bar-comments-open-bg: #c91024;
    --t-sharing-bar-comments-open-bg-hover: #e31f2b;
    --t-sharing-bar-comments-open-bg-active: #f1434a;
    --t-sharing-bar-comments-closed: #4e4d47;
    --t-sharing-bar-comments-closed-bg: #ebebe5;
    --t-sharing-bar-comments-closed-bg-hover: #dadad2;
    --t-sharing-bar-comments-closed-bg-active: #cac8bf;
  }
  .sharing-bar {
    background-color: initial;
    display: block;
    margin-bottom: 24px;
    text-align: center;
    width: 100%;
  }
  @media (min-width: 720px) {
    .sharing-bar {
      margin-bottom: 32px;
    }
  }
  .sharing-bar__container {
    --fec-button-min-height: 40px;
    align-items: center;
    background-color: var(--t-sharing-bar-bg);
    display: inline-flex;
    margin: 0px auto;
    padding: 0px 10px;
    position: relative;
  }
  @media (max-width: 719px) {
    .sharing-bar__container {
      padding: 0px 12px;
    }
  }
  .teaser-ng:not(:has(.teaser-ng__medium)) .teaser-ng__text::before {
    content: none;
  }
  .form {
    --t-form-label: #22211d;
    --t-form-bg: #f5f5f2;
    --t-form-hint: #6b6960;
  }
  .form {
    background-color: var(--t-form-bg);
    margin: 20px 8px;
    padding: 12px 16px 16px;
  }
  @media (min-width: 720px) {
    .form {
      margin: 32px 0px 24px;
      padding: 12px 24px 16px;
    }
  }
  .related-items-list {
    --t-related-items: #22211d;
    --t-related-item-border: #ebebe5;
    --t-related-item-bg-hover: #fafaf8;
    --t-related-item-bg-active: #f5f5f2;
  }
  .related-items-list {
    color: var(--t-related-items);
    margin: 24px 0px 32px;
    opacity: 1;
  }
  @media (min-width: 720px) {
    .related-items-list {
      margin: 32px 0px 40px;
    }
  }
  .related-items-list__heading {
    font-size: 16px;
    font-variation-settings: 'wght' 500;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 1.25;
    margin: 10px 24px;
    padding: 0px;
  }
  .related-items-list__list {
    margin: 12px 0px 24px;
    padding: 0px;
  }
  @media (max-width: 719px) {
    .related-items-list__list {
      margin: 8px 0px 20px;
    }
  }
  .related-items-list__item {
    border-top: 1px solid var(--t-related-item-border);
    margin: 0px 0px 0px 24px;
    padding: 0px;
  }
  .related-items-list__item:last-child {
    border-bottom: 1px solid var(--t-related-item-border);
  }
  .related-items-list__content:active,
  .related-items-list__content:focus,
  .related-items-list__content:hover {
    background-color: var(--t-related-item-bg-hover);
    border-bottom: 1px solid var(--t-related-item-border);
    border-top: 1px solid var(--t-related-item-border);
    margin-bottom: -1px;
    margin-left: -24px;
    margin-top: -1px;
    padding-left: 24px;
  }
  .related-items-list__content:active {
    background-color: var(--t-related-item-bg-active);
  }
  .article {
    margin: 0px auto;
    min-height: 480px;
    position: relative;
  }
  @media (min-width: 720px) and (max-width: 1023px) {
    .article {
      max-width: 720px;
      padding: 0px 24px;
    }
  }
  @media (min-width: 1024px) {
    .article {
      max-width: 728px;
    }
  }
  .article.article.article .article-author {
    margin: 17px 0px 26px;
  }
  @media (min-width: 720px) {
    .article.article.article .article-author {
      margin: 22px 0px 20px;
    }
  }
  .article.article.article .article-title {
    margin: 16px 0px 0px;
  }
  @media (min-width: 720px) {
    .article.article.article .article-title {
      margin: 22px 0px 0px;
    }
  }
  .article.article.article .breadcrumbs {
    margin: 16px auto 8px;
  }
  @media (min-width: 720px) {
    .article.article.article .breadcrumbs {
      margin: 24px auto 12px;
    }
  }
  .article.article.article .sharing-bar {
    margin-bottom: 24px;
    margin-top: 26px;
  }
  @media (min-width: 720px) {
    .article.article.article .sharing-bar {
      margin-bottom: 32px;
      margin-top: 24px;
    }
  }
  @media (min-width: 1024px) {
    .article-webpush .webpush-registration {
      margin-left: 0px;
      margin-right: 0px;
    }
  }
  .webpush-registration {
    background-image: linear-gradient(rgb(255, 255, 255), rgb(250, 250, 248));
    flex-grow: 1;
    font-size: 16px;
    font-variation-settings: 'wght' 300;
    font-weight: 300;
    letter-spacing: 0.4px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 16px;
    position: relative;
    text-align: center;
  }
  @media (min-width: 720px) {
    .webpush-registration {
      font-size: 18px;
      letter-spacing: 0.4px;
      margin-left: 32px;
      margin-right: 32px;
      padding: 24px;
    }
  }
  @media (min-width: 1280px) {
    .webpush-registration {
      margin-left: 40px;
      margin-right: 40px;
    }
  }
  .webpush-registration__close {
    display: block;
    height: 56px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 56px;
  }
  .webpush-registration__description,
  .webpush-registration__info,
  .webpush-registration__title {
    margin: 0px auto;
    max-width: 624px;
  }
  @media (min-width: 720px) {
    .webpush-registration__description,
    .webpush-registration__info,
    .webpush-registration__title {
      max-width: 680px;
    }
  }
  .webpush-registration__title {
    font-size: 18px;
    font-variation-settings: 'wght' 500;
    font-weight: 500;
    letter-spacing: 0.4px;
    margin: 0px auto 8px;
  }
  @media (min-width: 720px) {
    .webpush-registration__title {
      font-size: 20px;
      letter-spacing: 0.2px;
      margin-bottom: 12px;
    }
  }
  .webpush-registration__info {
    margin: 0px auto 24px;
  }
  .webpush-registration__expand-link {
    color: rgb(201, 16, 36);
    cursor: pointer;
    display: inline-flex;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
  }
  .webpush-registration__expand-link--hidden {
    opacity: 0;
    pointer-events: none;
  }
  .webpush-registration__expand-box {
    font-size: 16px;
    max-height: 0px;
    opacity: 0;
    transition:
      max-height 0.2s ease-in-out,
      visibility ease-in-out 0.2s,
      opacity 0.2s ease-in-out;
    visibility: hidden;
  }
  .webpush-registration__description {
    margin: -8px auto 16px;
    text-align: left;
  }
  .webpush-registration__icon {
    margin: 0px 0px 24px;
    position: relative;
  }
  @media (min-width: 720px) {
    .webpush-registration__icon {
      margin-bottom: 16px;
    }
  }
  .webpush-registration__clapp {
    animation: 13s ease 0s infinite normal none running bellClappAnimation;
    left: calc(50% - 25px);
    position: absolute;
    top: -6px;
    transform-origin: 50% 0px;
    width: 50px;
  }
  .webpush-registration__bell {
    animation: 13s ease 0s infinite normal none running bellShakeAnimation;
    margin: 0px auto;
    transform-origin: 50% 0px;
    width: 46px;
  }
  @keyframes bellShakeAnimation {
    0%,
    10%,
    50%,
    100% {
      transform: rotate(0deg);
    }
    1%,
    2%,
    3%,
    4%,
    5%,
    6%,
    7%,
    8% {
      transform: rotate(6deg);
    }
    9% {
      transform: rotate(4deg);
    }
    1.5%,
    2.5%,
    3.5%,
    4.5%,
    5.5%,
    6.5%,
    7.5%,
    8.5% {
      transform: rotate(-6deg);
    }
    9.5% {
      transform: rotate(-2deg);
    }
  }
  @keyframes bellClappAnimation {
    1%,
    11%,
    100% {
      transform: rotate(0deg);
    }
    2%,
    3%,
    4%,
    5%,
    6%,
    7%,
    8%,
    9% {
      transform: rotate(10deg);
    }
    9.2% {
      transform: rotate(6deg);
    }
    1.6%,
    2.6%,
    3.6%,
    4.6%,
    5.6%,
    6.6%,
    7.6%,
    8.6% {
      transform: rotate(-10deg);
    }
    9.6% {
      transform: rotate(-4deg);
    }
  }
}

body::before {
  content: 'mobile';
  display: none;
}

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

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

@media (min-width: 1280px) {
  body::before {
    content: 'desktop-wide';
  }
}

:root {
  --t-text-list: #c91024;
}

:root {
  --t-a-underline: #c91024;
  --t-a-underline-hover: #8d0614;
  --t-a-underline-active: #6a0b0c;
}

:root {
  --t-button-label: #22211d;
  --t-button-label-bg: #ebebe5;
  --t-button-label-hover: #dadad2;
}

:root {
  --t-caret-icon-red-mask: #c91024;
}

@media print {
  body {
    display: none !important;
  }
}

:root {
  --ruler: 16px;
  --color-bg: #ebecf0;
  --color-shadow: #babecc;
  --color-white: #fff;
  --mainColor: #515152;
  --text: #fff;
  --input-color: #000;
  --valid-input-color: #000;
}

input {
  border: 0px;
  outline: 0px;
  padding: var(--ruler);
  background-color: var(--color-bg);
  text-shadow: 1px 1px 0 var(--color-white);
  font-size: var(--ruler) !important;
}

.article-title__text {
  font-weight: bold;
}

figure {
  margin: 24px 0px;
}

li b {
  font-weight: bold;
}

.top__list {
  margin-bottom: 80px;
  padding-top: 12px;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .top__list {
    margin-bottom: 35px;
  }
}

.top__list .item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
}

.top__list .item .place {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
}

.top__list .item .place__num {
  width: 36px;
  font-weight: 500;
}

.progress__info {
  font-size: 16px;
}

.top__list .item .place__avatar {
  width: 40px;
  margin-left: 7px;
}

.top__list .item .place__name {
  margin-left: 20px;
  font-size: 16px;
}

.top__list .item .progress {
  flex-grow: 1;
  margin-left: 20px;
}

.progress {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: none;
  box-shadow: none;
}

.progress__bar {
  display: block;
  height: 25px;
  width: 0px;
  margin-right: 20px;
  background-color: green;
  background-image: linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-size: 40px 40px;
  border-radius: 3px;
  animation: 2s linear 0s infinite normal none running progress-bar-stripes;
  transition: 0.8s ease-out;
  background-repeat: repeat;
}

@media screen and (max-width: 991px) {
  .top__list {
    font-size: 12px;
  }
  .top__list .item .place__num {
    width: 26px;
    font-size: 14px;
  }
  .top__list .item .place__name {
    margin-left: 20px;
  }
  .top__list .item .progress {
    margin-left: 10px;
  }
  .progress__info {
    font-size: 16px;
  }
  .top__list .item {
    flex-direction: column;
  }
  .top__list .item .place {
    width: 100% !important;
  }
  .progress {
    width: 100%;
    margin: 10px 0px;
  }
}

@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position: 40px 0px;
  }
  100% {
    background-position: 0px 0px;
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position: 40px 0px;
  }
  100% {
    background-position: 0px 0px;
  }
}

.top__list .item .place__avatar img {
  display: block;
  min-width: 50px !important;
}

.top__list .item .place {
  width: 240px;
}

#rechner {
  text-align: center;
  padding: 20px;
  background-color: rgb(255, 255, 255);
  animation: 0.5s ease-in-out 0s 1 normal none running fadeIn;
  width: 100%;
}

#schieberegler-container {
  position: relative;
  margin-bottom: 20px;
}

#schieberegler {
  width: 100%;
  appearance: none;
  background: transparent;
  border-radius: 10px;
  outline: none;
  padding: 0px;
  position: relative;
  z-index: 2;
  height: 25px !important;
}

#schieberegler::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: green;
  border-radius: 10px;
}

#schieberegler::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: green;
  border-radius: 10px;
}

#schieberegler::-webkit-slider-thumb {
  appearance: none;
  width: 25px;
  height: 25px;
  background: rgb(255, 255, 255);
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid green;
  z-index: 3;
  margin-top: -8px;
}

#schieberegler::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: rgb(255, 255, 255);
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid green;
}

#aktueller-wert {
  width: 30%;
  margin: -5px auto 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 18px;
  border-left: 2px solid green;
  border-right: 2px solid green;
  border-bottom: 2px solid green;
}

.schieberegler-beschriftungen {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
  width: 100% !important;
}

.schieberegler-beschriftungen span {
  position: relative;
}

.schieberegler-beschriftungen span::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 10px;
  background: rgb(0, 0, 0);
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px;
}

.ergebnis {
  font-size: 18px;
  margin-bottom: 10px;
  opacity: 0;
  animation: 0.5s ease-in-out 1s 1 normal forwards running fadeIn;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.srf-comments-header-wrapper {
  background-color: var(--t-comments-header-bg);
  color: var(--t-comments-header-title);
}

.srf-comments-header {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 0px 16px;
}

@media (min-width: 720px) {
  .srf-comments-header {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 720px) and (max-width: 1023px) {
  .srf-comments-header {
    max-width: 654px;
  }
}

@media (min-width: 1024px) {
  .srf-comments-header {
    max-width: 712px;
  }
}

@media (min-width: 720px) {
  .srf-comments-header {
    padding: 0px 24px;
  }
}

.srf-comments-header-title {
  font-size: 22px;
  letter-spacing: 0.2px;
}

.srf-comments-comment {
  border-top: 1px solid var(--t-comment-border);
  padding: 0px;
  margin: 0px 16px;
  position: relative;
}

@media (min-width: 720px) {
  .srf-comments-comment {
    margin: 0px;
    padding: 0px 24px;
  }
}

.srf-comments-comment:first-child:not(.srf-comments-comment--reply) {
  border-top: 0px;
}

.srf-comments-comment__user {
  color: var(--t-comment-user);
  font-weight: 400;
  font-variation-settings: 'wght' 400;
  font-size: 16px;
  letter-spacing: 0.4px;
  margin: 20px 0px 2px;
  display: flex;
}

@media (min-width: 720px) {
  .srf-comments-comment__user {
    margin-top: 24px;
  }
}

.srf-comments-comment__time {
  display: block;
  font-weight: 400;
  font-variation-settings: 'wght' 400;
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 1.25;
  color: var(--t-comment-time);
}

.srf-comments-comment__content {
  color: var(--t-comment-content);
  font-weight: 300;
  font-variation-settings: 'wght' 300;
  overflow-wrap: anywhere;
  font-size: 18px;
  letter-spacing: 0.4px;
  margin: 12px 0px;
}

@media (min-width: 720px) {
  .srf-comments-comment__content {
    font-size: 20px;
    letter-spacing: 0.2px;
  }
}

.srf-comments-comment__replies-wrapper {
  margin-left: 10px;
  margin-bottom: 12px;
}

@media (min-width: 720px) {
  .srf-comments-comment__replies-wrapper {
    margin-left: 64px;
  }
}

.srf-comments-comment__actions {
  padding: 8px 0px;
  margin-bottom: 12px;
}

.srf-comments-comment__action {
  color-scheme: unset;
  forced-color-adjust: unset;
  mask: unset;
  math-depth: unset;
  position: unset;
  position-anchor: unset;
  text-size-adjust: unset;
  appearance: unset;
  color: rgb(201, 16, 36);
  font-family: unset;
  font-feature-settings: unset;
  font-kerning: unset;
  font-optical-sizing: unset;
  font-palette: unset;
  font-size: 16px;
  font-size-adjust: unset;
  font-stretch: unset;
  font-style: unset;
  font-synthesis: unset;
  font-variant: unset;
  font-variation-settings: 'wght' 300;
  font-weight: 300;
  position-area: unset;
  text-orientation: unset;
  text-rendering: unset;
  text-spacing-trim: unset;
  -webkit-font-smoothing: unset;
  -webkit-locale: unset;
  -webkit-text-orientation: unset;
  -webkit-writing-mode: unset;
  writing-mode: unset;
  zoom: unset;
  accent-color: unset;
  place-content: unset;
  place-items: unset;
  place-self: unset;
  alignment-baseline: unset;
  anchor-name: unset;
  anchor-scope: unset;
  animation-composition: unset;
  animation: unset;
  app-region: unset;
  aspect-ratio: unset;
  backdrop-filter: unset;
  backface-visibility: unset;
  background: unset;
  background-blend-mode: unset;
  baseline-shift: unset;
  baseline-source: unset;
  block-size: unset;
  border-block: unset;
  border: unset;
  border-radius: unset;
  border-collapse: unset;
  border-end-end-radius: unset;
  border-end-start-radius: unset;
  border-inline: unset;
  border-start-end-radius: unset;
  border-start-start-radius: unset;
  inset: unset;
  box-decoration-break: unset;
  box-shadow: unset;
  box-sizing: unset;
  break-after: unset;
  break-before: unset;
  break-inside: unset;
  buffered-rendering: unset;
  caption-side: unset;
  caret-color: unset;
  clear: unset;
  clip: unset;
  clip-path: unset;
  clip-rule: unset;
  color-interpolation: unset;
  color-interpolation-filters: unset;
  color-rendering: unset;
  columns: unset;
  column-fill: unset;
  gap: unset;
  column-rule: unset;
  column-span: unset;
  contain: unset;
  contain-intrinsic-block-size: unset;
  contain-intrinsic-size: unset;
  contain-intrinsic-inline-size: unset;
  container: unset;
  content: unset;
  content-visibility: unset;
  counter-increment: unset;
  counter-reset: unset;
  counter-set: unset;
  cursor: pointer;
  cx: unset;
  cy: unset;
  d: unset;
  display: unset;
  dominant-baseline: unset;
  dynamic-range-limit: unset;
  empty-cells: unset;
  field-sizing: unset;
  fill: unset;
  fill-opacity: unset;
  fill-rule: unset;
  filter: unset;
  flex: unset;
  flex-flow: unset;
  float: unset;
  flood-color: unset;
  flood-opacity: unset;
  grid: unset;
  grid-area: unset;
  height: unset;
  hyphenate-character: unset;
  hyphenate-limit-chars: unset;
  hyphens: unset;
  image-orientation: unset;
  image-rendering: unset;
  initial-letter: unset;
  inline-size: unset;
  inset-block: unset;
  inset-inline: unset;
  interpolate-size: unset;
  isolation: unset;
  letter-spacing: 0.4px;
  lighting-color: unset;
  line-break: unset;
  line-height: 1.25;
  list-style: unset;
  margin-block: unset;
  margin: unset;
  margin-inline: unset;
  marker: unset;
  mask-type: unset;
  math-shift: unset;
  math-style: unset;
  max-block-size: unset;
  max-height: unset;
  max-inline-size: unset;
  max-width: unset;
  min-block-size: unset;
  min-height: unset;
  min-inline-size: unset;
  min-width: unset;
  mix-blend-mode: unset;
  object-fit: unset;
  object-position: unset;
  object-view-box: unset;
  offset: unset;
  opacity: unset;
  order: unset;
  orphans: unset;
  outline: unset;
  outline-offset: unset;
  overflow-anchor: unset;
  overflow-block: unset;
  overflow-clip-margin: unset;
  overflow-inline: unset;
  overflow-wrap: unset;
  overflow: unset;
  overlay: unset;
  overscroll-behavior-block: unset;
  overscroll-behavior-inline: unset;
  overscroll-behavior: unset;
  padding-block: unset;
  padding: unset;
  padding-inline: unset;
  page: unset;
  page-orientation: unset;
  paint-order: unset;
  perspective: unset;
  perspective-origin: unset;
  pointer-events: unset;
  position-try: unset;
  position-visibility: unset;
  print-color-adjust: unset;
  quotes: unset;
  r: unset;
  resize: unset;
  rotate: unset;
  ruby-align: unset;
  ruby-position: unset;
  rx: unset;
  ry: unset;
  scale: unset;
  scroll-behavior: unset;
  scroll-initial-target: unset;
  scroll-margin-block: unset;
  scroll-margin: unset;
  scroll-margin-inline: unset;
  scroll-marker-group: unset;
  scroll-padding-block: unset;
  scroll-padding: unset;
  scroll-padding-inline: unset;
  scroll-snap-align: unset;
  scroll-snap-stop: unset;
  scroll-snap-type: unset;
  scroll-timeline: unset;
  scrollbar-color: unset;
  scrollbar-gutter: unset;
  scrollbar-width: unset;
  shape-image-threshold: unset;
  shape-margin: unset;
  shape-outside: unset;
  shape-rendering: unset;
  size: unset;
  speak: unset;
  stop-color: unset;
  stop-opacity: unset;
  stroke: unset;
  stroke-dasharray: unset;
  stroke-dashoffset: unset;
  stroke-linecap: unset;
  stroke-linejoin: unset;
  stroke-miterlimit: unset;
  stroke-opacity: unset;
  stroke-width: unset;
  tab-size: unset;
  table-layout: unset;
  text-align: unset;
  text-align-last: unset;
  text-anchor: unset;
  text-box: unset;
  text-combine-upright: unset;
  text-decoration: unset;
  text-decoration-skip-ink: unset;
  text-emphasis: unset;
  text-emphasis-position: unset;
  text-indent: unset;
  text-overflow: unset;
  text-shadow: unset;
  text-transform: unset;
  text-underline-offset: unset;
  text-underline-position: unset;
  text-wrap: unset;
  timeline-scope: unset;
  touch-action: unset;
  transform: unset;
  transform-box: unset;
  transform-origin: unset;
  transform-style: unset;
  transition: unset;
  translate: unset;
  user-select: unset;
  vector-effect: unset;
  vertical-align: unset;
  view-timeline: unset;
  view-transition-class: unset;
  view-transition-name: unset;
  visibility: unset;
  border-spacing: unset;
  -webkit-box-align: unset;
  -webkit-box-decoration-break: unset;
  -webkit-box-direction: unset;
  -webkit-box-flex: unset;
  -webkit-box-ordinal-group: unset;
  -webkit-box-orient: unset;
  -webkit-box-pack: unset;
  -webkit-box-reflect: unset;
  -webkit-line-break: unset;
  -webkit-line-clamp: unset;
  -webkit-mask-box-image: unset;
  -webkit-rtl-ordering: unset;
  -webkit-ruby-position: unset;
  -webkit-tap-highlight-color: unset;
  -webkit-text-combine: unset;
  -webkit-text-decorations-in-effect: unset;
  -webkit-text-fill-color: unset;
  -webkit-text-security: unset;
  -webkit-text-stroke: unset;
  -webkit-user-drag: unset;
  white-space-collapse: unset;
  widows: unset;
  width: unset;
  will-change: unset;
  word-break: unset;
  word-spacing: unset;
  x: unset;
  y: unset;
  z-index: unset;
}

@media (min-width: 720px) {
  .srf-comments-comment__action {
    line-height: 1.5;
  }
}

.srf-comments-comment__action:hover {
  color: var(--t-a-color-hover);
}

.srf-comments-comment__action:active {
  color: var(--t-comment-link-disabled);
}

.srf-comments-comment__action--with-border {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid var(--t-comment-border);
}

.srf-comments-comment__count {
  font-weight: 400;
  font-variation-settings: 'wght' 400;
}

@media (min-width: 720px) {
  .srf-comments-comments {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 720px) and (max-width: 1023px) {
  .srf-comments-comments {
    max-width: 654px;
  }
}

@media (min-width: 1024px) {
  .srf-comments-comments {
    max-width: 712px;
  }
}

@media (min-width: 720px) {
  .srf-comments-tabs-container {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 720px) and (max-width: 1023px) {
  .srf-comments-tabs-container {
    max-width: 654px;
  }
}

@media (min-width: 1024px) {
  .srf-comments-tabs-container {
    max-width: 712px;
  }
}

.srf-comments-tabs {
  display: flex;
  height: 100%;
}

.srf-comments-tab-option {
  flex-basis: 50%;
  display: flex;
  align-items: flex-start;
}

@media (min-width: 720px) {
  .srf-comments-tab-option {
    flex-basis: auto;
  }
}

.srf-comments-tab-option__button {
  color-scheme: unset;
  forced-color-adjust: unset;
  mask: unset;
  math-depth: unset;
  position: unset;
  position-anchor: unset;
  text-size-adjust: unset;
  appearance: unset;
  color: var(--t-tab-option);
  font-family: unset;
  font-feature-settings: unset;
  font-kerning: unset;
  font-optical-sizing: unset;
  font-palette: unset;
  font-size: 14px;
  font-size-adjust: unset;
  font-stretch: unset;
  font-style: unset;
  font-synthesis: unset;
  font-variant: unset;
  font-variation-settings: 'wght' 400;
  font-weight: 400;
  position-area: unset;
  text-orientation: unset;
  text-rendering: unset;
  text-spacing-trim: unset;
  -webkit-font-smoothing: unset;
  -webkit-locale: unset;
  -webkit-text-orientation: unset;
  -webkit-writing-mode: unset;
  writing-mode: unset;
  zoom: unset;
  accent-color: unset;
  place-content: unset;
  place-items: unset;
  place-self: unset;
  alignment-baseline: unset;
  anchor-name: unset;
  anchor-scope: unset;
  animation-composition: unset;
  animation: unset;
  app-region: unset;
  aspect-ratio: unset;
  backdrop-filter: unset;
  backface-visibility: unset;
  background: unset;
  background-blend-mode: unset;
  baseline-shift: unset;
  baseline-source: unset;
  block-size: unset;
  border-block: unset;
  border: unset;
  border-radius: unset;
  border-collapse: unset;
  border-end-end-radius: unset;
  border-end-start-radius: unset;
  border-inline: unset;
  border-start-end-radius: unset;
  border-start-start-radius: unset;
  inset: unset;
  box-decoration-break: unset;
  box-shadow: unset;
  box-sizing: unset;
  break-after: unset;
  break-before: unset;
  break-inside: unset;
  buffered-rendering: unset;
  caption-side: unset;
  caret-color: unset;
  clear: unset;
  clip: unset;
  clip-path: unset;
  clip-rule: unset;
  color-interpolation: unset;
  color-interpolation-filters: unset;
  color-rendering: unset;
  columns: unset;
  column-fill: unset;
  gap: unset;
  column-rule: unset;
  column-span: unset;
  contain: unset;
  contain-intrinsic-block-size: unset;
  contain-intrinsic-size: unset;
  contain-intrinsic-inline-size: unset;
  container: unset;
  content: unset;
  content-visibility: unset;
  counter-increment: unset;
  counter-reset: unset;
  counter-set: unset;
  cursor: pointer;
  cx: unset;
  cy: unset;
  d: unset;
  display: unset;
  dominant-baseline: unset;
  dynamic-range-limit: unset;
  empty-cells: unset;
  field-sizing: unset;
  fill: unset;
  fill-opacity: unset;
  fill-rule: unset;
  filter: unset;
  flex-basis: unset;
  flex-flow: unset;
  flex-grow: 1;
  flex-shrink: unset;
  float: unset;
  flood-color: unset;
  flood-opacity: unset;
  grid: unset;
  grid-area: unset;
  height: 40px;
  hyphenate-character: unset;
  hyphenate-limit-chars: unset;
  hyphens: unset;
  image-orientation: unset;
  image-rendering: unset;
  initial-letter: unset;
  inline-size: unset;
  inset-block: unset;
  inset-inline: unset;
  interpolate-size: unset;
  isolation: unset;
  letter-spacing: 0.4px;
  lighting-color: unset;
  line-break: unset;
  line-height: unset;
  list-style: unset;
  margin-block: unset;
  margin: unset;
  margin-inline: unset;
  marker: unset;
  mask-type: unset;
  math-shift: unset;
  math-style: unset;
  max-block-size: unset;
  max-height: unset;
  max-inline-size: unset;
  max-width: unset;
  min-block-size: unset;
  min-height: unset;
  min-inline-size: unset;
  min-width: unset;
  mix-blend-mode: unset;
  object-fit: unset;
  object-position: unset;
  object-view-box: unset;
  offset: unset;
  opacity: unset;
  order: unset;
  orphans: unset;
  outline: unset;
  outline-offset: unset;
  overflow-anchor: unset;
  overflow-block: unset;
  overflow-clip-margin: unset;
  overflow-inline: unset;
  overflow-wrap: unset;
  overflow: unset;
  overlay: unset;
  overscroll-behavior-block: unset;
  overscroll-behavior-inline: unset;
  overscroll-behavior: unset;
  padding-block: unset;
  padding: 0px 16px;
  padding-inline: unset;
  page: unset;
  page-orientation: unset;
  paint-order: unset;
  perspective: unset;
  perspective-origin: unset;
  pointer-events: unset;
  position-try: unset;
  position-visibility: unset;
  print-color-adjust: unset;
  quotes: unset;
  r: unset;
  resize: unset;
  rotate: unset;
  ruby-align: unset;
  ruby-position: unset;
  rx: unset;
  ry: unset;
  scale: unset;
  scroll-behavior: unset;
  scroll-initial-target: unset;
  scroll-margin-block: unset;
  scroll-margin: unset;
  scroll-margin-inline: unset;
  scroll-marker-group: unset;
  scroll-padding-block: unset;
  scroll-padding: unset;
  scroll-padding-inline: unset;
  scroll-snap-align: unset;
  scroll-snap-stop: unset;
  scroll-snap-type: unset;
  scroll-timeline: unset;
  scrollbar-color: unset;
  scrollbar-gutter: unset;
  scrollbar-width: unset;
  shape-image-threshold: unset;
  shape-margin: unset;
  shape-outside: unset;
  shape-rendering: unset;
  size: unset;
  speak: unset;
  stop-color: unset;
  stop-opacity: unset;
  stroke: unset;
  stroke-dasharray: unset;
  stroke-dashoffset: unset;
  stroke-linecap: unset;
  stroke-linejoin: unset;
  stroke-miterlimit: unset;
  stroke-opacity: unset;
  stroke-width: unset;
  tab-size: unset;
  table-layout: unset;
  text-align: unset;
  text-align-last: unset;
  text-anchor: unset;
  text-box: unset;
  text-combine-upright: unset;
  text-decoration: unset;
  text-decoration-skip-ink: unset;
  text-emphasis: unset;
  text-emphasis-position: unset;
  text-indent: unset;
  text-overflow: unset;
  text-shadow: unset;
  text-transform: unset;
  text-underline-offset: unset;
  text-underline-position: unset;
  white-space: nowrap;
  text-wrap-style: unset;
  timeline-scope: unset;
  touch-action: unset;
  transform: unset;
  transform-box: unset;
  transform-origin: unset;
  transform-style: unset;
  transition: unset;
  translate: unset;
  user-select: unset;
  vector-effect: unset;
  vertical-align: unset;
  view-timeline: unset;
  view-transition-class: unset;
  view-transition-name: unset;
  visibility: unset;
  border-spacing: unset;
  -webkit-box-align: unset;
  -webkit-box-decoration-break: unset;
  -webkit-box-direction: unset;
  -webkit-box-flex: unset;
  -webkit-box-ordinal-group: unset;
  -webkit-box-orient: unset;
  -webkit-box-pack: unset;
  -webkit-box-reflect: unset;
  -webkit-line-break: unset;
  -webkit-line-clamp: unset;
  -webkit-mask-box-image: unset;
  -webkit-rtl-ordering: unset;
  -webkit-ruby-position: unset;
  -webkit-tap-highlight-color: unset;
  -webkit-text-combine: unset;
  -webkit-text-decorations-in-effect: unset;
  -webkit-text-fill-color: unset;
  -webkit-text-security: unset;
  -webkit-text-stroke: unset;
  -webkit-user-drag: unset;
  widows: unset;
  width: unset;
  will-change: unset;
  word-break: unset;
  word-spacing: unset;
  x: unset;
  y: unset;
  z-index: unset;
}

@media (min-width: 720px) {
  .srf-comments-tab-option__button {
    font-size: 16px;
    letter-spacing: 0.4px;
    padding: 0px 24px;
  }
}

.srf-comments-tab-option__button:hover {
  color: var(--t-tab-option);
}

.srf-comments-tab-option__button--selected {
  color: var(--t-tab-option-selected);
  border-bottom: 1px solid var(--t-tab-option-selected);
}

.srf-comments-tab-option__button--selected:hover,
.srf-comments-tab-option__button--selected:focus {
  color: var(--t-tab-option-selected);
  border-bottom: 1px solid var(--t-tab-option-selected);
}

.srf-comments-content-wrapper {
  max-height: 0px;
  overflow-y: hidden;
  transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
}

.srf-comments-content-wrapper--expanded {
  max-height: 100%;
  transition: max-height 0.3s ease-in-out;
}

.srf-comments-header-content-wrapper {
  background-color: var(--t-comments-header-bg);
  color: var(--t-comments-header-title);
  font-size: 16px;
  letter-spacing: 0.4px;
  border-bottom: 1px solid var(--t-comment-border);
}

body::before {
  content: 'mobile';
  display: none;
}

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

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

@media (min-width: 1280px) {
  body::before {
    content: 'desktop-wide';
  }
}

:root {
  --t-text-list: rgb(201, 16, 36);
}

:root {
  --t-a-underline: rgb(201, 16, 36);
  --t-a-underline-hover: rgb(141, 6, 20);
  --t-a-underline-active: rgb(106, 11, 12);
}

@media (prefers-color-scheme: dark) {
  :root {
    --t-a-underline: rgb(255, 102, 105);
    --t-a-underline-hover: rgb(255, 145, 147);
    --t-a-underline-active: rgb(255, 187, 188);
  }
}

:root {
  --t-button-label: rgb(34, 33, 29);
  --t-button-label-bg: rgb(235, 235, 229);
  --t-button-label-hover: rgb(218, 218, 210);
}

@media (prefers-color-scheme: dark) {
  :root {
    --t-button-label: rgb(245, 245, 242);
    --t-button-label-bg: rgb(78, 77, 71);
    --t-button-label-hover: rgb(94, 93, 86);
  }
}

:root {
  --t-caret-icon-red-mask: rgb(201, 16, 36);
}

@media (prefers-color-scheme: dark) {
  :root {
    --t-caret-icon-red-mask: rgb(255, 102, 105);
  }
}

#srf-comments {
  --t-comments-header-title: rgb(34, 33, 29);
  --t-comments-header-bg: rgb(250, 250, 248);
  --t-comments-header-button: rgb(107, 105, 96);
  --t-comments-header-button-bg: rgb(255, 255, 255);
  --t-comments-header-button-border: rgb(185, 183, 172);
  --t-comment-border: rgb(235, 235, 229);
  --t-comment-user: rgb(34, 33, 29);
  --t-comment-time: rgb(107, 105, 96);
  --t-comment-content: rgb(34, 33, 29);
  --t-comment-link-disabled: rgb(107, 105, 96);
  --t-comment-reply-icon: rgb(0, 0, 0);
  --t-comment-show-replies-icon: rgb(201, 16, 36);
  --t-tab-option: rgb(107, 105, 96);
  --t-tab-option-selected: rgb(201, 16, 36);
  --t-reply-info: rgb(107, 105, 96);
  --t-reply-info-warn: rgb(201, 16, 36);
  --t-reply-bg: rgb(255, 255, 255);
  --t-reply-border: rgb(185, 183, 172);
  --t-reply-border-on-focus: rgb(78, 77, 71);
  --t-reply-textarea: rgb(56, 55, 50);
  --t-expand-icon-text: rgb(201, 16, 36);
}

#srf-comments:target {
  scroll-margin-top: 100px;
}