.page-wrapper[data-tenant="bild"] {
  --main-tenant-color: #d00;
  --secondary-tenant-color: #d00;
  --secondary-tenant-color-hsl-hover: 0 100% 33%;
  --teaser-linear-gradient: linear-gradient(
    rgba(33, 37, 41, 0),
    rgba(33, 37, 41, 0.7)
  );
  --text-shadow-headline: 0 2px 8px rgba(0, 0, 0, 0.6);
  --ressort-header-font:
    Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow,
    Arial Nova, sans-serif;
  --ressort-header-color: #212529;
  --ressort-header-font-size-lg: 28px;
  --ressort-header-font-size-md: 22px;
  --ressort-header-font-size-sm: 22px;
  --ressort-header-line-height: 1.1;
  --breadcrumb-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --breadcrumb-font-size: 12px;
  --breadcrumb-font-weight: 700;
  --breadcrumb-line-height: 1.4;
  --breadcrumb-letter-spacing: 0;
  --footnote-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --footnote-font-size-sm: 16px;
  --footnote-line-height-sm: 1.3125;
  --footnote-font-size-lg: 18px;
  --footnote-line-height-lg: 1.278;
  --footnote-font-weight: 700;
  --teaser-title-padding-sm: 0 8px 12px;
  --teaser-title-padding-md: 0 12px 16px;
  --teaser-title-padding-lg: 0 12px 16px;
  --teaser-quad-title-padding-md: 0 16px 16px;
  --teaser-quad-title-padding-lg: 0 12px 16px;
  --teaser-mini-quad-title-padding-md: 0 8px 12px;
  --teaser-mini-quad-title-padding-lg: 0 8px 16px;
  --teaser-super-a-title-padding-lg: 0 16px 16px;
  --teaser-b-teaser-title-padding-lg: 0 8px 16px;
  --teaser-bc-teaser-title-padding-lg: 0 8px 16px;
  --teaser-double-a-teaser-title-padding-lg: 0 8px 16px;
  --teaser-a-teaser-mini-title-padding: 0 8px 12px;
  --teaser-title-align-items-overlay: center;
  --teaser-title-text-align-overlay: center;
  --teaser-text-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --teaser-text-font-style: normal;
  --teaser-text-font-size: 18px;
  --teaser-text-line-height: 1.3;
  --teaser-text-font-weight: 400;
  --kicker-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --kicker-font-style: normal;
  --kicker-background-color: #d00;
  --kicker-color: #d00;
  --kicker-0-font-size-lg: 30px;
  --kicker-0-line-height-lg: 1;
  --kicker-0-font-weight-lg: 700;
  --kicker-1-font-size-lg: 24px;
  --kicker-1-line-height-lg: 1;
  --kicker-1-font-weight-lg: 700;
  --kicker-2-font-size-lg: 20px;
  --kicker-2-line-height-lg: 1;
  --kicker-2-font-weight-lg: 700;
  --kicker-3-font-size-lg: 16px;
  --kicker-3-line-height-lg: 1;
  --kicker-3-font-weight-lg: 700;
  --kicker-0-font-size-md: 22px;
  --kicker-0-line-height-md: 1;
  --kicker-0-font-weight-md: 700;
  --kicker-1-font-size-md: 22px;
  --kicker-1-line-height-md: 1;
  --kicker-1-font-weight-md: 700;
  --kicker-2-font-size-md: 18px;
  --kicker-2-line-height-md: 1;
  --kicker-2-font-weight-md: 700;
  --kicker-3-font-size-md: 16px;
  --kicker-3-line-height-md: 1.1;
  --kicker-3-font-weight-md: 700;
  --kicker-0-font-size-sm: 18px;
  --kicker-0-line-height-sm: 1.1;
  --kicker-0-font-weight-sm: 700;
  --kicker-1-font-size-sm: 18px;
  --kicker-1-line-height-sm: 1.1;
  --kicker-1-font-weight-sm: 700;
  --kicker-2-font-size-sm: 16px;
  --kicker-2-line-height-sm: 1.1;
  --kicker-2-font-weight-sm: 700;
  --kicker-3-font-size-sm: 14px;
  --kicker-3-line-height-sm: 1.1;
  --kicker-3-font-weight-sm: 700;
  --headline-font:
    Gotham Cond, HelveticaNeue-CondensedBold, Helvetica Neue, Franklin Gothic,
    sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
  --headline-font-style: normal;
  --headline-color: #212529;
  --headline-padding-lg: 0 16px;
  --headline-text-align-lg: center;
  --headline-text-align-md: center;
  --headline-text-align-sm: center;
  --headline-1-font-size-lg: 100px;
  --headline-1-line-height-lg: 1;
  --headline-1-font-weight-lg: 700;
  --headline-2-font-size-lg: 64px;
  --headline-2-line-height-lg: 1;
  --headline-2-font-weight-lg: 700;
  --headline-3-font-size-lg: 40px;
  --headline-3-line-height-lg: 1;
  --headline-3-font-weight-lg: 700;
  --headline-4-font-size-lg: 32px;
  --headline-4-line-height-lg: 1;
  --headline-4-font-weight-lg: 600;
  --headline-1-font-size-md: 72px;
  --headline-1-line-height-md: 1;
  --headline-1-font-weight-md: 700;
  --headline-2-font-size-md: 48px;
  --headline-2-line-height-md: 1;
  --headline-2-font-weight-md: 700;
  --headline-3-font-size-md: 36px;
  --headline-3-line-height-md: 1;
  --headline-3-font-weight-md: 700;
  --headline-4-font-size-md: 26px;
  --headline-4-line-height-md: 1;
  --headline-4-font-weight-md: 600;
  --headline-1-font-size-sm: 48px;
  --headline-1-line-height-sm: 1;
  --headline-1-font-weight-sm: 700;
  --headline-2-font-size-sm: 48px;
  --headline-2-line-height-sm: 1;
  --headline-2-font-weight-sm: 700;
  --headline-3-font-size-sm: 32px;
  --headline-3-line-height-sm: 1;
  --headline-3-font-weight-sm: 700;
  --headline-4-font-size-sm: 22px;
  --headline-4-line-height-sm: 1;
  --headline-4-font-weight-sm: 600;
  --sub-headline-font:
    Gotham Cond, HelveticaNeue-CondensedBold, Helvetica Neue, Franklin Gothic,
    sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
  --sub-headline-font-style: normal;
  --sub-headline-color: #212529;
  --sub-headline-text-align-lg: center;
  --sub-headline-text-align-md: center;
  --sub-headline-text-align-sm: center;
  --sub-headline-1-font-size-lg: 36px;
  --sub-headline-1-line-height-lg: 1;
  --sub-headline-1-font-weight-lg: 700;
  --sub-headline-1-font-size-md: 32px;
  --sub-headline-1-line-height-md: 1;
  --sub-headline-1-font-weight-md: 700;
  --sub-headline-1-font-size-sm: 24px;
  --sub-headline-1-line-height-sm: 1;
  --sub-headline-1-font-weight-sm: 700;
  --sub-headline-padding-sm: 0 8px;
  --sub-headline-padding-md: 0 12px;
  --sub-headline-padding-lg: 0 16px;
  --cross-heading-color: #212529;
  --cross-heading-underline-color: #d00;
  --news-ticker-time-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --news-ticker-time-font-size-lg: 18px;
  --news-ticker-time-font-size-md: 16px;
  --news-ticker-time-font-size-sm: 16px;
  --news-ticker-spacing-sm: 22px;
  --news-ticker-spacing-md: 22px;
  --news-ticker-spacing-lg: 22px;
  --footer-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --footer-hover-color: #f52d2d;
  --button-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --button-font-style: normal;
  --button-1-font-size: 17px;
  --button-1-line-height: 1;
  --button-2-font-size: 15px;
  --button-2-line-height: 1;
  --special-navi-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --special-navi-hover-color-text: #212529;
  --special-navi-hover-color-line: #d00;
  --countdown-card-font:
    Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow,
    Arial Nova, sans-serif;
  --countdown-label-font:
    Gotham Cond, HelveticaNeue-CondensedBold, Helvetica Neue, Franklin Gothic,
    sans-serif-condensed, Arial Narrow, Arial Nova, sans-serif;
  --countdown-card-size-sm: 60px;
  --countdown-card-size-md: 90px;
  --countdown-card-size-lg: 135px;
  --live-ticker-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --live-ticker-icon-color: #212529;
  --breaking-news-headline-font:
    Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow,
    Arial Nova, sans-serif;
  --breaking-news-headline-background-color: #fd8227;
  --breaking-news-headline-color-1: #212529;
  --breaking-news-headline-color-2: #212529;
  --breaking-news-content-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --breaking-news-content-color: #fff;
  --breaking-news-content-background-color: #212529;
  --breaking-news-content-font-size: 21px;
  --breaking-news-headline-1-font-size-sm: 13px;
  --breaking-news-headline-1-font-size-md: 17px;
  --breaking-news-headline-2-font-size-sm: 23px;
  --breaking-news-headline-2-font-size-md: 30px;
  --video-recommendation-teaser-title-text-align: center;
  --video-recommendation-placeholder: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' viewBox='0 0 80 80'%3E%3Cpath d='M63.6692 63.6468H60.4837V27.1516L63.6708 27.1516V63.6452L63.6692 63.6468Z' fill='%23868E96'/%3E%3Cpath d='M19.4337 63.6468H16.2482V41.9145L19.4337 41.9145L19.4337 63.6468Z' fill='%23868E96'/%3E%3Cpath d='M19.4337 34.2097H16.2482V16.2791L19.4337 16.279L19.4337 34.2097Z' fill='%23868E96'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H80V80H0V0ZM63.6692 8.50644V19.4613H56.1176C55.2238 19.4702 54.3697 19.8321 53.7416 20.4681C53.1134 21.1041 52.7622 21.9626 52.7644 22.8564L52.7547 68.0371C52.7536 68.4826 52.8405 68.9239 53.0102 69.3358C53.1799 69.7476 53.4293 70.122 53.7439 70.4373C54.0585 70.7527 54.4323 71.0029 54.8437 71.1737C55.2552 71.3444 55.6963 71.4323 56.1418 71.4323L71.4386 71.4532V8.50644H63.6692ZM41.6434 8.50807H49.4031V71.4532H41.6434V8.50807ZM23.8031 8.50809H8.49176V71.4323H23.7885C24.2333 71.4312 24.6736 71.3426 25.0841 71.1714C25.4946 71.0002 25.8674 70.7498 26.1812 70.4345C26.495 70.1193 26.7436 69.7453 26.9128 69.3339C27.0821 68.9226 27.1686 68.4819 27.1676 68.0371V40.7355C27.1642 39.7899 26.7864 38.8842 26.1168 38.2165C25.4473 37.5488 24.5406 37.1735 23.595 37.1726H23.9321C24.7873 37.1752 25.6086 36.838 26.2153 36.2352C26.8221 35.6324 27.1646 34.8133 27.1676 33.9581V11.9049C27.1701 11.0088 26.8175 10.1482 26.1869 9.51152C25.5563 8.87487 24.6991 8.51406 23.8031 8.50809ZM30.5257 8.50807H38.2854V16.279H30.5257V8.50807ZM38.2854 19.4661H30.5257V71.4532H38.2854V19.4661Z' fill='%23868E96'/%3E%3C/svg%3E");
  --video-recommendation-content-text-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --video-recommendation-content-text-font-size-md: 16px;
  --video-recommendation-content-text-line-height-md: 1.3125;
  --video-recommendation-content-text-font-size-lg: 18px;
  --video-recommendation-content-text-line-height-lg: 1.2777;
  --video-banner-font-size-sm: 12px;
  --video-banner-font-size-md: 16px;
  --video-banner-font-size-lg: 18px;
  --video-banner-font-size-xl: 18px;
  --article-kicker-text-align-sm: center;
  --article-kicker-text-align-md: center;
  --article-kicker-text-align-lg: center;
  --article-author-font:
    Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow,
    Arial Nova, sans-serif;
  --article-author-text-color: #212529;
  --article-author-font-size-lg: 16px;
  --article-author-line-height-lg: 1.3125;
  --article-author-font-size-md: 14px;
  --article-author-line-height-md: 1.2857;
  --article-author-font-size-sm: 12px;
  --article-author-line-height-sm: 1.3333;
  --body-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --body-color: #212529;
  --body-font-size: 21px;
  --body-line-height-lg: 1.5238;
  --body-line-height-sm: 1.3333;
  --article-figure-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --article-figure-caption-color: #212529;
  --article-figure-caption-font-size-lg: 18px;
  --article-figure-caption-line-height-lg: 1.375;
  --article-figure-caption-font-size-md: 18px;
  --article-figure-caption-line-height-md: 1.375;
  --article-figure-caption-font-size-sm: 16px;
  --article-figure-caption-line-height-sm: 1.2;
  --article-figure-meta-color: #495057;
  --article-figure-meta-line-height-lg: 1.2777777778;
  --article-figure-meta-line-height-sm: 1.3125;
  --article-figure-meta-font-size-lg: 18px;
  --article-figure-meta-font-size-sm: 16px;
  --caption-font:
    Gotham, Avenir Next, Helvetica Neue, sans-serif-black, Arial Narrow,
    Arial Nova, sans-serif;
  --caption-font-weight: 800;
  --caption-color: #212529;
  --caption-1-line-height-lg: 1.3;
  --caption-1-line-height-md: 1.3;
  --caption-1-line-height-sm: 1.3;
  --caption-1-uppercase-line-height: 1.1;
  --caption-1-font-size-lg: 20px;
  --caption-1-font-size-md: 18px;
  --caption-1-font-size-sm: 16px;
  --live-ticker-btn-size: 17px;
  --live-ticker-btn-line-height: 1.2;
  --live-ticker-btn-color: #d00;
  --cta-button-background-color: #d00;
  --cta-button-background-color-hover: #a00;
  --text-link-underline-color: #d00;
  --text-link-hover-color: #212529;
  --quotation-color: #fff;
  --quotation-background-color: #d00;
  --label-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --label-font-size: 12px;
  --label-font-weight: 700;
  --label-line-height: 1.2;
  --titled-icon-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --titled-icon-font-weight: 400;
  --titled-icon-font-size-sm: 12px;
  --titled-icon-font-height-sm: 1.17;
  --titled-icon-font-size-lg: 12px;
  --titled-icon-font-height-lg: 1.17;
  --nav-btn-font-size: 15px;
  --nav-btn-line-height: 3.2;
  --nav-btn-letter-spacing: 0;
  --nav-btn-padding: 0;
  --nav-btn-color: #495057;
  --nav-btn-color-hover: #212529;
  --nav-btn-background-color-hover: #d00;
  --nav-btn-border-color: #ced4da;
  --nav-btn-mobile-icon-color: #495057;
  --nav-btn-mobile-font-size: 17px;
  --nav-btn-mobile-line-height: 2.8235294118;
  --nav-btn-mobile-letter-spacing: 0;
  --nav-btn-ad-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --nav-btn-ad-font-size: 15px;
  --nav-btn-ad-line-height: 2.4;
  --nav-btn-ad-title-font: Arial Narrow, Arial Nova, sans-serif;
  --nav-btn-ad-title-font-size: 12px;
  --nav-btn-ad-title-line-height: 1.25;
  --nav-menu-back-color: #fff;
  --nav-menu-box-shadow-color: #e9ecef;
  --nav-menu-overflow-y: visible;
  --nav-menu-width: 828px;
  --nav-menu-padding: 12px 0 0 0;
  --nav-menu-logo-padding: 8px;
  --nav-fixed-menu-width: 920px;
  --nav-fixed-menu-padding-left: 0;
  --nav-fixed-menu-line-height: 3.7333333333;
  --nav-menu-util-padding-right: 0;
  --nav-menu-mobile-back-color: rgba(33, 37, 41, 0.6);
  --nav-burger-menu-color: #495057;
  --stage-feed-choice-chip-color: #212529;
  --stage-feed-choice-chip-background-color-hover: #af0000;
  --stage-feed-cross-heading-bottom-separator-color: #d00;
  --stage-feed-description-color: #495057;
  --stage-feed-item-marks-color: #495057;
  --stage-feed-item-mark-height: 23px;
  --navi-font:
    Gotham XNarrow, Avenir Next Condensed, sans-serif-condensed, Arial Narrow,
    Arial Nova, sans-serif;
  --navi-font-style: normal;
  --navi-highlight-color: #212529;
} /*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
  scroll-behavior: smooth;
  scroll-padding-top: 30%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
a {
  background-color: transparent;
}
b,
strong {
  font-weight: bolder;
}
img {
  border-style: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.page-header {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  height: 72px;
  left: 0;
  pointer-events: none;
  position: sticky;
  right: 0;
  top: 0;
  z-index: 651;
}
.page-header *,
.page-header :after,
.page-header :before {
  box-sizing: inherit;
}
.page-header img {
  max-width: 100%;
  vertical-align: middle;
}
@media (min-width: 64em) {
  .page-header {
    height: 160px;
    width: 1024px;
  }
}
[class*="ad-wrapper--mrec_btf"].ad-wrapper--mark:after {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 11px;
}
[class*="ad-wrapper--mrec_btf"].ad-wrapper--mark:after {
  color: #495057;
  content: "Anzeige";
  display: block;
  font-family:
    Gotham XNarrow,
    Avenir Next Condensed,
    sans-serif-condensed,
    Arial Narrow,
    Arial Nova,
    sans-serif;
  height: 24px;
  text-align: center;
  text-transform: uppercase;
}
.ad-wrapper {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}
.ad-wrapper :after,
.ad-wrapper :before {
  box-sizing: inherit;
  margin: 0;
}
@media print {
  .ad-wrapper {
    display: none;
  }
}
@supports (--css: variables) {
}
.checkbox__input:focus-visible {
  outline: 5px auto -webkit-focus-ring-color;
}
.page-footer {
  margin: 0 auto;
  max-width: 488px;
  padding: 0 8px 60px;
}
@media (min-width: 37.5em) {
  .page-footer {
    padding: 0 0 60px;
  }
}
@media (min-width: 64em) {
  .page-footer {
    padding: 0 0 80px;
  }
}
@media print {
  .page-footer {
    display: none;
  }
}
.switch__input:focus-visible {
  outline: 5px auto -webkit-focus-ring-color;
}
.article-body {
  margin-bottom: 8px;
  padding: 0 16px;
}
@media (min-width: 37.5em) {
  .article-body {
    margin-bottom: 12px;
    padding: 0 72px;
  }
}
@media (min-width: 64em) {
  .article-body {
    margin-bottom: 16px;
    padding: 0 162px;
  }
}
.article-body > p {
  color: var(--body-color);
  font-family: var(--body-font);
  font-size: var(--body-font-size);
  line-height: var(--body-line-height-sm);
  padding-bottom: 16px;
  white-space: pre-line;
}
@media (min-width: 64em) {
  .article-body > p {
    line-height: var(--body-line-height-lg);
    padding-bottom: 32px;
  }
}
.article-body--conversion {
  margin-bottom: 0;
}
@media (min-width: 37.5em) {
  .article-body--conversion {
    margin-bottom: 0;
  }
}
.article-title {
  margin: 0 0 16px;
  padding: 0 16px;
}
@media (min-width: 37.5em) {
  .article-title {
    margin: 0 0 24px;
    padding: 0 72px;
  }
}
@media (min-width: 64em) {
  .article-title {
    margin: 0 0 32px;
    padding: var(--headline-padding-lg);
  }
}
.page-wrapper {
  margin: 0 auto;
  max-width: 1024px;
  position: relative;
}
.page-content {
  background-color: #fff;
  position: relative;
}
.main-content {
  margin: 8px 0 40px;
}
@media (min-width: 37.5em) {
  .main-content {
    margin: 12px 0 60px;
  }
}
@media (min-width: 64em) {
  .main-content {
    margin: 16px 0 80px;
  }
}

html {
  box-sizing: border-box;
}
*,
:after,
:before {
  box-sizing: inherit;
  margin: 0;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a:active,
a:focus,
a:hover {
  -webkit-tap-highlight-color: transparent;
}
a[href] {
  touch-action: manipulation;
}
a > * {
  pointer-events: none;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
@media print {
  img {
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: avoid;
  }
}
[class*="ad-wrapper--mrec_btf"] {
  margin-top: 8px;
}
@media (min-width: 37.5em) {
  [class*="ad-wrapper--mrec_btf"] {
    margin-top: 12px;
  }
}
@media (min-width: 64em) {
  [class*="ad-wrapper--mrec_btf"] {
    margin-top: 16px;
  }
}
h1,
h2 {
  margin-bottom: 8px;
  font-family: Gotham XNarrow;
}
h2 {
  font-size: 28px;
}
.article-body p a,
.article-body li a {
  color: #d10a10;
  text-decoration: none;
  font-weight: 600;
}
@media print {
  body {
    display: none !important;
  }
}
:root {
  --mainColor: linear-gradient(98deg, #df48e1, #7b0083);
  --text: #000000;
  --input-color: #000;
  --valid-input-color: #000;
}
.button-link {
  display: block;
  margin: 1.8rem auto;
  width: 300px;
  padding: 1rem 0;
  text-align: center;
  background-color: #00605c;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  transition: 0.3s;
  font-family: sans-serif;
  font-weight: 700;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.button-link:hover {
  transform: translateY(5px);
  color: #fff;
}

:root {
  --text-color: #1d2228;
  --blue: #052962;
  --white: #ffffff;
  --box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}

.article-body > p {
  padding-bottom: 15px;
}

.article-body ul > li,
.article-body ol > li {
  color: var(--body-color);
  font-family: var(--body-font);
  font-size: var(--body-font-size);
  line-height: var(--body-line-height-sm);
  padding-bottom: 16px;
  white-space: normal;
}

a {
  text-decoration: none !important;
}

.button-link {
  display: block;
  margin: 1.8rem auto;
  width: 300px;
  padding: 1rem 0;
  text-align: center;
  background-color: #00605c;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  transition: 0.3s;
  font-family: sans-serif;
  font-weight: 700;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.button-link:hover {
  color: #fff !important;
  background-color: #444;
}

.vertical-line-text {
  position: relative;
  font-style: italic;
  /* Makes text italic */
  padding-left: 20px;
  /* Text offset from the line */
  font-size: 18px;
  /* Font size */
  color: #333;
  /* Text color */
}

.vertical-line-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  /* Line width */
  height: 100%;
  /* Line height */
  background-color: red;
  /* Line color */
}

.timer-card {
  margin: 0 auto !important;
  width: 320px;
  height: 120px;
  background: linear-gradient(97.23deg, #00a2ff 0%, #8262f5 100%);
  box-shadow:
    0px 38px 15px rgba(0, 0, 0, 0.01),
    0px 21px 13px rgba(0, 0, 0, 0.05),
    0px 10px 10px rgba(0, 0, 0, 0.09),
    0px 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 10px;
  color: #fff;
  text-align: center;
}

#timer {
  font-size: 30px;
  margin-top: 5px;
}

@media (max-width: 340px) {
  .timer-card {
    margin: 0 auto;
    width: 280px;
    height: 120px;
    background: linear-gradient(97.23deg, #00a2ff 0%, #8262f5 100%);
    box-shadow:
      0px 38px 15px rgba(0, 0, 0, 0.01),
      0px 21px 13px rgba(0, 0, 0, 0.05),
      0px 10px 10px rgba(0, 0, 0, 0.09),
      0px 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    text-align: center;
  }
}

.timer-card {
  margin: 0 auto;
  width: 320px;
  height: 120px;
  background: linear-gradient(97.23deg, #00a2ff 0%, #8262f5 100%);
  box-shadow:
    0px 38px 15px rgba(0, 0, 0, 0.01),
    0px 21px 13px rgba(0, 0, 0, 0.05),
    0px 10px 10px rgba(0, 0, 0, 0.09),
    0px 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 10px;
  color: #fff;
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 550px;
  width: 100%;
  padding: 20px;
  border-radius: 20px;
  position: relative;
  background-color: #1a1a1a;
  color: #fff;
  border: 1px solid #333;
  margin: 0 auto;
  margin-top: 30px;
}

.form .title {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -1px;
  position: relative;
  display: flex !important;
  align-items: center !important;
  padding-left: 30px;
  color: #00bfff;
}

.form .title::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  border-radius: 50%;
  left: 0px;
  background-color: #00bfff;
}

.form .title::after {
  animation: pulse 1s linear infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }

  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

/*=============COMMENTS==============*/
.comment {
  /*    margin-top: 2rem;*/
  margin-bottom: 2rem;
}

.comment-content {
  display: flex;
  flex-direction: column;
}

.comment-block {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
  border-top: 1px solid #767d843c;
  padding-top: 0.5rem;
}

.comment-block-answer {
  margin-left: 4rem;
}

.block-avatar {
  margin-right: 1rem;
}

.block-avatar img {
  border-radius: 50%;
  width: 50px;
}

.block-info {
  width: 100%;
}

.block-info-comment {
  position: relative;
}

.block-info-comment__svg {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  font-size: 0.8rem;
}

.block-info-comment__svg svg {
  background-color: #62626237;
  border-radius: 50%;
  fill: #303030;
  width: 20px;
  padding: 5px;
}

.block-info-comment__name {
  font-weight: 700;
  color: #000;
  padding-bottom: 1rem;
  font-size: 1.08em;
}

.block-info-comment__name span {
  font-size: 0.9rem;
  font-weight: normal;
  color: #30303093;
  padding-left: 0.5rem;
}

.block-info-line {
  display: flex;
  flex-direction: column;
}

.block-info-line__like {
  display: flex;
  justify-content: flex-end;
  color: #626262;
  font-weight: normal;
  font-size: 0.7rem;
}

.block-info-comment {
  position: relative;
  font-family: sans-serif;
  line-height: 1.3;
  font-size: 1.1em;
}

.block-info-comment__svg,
.block-info-line {
  display: none;
}

/* .check div {
            padding-top: 0;
            border: none;
            } */

.comments {
  position: relative;
  margin: 20px 5px;
  font-family: sans-serif;
}

@media screen and (max-width: 599px) {
  .comments {
    margin: 20px 10px;
  }
}

.comments .comments__anchor {
  position: absolute;
  top: -80px;
}

.comments .comments__header {
  display: block;
}

.comments .comments__header-title {
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  background-color: #000000;
  color: #fff;
  font-family: helvetica, sans-serif;
  font-size: 16px;
  line-height: 34px;
  text-transform: uppercase;
  font-weight: bold;
}

@media screen and (max-width: 599px) {
  .comments .comments__header-title {
    font-size: 1em;
    line-height: 30px;
  }
}

.comments .comments__header-title svg {
  margin-right: 5px;
  vertical-align: middle;
  fill: currentColor;
}

@media screen and (max-width: 599px) {
  .comments .comments__header-title svg {
    width: 17px;
    height: 16px;
  }
}

.comments .comments__login {
  padding: 10px;
  background-color: #f5f5f5;
}

.comments .comments__login-textareabutton {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px;
  height: 132px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  color: #999;
  text-decoration: none;
}

.comments .comments__login-textareabutton .comment-form__input-counter {
  position: absolute;
  right: 0;
  bottom: 0;
}

.comments .comment-form__input-counter {
  display: block;
  margin: 0;
  padding: 10px;
  background-color: #fff;
  color: #999;
  font-size: 0.75em;
  text-align: right;
}

@media screen and (max-width: 599px) {
  .comments .comment-form__input-counter {
    font-size: 0.65em;
  }
}

.comments .comment-form__button {
  text-decoration: none;
  color: #fff;
  margin-top: 10px;
  padding: 12px 10px;
  background-color: #00605c;
  line-height: 1;
  font-size: 16px;
  font-weight: 900;
}

.comments .comment-form__button:visited {
  color: #fff;
}

.comments .comment-form__button:focus,
.comments .comment-form__button:hover {
  color: #fff;
  text-decoration: none;
}

.comments .comments__more-trigger-wrapper {
  margin-top: 10px;
}

.button--list-block {
  text-decoration: none;
  color: #292929;
  display: block;
  width: 100%;
  padding: 10px;
  border: 0;
  border-radius: 5px;
  background-color: #f1ebe5;
  font-family:
    flamaprosemicond-bold,
    arial,
    helvetica neue,
    helvetica,
    sans-serif;
  font-size: 1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.button--list-block span {
  font-size: 16px;
  font-weight: 900;
}

.button--list-block svg {
  margin-left: 5px;
  fill: currentColor;
}

.article-body > p {
  padding-bottom: 0px;
}

.article-body > p {
  color: var(--body-color);
  font-family: var(--body-font);
  font-size: var(--body-font-size);
  line-height: var(--body-line-height-sm);
  padding-bottom: 16px;
  white-space: normal;
}

h2 {
  margin-bottom: 25px;
  font-family: Gotham XNarrow;
}

.mob_header {
  display: none;
}
.pc_header {
  width: 100%;
}
.mob_footer {
  display: none;
}
.pc_footer {
  width: 100%;
}
.content {
  display: flex;
}
.side_img {
  width: 300px;
  height: fit-content;
}
@media (max-width: 767px) {
  .page-header {
    height: fit-content;
  }
  .mob_header {
    width: 100%;
    display: block;
  }
  .pc_header {
    display: none;
  }
  .mob_footer {
    width: 100%;
    display: block;
  }
  .pc_footer {
    display: none;
  }
  .side_img {
    display: none;
  }
  .content {
    padding: 30px;
  }
  h1 {
    font-size: 26px;
  }
}
.page-header {
  position: relative;
}
.page-footer {
  width: 100%;
  padding: 0 !important;
  max-width: 100%;
}
.article-body {
  padding: 0 !important;
}
@font-face {
  font-family: "text";
  src: url("/fonts/Pratt-Nova.woff2");
}
@font-face {
  font-family: "bold";
  src: url("/fonts/Pratt-Bold.woff2");
}
* {
  font-family: "text" !important;
  text-align: left !important;
}