:root {
  --scred-07: #c9181f;
  --primary-red: #ed1c24;
  --scred-03: #f79da1;
  --scred-02: #fbc9ca;
  --vcred-07: #a30b0b;
  --secondary-red: #c00d0d;
  --tertiair-red: #9c1006;
  --neutral-05: #858c94;
  --neutral-black: #09101d;
  --black-12: 0, 0, 0;
  --gray-12: #121212;
  --gray-11: #333;
  --gray-10: #666;
  --gray-09: #999;
  --gray-08: #ccc;
  --gray-07: #eee;
  --off-white: #f5f5f5;
  --black: #000;
  --white: #fff;
  --gold: #bb9753;
  --status-success: #287d3c;
  --status-success-bg: #edf9f0;
  --status-warning: #b95000;
  --status-warning-bg: #fff4ec;
  --status-error: #da1414;
  --status-error-bg: #feefef;
  --status-info: #2e5aac;
  --status-info-bg: #eef2fa;
  --palm: 375px;
  --lap: 580px;
  --desk: 960px;
  --desk-large: 1280px;
  --wall: 1920px;
  --full-bleed-shadow: 0 0 0 100vmax;
  --full-bleed-path: polygon(
    -100vmax 0,
    100vmax 0,
    100vmax 100%,
    -100vmax 100%
  );
}
@layer reset,defaults,components;
@layer reset {
  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }
  body,
  h1,
  h2,
  h3,
  h4,
  p,
  figure,
  blockquote,
  dl,
  dd {
    margin: 0;
  }
  ul[role="list"],
  ol[role="list"] {
    list-style: none;
  }
  html:focus-within {
    scroll-behavior: smooth;
  }
  body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    background-color: var(--gray-07);
  }
  a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
  }
  a:not([class]):hover {
    text-decoration: none;
  }
  img,
  picture {
    height: auto;
    max-width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
  }
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
}
@layer reset {
  @media (prefers-reduced-motion: reduce) {
    html:focus-within {
      scroll-behavior: auto;
    }
    *,
    *:before,
    *:after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}
@layer defaults {
  @font-face {
    font-family: psv-condensed;
    src: url(../fonts/PSVCondensedweb/PSVCondensed-Bold.otf) format("opentype");
    font-display: fallback;
  }
  @font-face {
    font-family: psv-branding;
    src: url(../fonts/PSVBranding-BoldItalic.otf) format("opentype");
    font-display: fallback;
  }
  @font-face {
    font-family: psv-sans;
    src: url(../fonts/PSVSans-Regular.otf) format("opentype");
    font-weight: 400;
    font-display: fallback;
  }
  @font-face {
    font-family: psv-sans;
    src: url(../fonts/PSVSans-Bold.otf) format("opentype");
    font-weight: 700;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika;
    src: url(../fonts/Klavika/Klavika-Light.otf) format("opentype");
    font-weight: 300;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika;
    src: url(../fonts/Klavika/Klavika-LightItalic.otf) format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika;
    src: url(../fonts/Klavika/Klavika-Regular.otf) format("opentype");
    font-weight: 400;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika;
    src: url(../fonts/Klavika/Klavika-RegularItalic.otf) format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika;
    src: url(../fonts/Klavika/Klavika-Medium.otf) format("opentype");
    font-weight: 500;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika;
    src: url(../fonts/Klavika/Klavika-MediumItalic.otf) format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika;
    src: url(../fonts/Klavika/Klavika-Bold.otf) format("opentype");
    font-weight: 700;
  }
  @font-face {
    font-family: klavika;
    src: url(../fonts/Klavika/Klavika-BoldItalic.otf) format("opentype");
    font-weight: 700;
    font-style: italic;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika-condensed;
    src: url(../fonts/KlavikaCondensed/Klavika-LightCond.otf) format("opentype");
    font-weight: 300;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika-condensed;
    src: url(../fonts/KlavikaCondensed/Klavika-LightCondItalic.otf)
      format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika-condensed;
    src: url(../fonts/KlavikaCondensed/Klavika-RegularCond.otf)
      format("opentype");
    font-weight: 400;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika-condensed;
    src: url(../fonts/KlavikaCondensed/Klavika-RegularCondItalic.otf)
      format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika-condensed;
    src: url(../fonts/KlavikaCondensed/Klavika-MediumCond.otf)
      format("opentype");
    font-weight: 500;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika-condensed;
    src: url(../fonts/KlavikaCondensed/Klavika-MediumCondItalic.otf)
      format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika-condensed;
    src: url(../fonts/KlavikaCondensed/Klavika-MediumCond.otf)
      format("opentype");
    font-weight: 700;
    font-display: fallback;
  }
  @font-face {
    font-family: klavika-condensed;
    src: url(../fonts/KlavikaCondensed/Klavika-MediumCondItalic.otf)
      format("opentype");
    font-weight: 700;
    font-style: italic;
    font-display: fallback;
  }
  @font-face {
    font-family: psv-shirts;
    src: url(../fonts/PSVShirts20222023-Bold.otf) format("opentype");
    font-display: fallback;
  }
}
@layer defaults {
  body {
    font-family: klavika, sans-serif;
    font-size: clamp(0.75rem, 0.875rem, 1rem);
    line-height: 1.25rem;
  }
  .branding.branding--large {
    font-size: 52px;
    line-height: 44px;
  }
  .branding {
    padding: 0;
    background: none;
    font-family: psv-branding, sans-serif;
    text-transform: uppercase;
    font-size: 38px;
    line-height: 32px;
  }
  .branding.branding--small {
    font-size: 26px;
    line-height: 22px;
  }
  h1,
  h2,
  h3 {
    line-height: 1.125;
    text-transform: uppercase;
    font-family: psv-condensed, sans-serif;
    font-weight: 500;
  }
  h1 {
    font-size: 36px;
    line-height: 1.1;
  }
  h2 {
    font-size: 26px;
    line-height: 1.1;
  }
  h3 {
    font-size: 22px;
    line-height: 1.1;
  }
  strong {
    font-weight: 700;
  }
  p,
  .text,
  .maincontent :is(table, li) {
    font-family: psv-sans, sans-serif;
    font-size: 1.125rem;
    line-height: 1.35;
  }
  blockquote {
    font-family: psv-sans, sans-serif;
    font-size: 1.5em;
  }
  label {
    font-family: psv-sans, sans-serif;
    font-size: 0.75rem;
    line-height: 1;
    font-weight: 700;
  }
  a,
  button {
    font-family: psv-condensed, sans-serif;
    font-size: 20px;
    line-height: 1;
  }
  .alignleft {
    text-align: left;
  }
  .alignright {
    text-align: right;
  }
  .aligncenter {
    text-align: center;
  }
}
@layer defaults {
  @media (min-width: 960px) {
    .branding.branding--large {
      font-size: 96px;
      line-height: 82px;
    }
    .branding {
      font-size: 52px;
      line-height: 44px;
    }
  }
}
@layer defaults;
@layer defaults {
  html {
    overflow-x: hidden;
    scroll-padding-top: 70px;
  }
  main,
  #main-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
  }
  #main {
    outline: 0;
  }
  main {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #main-wrapper {
    margin-bottom: auto;
  }
  #container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
  main .editableContainer {
    width: 100%;
    max-width: 1248px;
    margin: 0 auto;
    padding-inline: 16px;
  }
  section {
    display: flex;
    flex-direction: column;
    padding: 35px 16px 30px 36px;
    gap: 30px;
    background: var(--white);
  }
  section.noheader {
    padding-top: 0;
    background: none;
  }
  .incontext .editableContainer {
    min-width: 98%;
    margin: 0;
  }
  .hide,
  .displayNone {
    display: none;
  }
  .bcposition {
    display: flex;
    justify-content: center;
  }
  img[height="0"] {
    height: 0;
  }
  .bcpositioninline,
  .bcposition_overview_bottom,
  .bcposition-article-bottom > :last-child {
    margin-bottom: 40px;
  }
  .bcposition-footer > :first-child,
  .bcposition-bottom > :first-child {
    margin-top: 40px;
  }
  .bcposition-footer :is(a, img) {
    width: 100%;
  }
  .bcposition-footer > :last-child {
    margin-bottom: -75px;
  }
  .contentpage .maincontent .bcposition-bottom {
    margin-inline: -1rem;
  }
  .bcposition_overview_bottom > :first-child {
    margin-top: -20px;
  }
  [class*="bcposition-matchcenter-"] {
    margin-top: -25px;
    margin-bottom: 25px;
  }
  .bcposition_match_right {
    flex-direction: column;
    gap: 25px;
    margin-top: 50px;
  }
  .bcposition:empty {
    display: none;
  }
  .rte_container .bcpositioninline {
    display: flex;
  }
  .rte_container .bcpositioninline:before {
    content: "Blueconic placeholder";
  }
  .rte_container .layoutpart {
    border: red 1px dashed;
  }
  .rte_container .layoutpart__image .embedded_wcbelement:after {
    content: "Dubbelklik hier om afbeelding te bewerken";
    color: var(--white);
  }
}
@layer defaults {
  @media (min-width: 960px) {
    main .editableContainer {
      padding-inline: 56px;
    }
    .bcpositioninline,
    .bcposition-article-bottom > :last-child {
      margin-bottom: 64px;
    }
    .bcposition-footer > :first-child,
    .bcposition-bottom > :first-child {
      margin-top: 64px;
    }
    .contentpage .maincontent .bcposition-bottom {
      margin-inline: -2rem;
    }
    .bcposition_overview_bottom {
      margin-bottom: 100px;
    }
  }
}
@layer defaults;
@layer components;
@layer components {
  blockquote {
    border-left: 5px solid var(--primary-red);
    max-width: 75ch;
    padding-left: 12px;
  }
}
@layer components {
  button,
  .button--rectangle,
  .button,
  .anchor-default a {
    display: inline-block;
    position: relative;
    border: 0;
    padding: 7px 13px;
    background: var(--primary-red);
    color: var(--white);
    transition: all 0.3s ease-out;
    line-height: 26px;
    text-decoration: none;
    text-align: center;
  }
  :is(button, .button, .button--rectangle, :where(.anchor-default a)):is(
      :hover,
      :focus-visible
    ) {
    cursor: pointer;
    background: var(--tertiair-red);
  }
  :is(button, .button, .button--rectangle, :where(.anchor-default a)):focus {
    outline: 1px solid var(--black);
    outline-offset: 1px;
  }
  :is(
      button,
      .button,
      a,
      .button--rectangle,
      :where(.anchor-default a)
    ):active {
    text-decoration: underline !important;
  }
  .button--secondary {
    background: var(--gray-11);
  }
  .button--secondary:is(:hover, :focus-visible) {
    background: var(--black);
  }
  .button--secondary:focus {
    outline: 1px solid var(--primary-red);
  }
  .button--tertiairy {
    border: solid 1px var(--primary-red);
    background: none;
    color: var(--primary-red);
    line-height: 24px;
  }
  .button--tertiairy:is(:hover, :focus-visible) {
    background: var(--primary-red);
    color: var(--white);
  }
  .button--noline {
    background: none;
    color: var(--primary-red);
  }
  .button--noline:is(:hover, :focus-visible) {
    background: var(--primary-red);
    color: var(--white);
  }
  .gray--filled {
    background: var(--gray-09);
  }
  .gray--filled:is(:hover, :focus-visible) {
    background: var(--gray-11);
  }
  .button--medium {
    padding: 17px 25px;
  }
  .button--skewed,
  .button--skewed-right,
  .anchor-default a {
    position: relative;
    background: none;
    z-index: 0;
    padding: 7px 25px;
    text-decoration: none;
    color: var(--white);
  }
  .button--skewed {
    -webkit-clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  }
  :where(a, button).button--skewed:is(:hover, :focus-visible) {
    background: none;
    color: var(--white);
  }
  @keyframes fillAnimation {
    to {
      inset-inline-end: -2px;
    }
  }
  @keyframes emptyAnimation {
    to {
      inset-inline-end: 100%;
    }
  }
  @keyframes emptyAnimationLined {
    to {
      inset-inline-end: calc(100% - 18px);
    }
  }
  :is(
      .button--skewed,
      .button--skewed-right,
      :where(.anchor-default a)
    ):before {
    animation: emptyAnimation 0.3s forwards;
    content: "";
    position: absolute;
    inset: -2px;
    z-index: -1;
  }
  :where(a, button):is(.button--skewed, .button--skewed-right):is(
      :hover,
      :focus-visible
    ):before,
  .anchor-default a:is(:hover, :focus-visible):before {
    animation: fillAnimation 0.3s;
    outline: none;
  }
  :is(.button--skewed, .button--skewed-right):before,
  .anchor-default a:before {
    -webkit-clip-path: polygon(
      0 0,
      calc(100% + 2px) 0,
      calc(100% - 18px) 100%,
      0 100%
    );
    clip-path: polygon(0 0, calc(100% + 2px) 0, calc(100% - 18px) 100%, 0 100%);
  }
  :is(.button--skewed, .button--skewed-right).red--filled,
  .anchor-default a {
    background: var(--primary-red);
  }
  :is(.button--skewed, .button--skewed-right).red--filled:before,
  .anchor-default a:before {
    background: var(--tertiair-red);
    border-color: var(--tertiair-red);
  }
  .button.arrow {
    display: flex;
    gap: 8px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .button.arrow:after {
    aspect-ratio: 1;
    content: "";
    display: block;
    width: 1.5rem;
    -webkit-mask-image: url(../icons/icon-arrow.svg);
    mask-image: url(../icons/icon-arrow.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background: var(--white);
  }
  .white--lined,
  .red--lined {
    display: flex;
    align-items: center;
    line-height: 22px;
  }
  :is(.button--skewed, .button--skewed-right).white--lined {
    border: 2px solid var(--white);
  }
  :where(a, button):is(.button--skewed, .button--skewed-right).white--lined:is(
      :hover,
      :focus-visible
    ) {
    color: var(--black) !important;
  }
  :is(.button--skewed, .button--skewed-right).white--lined:before {
    background: var(--white);
  }
  :is(.button--skewed, .button--skewed-right).red--lined {
    border: 2px solid var(--primary-red);
  }
  :where(a, button):is(.button--skewed, .button--skewed-right).red--lined:is(
      :hover,
      :focus-visible
    ) {
    color: var(--white);
  }
  :is(.button--skewed, .button--skewed-right).red--lined:before {
    background: var(--primary-red);
  }
  :is(.button--skewed, .button--skewed-right):is(
      .white--filled,
      .grey--filled
    ) {
    background: var(--gray-11);
    padding: 7px 25px;
    z-index: 0;
  }
  :is(.button--skewed, .button--skewed-right):is(
      .white--filled,
      .grey--filled
    ):before {
    background: var(--gray-12) !important;
    border-color: var(--gray-12) !important;
  }
  .button--skewed-right,
  .anchor-default a {
    padding-left: 13px;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  }
  :is(.button--skewed, .button--skewed-right).red--lined {
    color: var(--primary-red);
    border: 2px solid var(--primary-red);
  }
  :where(a, button):is(.button--skewed, .button--skewed-right).red--lined:is(
      :hover,
      :focus-visible
    ) {
    color: var(--white);
    background: transparent;
  }
  :is(.button--skewed, .button--skewed-right).red--lined:before {
    background: var(--primary-red);
    border-color: var(--primary-red);
  }
  .button--skewed:is(.red--lined, .white--lined):before {
    animation: emptyAnimationLined 0.3s forwards;
  }
  :where(a, button).button--skewed:is(.red--lined, .white--lined):is(
      :hover,
      :focus-visible
    ):before {
    animation: fillAnimation 0.3s;
  }
  :is(.button--skewed, .button--skewed-right):is(
      .red--lined,
      .white--lined
    ):after {
    content: "";
    position: absolute;
    inset: -2px;
    -webkit-clip-path: polygon(
      calc(100% - 2px) 0,
      100% 0,
      calc(100% - 20px) 100%,
      calc(100% - 22px) 100%
    );
    clip-path: polygon(
      calc(100% - 2px) 0,
      100% 0,
      calc(100% - 20px) 100%,
      calc(100% - 22px) 100%
    );
  }
  :is(.button--skewed, .button--skewed-right).red--lined:after {
    background: var(--primary-red);
  }
  :is(.button--skewed, .button--skewed-right).white--lined:after {
    background: var(--white);
  }
  .language-switcher {
    width: 105px;
    margin-left: 24px;
    margin-bottom: 10%;
  }
  .language-switcher select {
    background-color: transparent;
    background-image: url(../icons/icon-language.svg),
      url(../icons/chevron-white.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: 10% 50%, 80% 50%;
    background-size: auto, 10px;
    padding-left: 45px;
    color: var(--white);
    font-family: Roboto, psv-condensed, sans-serif;
    font-weight: 500;
    outline: none;
    border: 0;
    cursor: pointer;
  }
  .language-switcher select:focus-visible {
    outline: 2px solid var(--white);
  }
  nav.navigation-default .language-switcher select option {
    color: var(--black);
  }
  .button--disabled {
    background: #eda6a9;
    color: #fff;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .anchor-default .wrapper {
    padding: 0;
  }
  .anchor-default li {
    padding: 0 !important;
  }
  .anchor-default li:before {
    content: none !important;
  }
}
@layer components {
  @media (min-width: 960px) {
    .button--skewed,
    .button--skewed-right,
    :is(.button--skewed, .button--skewed-right):is(
        .white--filled,
        .grey--filled
      ) {
      padding: 10px 40px;
    }
  }
}
@layer components {
  body:not([data-in-context-mode="true"]) .backtotop {
    position: absolute;
    right: 0;
    bottom: -75px;
    height: 40px;
    width: 60px;
    overflow: hidden;
    text-indent: -9999px;
    background-color: var(--primary-red);
    border-radius: 8px 8px 0 0;
  }
  body:not([data-in-context-mode="true"])
    .backtotop:is(:hover, :focus-visible) {
    background: var(--tertiair-red);
  }
  body:not([data-in-context-mode="true"]) .backtotop:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(../icons/icon-arrow.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    rotate: -90deg;
  }
  body:not([data-in-context-mode="true"])
    .maincontent:not(.formcontent)
    .backtotop {
    right: -1rem;
    bottom: calc(-75px - 1.75rem);
  }
}
@layer components {
  @media (min-width: 960px) {
    body:not([data-in-context-mode="true"])
      .maincontent:not(.formcontent)
      .backtotop {
      right: -2rem;
      bottom: calc(-75px - 3.5rem);
    }
  }
}
@layer components {
  .elevation {
    box-shadow: 0 4px 4px #00000040;
  }
  .elevation .elevation {
    background: rgba(var(--black-12), 0.05);
    box-shadow: 0 1px 3px #00000080;
  }
  .elevation .elevation .elevation {
    background: rgba(var(--black-12), 0.07);
    box-shadow: 0 2px 4px #0006;
  }
  .elevation .elevation .elevation .elevation {
    background: rgba(var(--black-12), 0.08);
    box-shadow: 0 3px 4px #00000059;
  }
  .elevation .elevation .elevation .elevation .elevation {
    background: rgba(var(--black-12), 0.09);
    box-shadow: 0 3px 7px #0006;
  }
  .elevation .elevation .elevation .elevation .elevation .elevation {
    background: rgba(var(--black-12), 0.11);
    box-shadow: 0 4px 8px #0006;
  }
  .elevation .elevation .elevation .elevation .elevation .elevation .elevation {
    background: rgba(var(--black-12), 0.12);
    box-shadow: 0 5px 8px #0006;
  }
  .elevation
    .elevation
    .elevation
    .elevation
    .elevation
    .elevation
    .elevation
    .elevation {
    background: rgba(var(--black-12), 0.14);
    box-shadow: 0 7px 11px #0006;
  }
  .elevation
    .elevation
    .elevation
    .elevation
    .elevation
    .elevation
    .elevation
    .elevation
    .elevation {
    background: rgba(var(--black-12), 0.15);
    box-shadow: 0 8px 15px #0006;
  }
  .elevation
    .elevation
    .elevation
    .elevation
    .elevation
    .elevation
    .elevation
    .elevation
    .elevation
    .elevation {
    background: rgba(var(--black-12), 0.16);
    box-shadow: 0 12px 25px #0006;
  }
  .example {
    margin: 20px;
    padding: 10px;
    text-align: center;
  }
}
@layer components {
  .input-field {
    position: relative;
    width: 100%;
  }
  input[type="text"],
  input[type="email"],
  input[type="date"] {
    border: solid 1px var(--black);
    width: 100%;
    padding: 12px 16px;
    font-family: psv-sans, sans-serif;
    font-weight: 600;
  }
  input[type="text"] ~ label {
    position: absolute;
    left: 0;
    margin: 17px 16px;
    padding: 0 4px;
    background: var(--white);
    transition: transform 0.1s ease-out;
  }
  .input-message {
    padding: 6px 16px;
    font-size: 13px;
  }
  input[type="text"]:not(:-moz-placeholder-shown) ~ label {
    transform: translateY(-24px);
  }
  input[type="text"]:focus ~ label,
  input[type="text"]:not(:placeholder-shown) ~ label {
    transform: translateY(-24px);
  }
  .input--success label {
    color: green;
  }
  .input--success input {
    border-color: green;
  }
  .input--success .input-message {
    color: var(--status-success);
    background: var(--status-success-bg);
  }
  .input--warning label {
    color: orange;
  }
  .input--warning input {
    border-color: orange;
  }
  .input--warning .input-message {
    color: var(--status-warning);
    background: var(--status-warning-bg);
  }
  .input--error label {
    color: red;
  }
  .input--error input {
    border-color: red;
  }
  .input--error .input-message {
    color: var(--status-error);
    background: var(--status-error-bg);
  }
  .input--info label {
    color: #00f;
  }
  .input--info input {
    border-color: #00f;
  }
  .input--info .input-message {
    color: var(--status-info);
    background: var(--status-info-bg);
  }
}
@layer components {
  input[type="checkbox"] {
    position: absolute;
    cursor: pointer;
    width: 0px;
    height: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  input[type="checkbox"]:before {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid var(--black);
    width: 20px;
    height: 20px;
  }
  input[type="checkbox"]:checked:before {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid var(--black);
    width: 20px;
    height: 20px;
    background: var(--black);
    transition: all 0.2s linear;
  }
  .checkbox label {
    padding-left: 30px;
  }
  .checkbox label:hover {
    cursor: pointer;
  }
  .checkbox--light input[type="checkbox"]:checked:before {
    border: 2px solid var(--black);
    background: var(--white);
  }
  .checkbox--red input[type="checkbox"]:before {
    border: 2px solid var(--primary-red);
  }
  .checkbox--red input[type="checkbox"]:checked:before {
    border: 2px solid var(--primary-red);
    background: var(--primary-red);
  }
}
@layer components {
  input[type="radio"] {
    position: absolute;
    cursor: pointer;
    width: 0px;
    height: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  input[type="radio"]:before {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid var(--black);
    border-radius: 20px;
    width: 20px;
    height: 20px;
  }
  input[type="radio"]:checked:before {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid var(--black);
    width: 20px;
    height: 20px;
    transition: all 0.2s linear;
  }
  input[type="radio"]:checked:after {
    content: "";
    display: block;
    position: absolute;
    margin: 4px;
    border-radius: 20px;
    width: 12px;
    height: 12px;
    background: var(--black);
    transition: all 0.2s linear;
  }
  .radio label {
    padding-left: 30px;
  }
  .radio label:hover {
    cursor: pointer;
  }
  .radiobutton--red input[type="radio"]:before {
    border: 2px solid var(--primary-red);
  }
  .radiobutton--red input[type="radio"]:checked:before {
    border: 2px solid var(--primary-red);
  }
  .radiobutton--red input[type="radio"]:checked:after {
    background: var(--primary-red);
  }
}
@layer components {
  .tab {
    display: flex;
    flex-direction: row;
    list-style-type: none;
  }
  .tab a {
    padding: 10px 24px;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
    color: var(--black);
    font-family: psv-condensed, sans-serif;
    font-size: 22px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.1s linear, border-bottom 0.2s linear;
  }
  .tab a:hover {
    color: var(--primary-red);
    border-bottom-color: var(--primary-red);
  }
  .tab--dark li a {
    background: var(--black);
    color: var(--white);
  }
  .tab--dark li a:hover {
    color: var(--white);
  }
}
@layer components {
  .snackbar {
    position: absolute;
    display: flex;
    flex-direction: row;
    padding: 16px;
    width: 100%;
    background: var(--gray-11);
    color: var(--white);
  }
  .snackbar:before {
    content: "";
    display: block;
    margin-right: 24px;
    width: 26px;
    min-width: 26px;
    height: 26px;
    border: dashed 2px #f00;
  }
  .snackbar__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
  .snackbar__text {
    display: flex;
    flex-direction: column;
  }
  .snackbar .close {
    height: 20px;
    width: 20px;
  }
  .snackbar .close:before,
  .snackbar .close:after {
    content: "";
    position: relative;
    display: block;
    border-radius: 5px;
    height: 2px;
    width: 20px;
    background: #fff;
  }
  .snackbar .close:before {
    top: 7px;
    transform: rotate(45deg);
  }
  .snackbar .close:after {
    top: 5px;
    transform: rotate(-45deg);
  }
  .snackbar .close:hover {
    cursor: pointer;
  }
  .snackbar.snackbar--alert {
    background: var(--secondary-red);
  }
  .snackbar.snackbar--success {
    background: var(--status-success);
  }
}
@layer components {
  .mediablockmore {
    position: relative;
    grid-column-start: 2;
    margin: 24px auto auto;
    max-width: -moz-max-content;
    max-width: max-content;
    background: var(--primary-red);
    color: var(--white);
    text-transform: uppercase;
    font-family: psv-condensed, sans-serif;
    font-size: 18px;
    transition: 0.2s background ease;
    -webkit-clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    cursor: pointer;
  }
  .mediablockmore:is(:hover, :focus-visible) {
    background: var(--tertiair-red);
  }
  .mediablockmore.disabled {
    cursor: default;
    background: var(--gray-11);
    color: var(--gray-11);
  }
  .mediablockmore p {
    padding: 8px 48px;
  }
  .mediablockmore .loading-spinner {
    display: block !important;
    width: 40px;
    height: 40px;
  }
  .mediablockmore .loading-spinner div {
    width: 24px;
    height: 24px;
    border-width: 4px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .mediablockmore {
      margin-top: 40px;
    }
  }
}
@layer components {
  .search-default {
    width: 100%;
    margin: auto;
  }
  .search-default .form {
    border: none;
    padding: 0;
  }
  .search-default .form input[type="submit"] {
    display: none;
  }
  .search-default .form .formtextbox {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .search-default form .formbutton {
    margin-top: 50px;
  }
  .search-default .form label,
  .search-default .form legend {
    display: none;
  }
  .search-default .form .formtextbox input::-moz-placeholder {
    font-size: 26px;
    font-weight: 700;
    font-family: psv-condensed, sans-serif;
    text-transform: uppercase;
  }
  .search-default .form .formtextbox input,
  .search-default .form .formtextbox input::placeholder {
    font-size: 26px;
    font-weight: 700;
    font-family: psv-condensed, sans-serif;
    text-transform: uppercase;
  }
  .search-default .form .formtextbox input {
    outline: 0;
    border-width: 0 0 2px;
    border-color: var(--gray-08);
    cursor: pointer;
    height: 45px;
    background: transparent;
    width: 100%;
  }
  .search-default .form .formtextbox input:not(:-moz-placeholder-shown) {
    border-color: var(--primary-red);
  }
  .search-default .form .formtextbox input:not(:placeholder-shown) {
    border-color: var(--primary-red);
  }
  .search-default .form .formtextbox input::-moz-placeholder {
    color: var(--gray-08);
  }
  .search-default .form .formtextbox input::placeholder {
    color: var(--gray-08);
  }
  .search-default .form .formtextbox .fssearchinfo {
    position: absolute;
    background-color: var(--white);
    min-width: 100%;
    z-index: 1;
    font-family: psv-condensed, sans-serif;
    font-size: 12px;
    margin-top: 20px;
    visibility: hidden;
  }
  .search-default .form .formtextbox .fssearchinfo ul {
    list-style: none;
    padding: 0;
    font-size: 20px;
    font-family: psv-sans, sans-serif;
    text-transform: capitalize;
    width: 100% !important;
  }
  .search-default .form .formtextbox .fssearchinfo ul {
    display: block !important;
  }
  .search-default .form .formtextbox .fssearchinfo ul li b {
    color: var(--gray-08);
  }
  .search-default .form .formtextbox input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 25px;
    width: 25px;
    background-color: var(--primary-red);
    -webkit-mask-image: url(../icons/close.svg);
    mask-image: url(../icons/close.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
  }
  .searchResultNumber {
    width: 358px;
    text-align: left;
    margin: 0 auto 20px;
    padding-left: 16px;
    font-family: psv-sans, sans-serif;
    font-size: 22px;
    font-weight: 400;
  }
  .popularTerms {
    display: flex;
    margin: auto;
    justify-content: center;
  }
  .popularTerms.displayNone {
    display: none;
  }
  .popularTerms .terms {
    display: flex;
    flex-wrap: wrap;
    padding-left: 30px;
    padding-right: 30px;
    justify-content: center;
  }
  .popularTerms h3 {
    font-family: psv-sans, sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
  }
  .popularTerms .terms .tag {
    font-size: 14px;
    height: 28px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    font-family: klavika-condensed;
  }
  .popularTerms .terms .tag:first-of-type:before {
    transform: skew(-16deg);
  }
  .popularTerms .terms .tag:last-of-type:after {
    transform: skew(-16deg);
  }
}
@layer components {
  @media (min-width: 960px) {
    .search-default {
      max-width: 1248px;
    }
    .search-default .wrapper {
      padding: 0;
    }
    .search-default .form .formtextbox input::-moz-placeholder {
      font-size: 36px;
    }
    .search-default .form .formtextbox input,
    .search-default .form .formtextbox input::placeholder {
      font-size: 36px;
    }
    .searchResultNumber {
      padding-left: 0;
      width: 1248px;
    }
    .popularTerms {
      max-width: 40%;
    }
    .popularTerms .terms {
      justify-content: flex-start;
    }
  }
}
@layer components {
  .select-wrapper {
    position: relative;
    width: 100%;
  }
  .select-wrapper:after {
    border: solid var(--primary-red);
    border-width: 0 1px 1px 0;
    content: "";
    display: inline-block;
    height: 14px;
    padding: 2px;
    pointer-events: none;
    position: absolute;
    right: 24px;
    top: calc(50% - 11px);
    transform-origin: center;
    transform: rotate(45deg);
    width: 14px;
  }
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: var(--primary-red);
    color: var(--primary-red);
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 8px 16px;
    width: 100%;
  }
}
@layer components {
  .loading-spinner {
    position: absolute;
    inset: 50%;
    width: 80px;
    height: 80px;
    translate: -50% -50%;
  }
  .loading-spinner div {
    position: absolute;
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid;
    border-radius: 50%;
    animation: loading-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--primary-red) transparent transparent transparent;
  }
  .loading-spinner div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .loading-spinner div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .loading-spinner div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes loading-spinner {
    0% {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }
}
@layer components {
  .block-team {
    margin-bottom: 32px;
  }
  .block-team .swiper-container {
    border-bottom: 2px solid var(--gray-08);
    padding-bottom: 12px;
  }
  .block-team h2 {
    font-size: 40px;
  }
  .block-team:first-of-type h2 {
    margin-top: -90px;
  }
  .swiper-slide__team {
    align-items: center;
    background: var(--white);
    font-size: 18px;
    justify-content: center;
    max-width: 300px;
    min-height: 364px;
    position: relative;
    text-align: center;
    width: 300px;
  }
  .swiper-slide__team:has(a) {
    cursor: pointer;
  }
  .swiper-slide__team:has(a):hover .team__card__name {
    text-decoration: underline;
  }
  .swiper-slide__team .swiper-slide {
    max-width: 300px;
  }
  .carousel__slider .swiper-slide {
    min-width: 300px !important;
  }
  .swiper-slide__team .swiper-slide .team__card {
    display: flex;
    flex-direction: column;
  }
  .swiper-slide__team .swiper-slide .team__card img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .swiper-slide__team .swiper-slide__team-portrait-data {
    display: none;
  }
  div.swiper-slide__team-portrait .swiper-slide__team-portrait-data {
    color: var(--black);
    display: block;
    position: absolute;
    right: 32px;
    top: 24px;
    z-index: 1;
  }
  .wrapper .block-team__other .swiper-slide__team {
    min-height: unset;
    width: 294px;
  }
  .wrapper .block-team__other .swiper-slide__team a {
    display: block;
  }
  .wrapper
    .block-team__other
    .swiper-slide__team:not(:has(.swiper-slide__team-portrait-data))
    a
    img {
    margin: 0 auto;
  }
  .swiper-slide__team-portrait
    .swiper-slide__team-portrait-data
    .stats--shirtnumber {
    color: var(--black);
    font-family: psv-branding, sans-serif;
    font-size: 88px;
    letter-spacing: -0.08em;
    line-height: 1;
  }
  .swiper-slide__team-portrait
    .swiper-slide__team-portrait-data
    .stats--position {
    color: var(--black);
    font-size: 20px;
    font-family: psv-condensed, sans-serif;
    font-style: normal;
    padding-left: 16px;
    margin-top: 88px;
  }
  .swiper-slide__team .onderschrift {
    position: relative;
  }
  .swiper-slide__team .onderschrift .team__card__name {
    background: #333;
    bottom: 0;
    color: var(--white);
    display: flex;
    font-family: psv-condensed, sans-serif;
    font-size: 26px;
    justify-content: space-between;
    line-height: 22px;
    min-height: 45px;
    padding: 16px 24px;
    text-transform: uppercase;
    width: 100%;
  }
  .swiper-slide__team .onderschrift .team__card__stats {
    background: var(--black);
    color: var(--white);
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: flex;
    flex-wrap: wrap;
    min-height: 86px;
    padding: 16px 24px;
    row-gap: 16px;
    text-transform: uppercase;
  }
  .swiper-slide__team .onderschrift .team__card__stats .stats--detailed {
    align-items: center;
    display: flex;
    width: calc(50% - 12px);
    justify-content: space-between;
  }
  .swiper-slide__team .onderschrift .team__card__stats .stats--detailed p {
    font-family: psv-condensed, sans-serif;
    font-size: 14px;
    line-height: 12px;
  }
  .swiper-slide__team
    .onderschrift
    .team__card__stats
    .stats--detailed
    .stats--detailed__value {
    font-size: 22px;
    line-height: 19px;
  }
  .wrapper .block-team__other {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    margin: 0 auto;
    max-width: 1248px;
    width: 100%;
  }
  .block-team__other .swiper-slide__team .onderschrift .team__card__function {
    background: var(--black);
    color: var(--white);
    font-weight: 700;
    padding: 16px;
    text-align: left;
    text-transform: uppercase;
  }
  .block-team__other .swiper-slide__team .onderschrift .team__card__name {
    padding: 16px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .swiper-slide__team {
      width: 400px;
      max-width: 400px;
      max-height: 512px;
    }
    .swiper-slide__team .swiper-slide {
      max-width: 400px;
    }
    .swiper-slide__team .swiper-slide .onderschrift .team__card__stats {
      -moz-column-gap: 48px;
      column-gap: 48px;
    }
    .swiper-slide__team .swiper-slide .team__card__stats .stats--detailed {
      width: calc(50% - 24px);
    }
    .carousel__slider .swiper-slide {
      min-width: 400px !important;
    }
    .swiper-slide__team-portrait
      .swiper-slide__team-portrait-data
      .stats--position {
      font-size: 24px;
      margin-top: 104px;
    }
    .wrapper .block-team__other {
      gap: 24px;
      justify-content: flex-start;
    }
    .wrapper .block-team__other .swiper-slide__team {
      width: 294px;
    }
  }
}
@layer components {
  .pagination-container {
    padding: 0 16px;
    margin: auto;
  }
  .pagination-container .pagination {
    display: flex;
    align-items: center;
  }
  .pagination-container .pagination ol {
    list-style: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
  }
  .pagination-container .pagination ol li:not(.displayNone) {
    text-align: center;
    height: 43px;
    min-width: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pagination-container .pagination ol li.focus {
    background-color: var(--primary-red);
  }
  .pagination-container .pagination ol li a {
    text-decoration: none;
    color: var(--gray-10);
    font-size: 26px;
  }
  .pagination-container .pagination ol li.focus a {
    color: var(--white);
  }
  .pagination-container .pagination ol li.ellipsis--before,
  .pagination-container .pagination ol li.ellipsis--after {
    visibility: hidden;
    position: relative;
  }
  .pagination-container .pagination ol li.ellipsis--before:before,
  .pagination-container .pagination ol li.ellipsis--after:before {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 26px;
    font-family: psv-condensed, sans-serif;
    color: var(--gray-10);
    content: "...";
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pagination-container .pagination ol li:last-of-type:after {
    content: unset;
  }
  .pagination-container .pagination .previous,
  .pagination-container .pagination .next {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--primary-red);
    -webkit-mask-position: center;
    mask-position: center;
  }
  .pagination-container .pagination .previous {
    -webkit-mask-image: url(../icons/chevron-left.svg);
    mask-image: url(../icons/chevron-left.svg);
  }
  .pagination-container .pagination .next {
    -webkit-mask-image: url(../icons/chevron-right.svg);
    mask-image: url(../icons/chevron-right.svg);
  }
}
@layer components {
  @media (min-width: 960px) {
    .pagination-container {
      max-width: 491px;
    }
  }
}
@layer components;
@layer components {
  .alphabet {
    display: grid;
    -webkit-padding-before: 1rem;
    padding-block-start: 1rem;
    background-color: var(--white);
    -webkit-clip-path: polygon(
      -100vmax 0,
      100vmax 0,
      100vmax 100%,
      -100vmax 100%
    );
    clip-path: polygon(-100vmax 0, 100vmax 0, 100vmax 100%, -100vmax 100%);
    box-shadow: 0 0 0 100vmax var(--white);
  }
  .alphabet > h2 {
    font-size: 30px;
    padding-inline: 0.75rem;
  }
  .alphabet__filter {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, 2.25rem);
    gap: 0.5rem;
    -webkit-padding-before: 1rem;
    padding-block-start: 1rem;
    -webkit-padding-after: 2rem;
    padding-block-end: 2rem;
    a.letter {
      &:hover,
      &:focus-visible {
        text-decoration: underline;
      }
      &[data-selected="true"] {
        background-color: var(--primary-red);
        color: var(--white);
        pointer-events: none;
      }
    }
    span.letter {
      color: var(--gray-09);
    }
  }
  .alphabet__filter:after {
    content: "";
    height: 2px;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
    background-color: var(--primary-red);
    -webkit-clip-path: polygon(
      -100vmax 0,
      100vmax 0,
      100vmax 100%,
      -100vmax 100%
    );
    clip-path: polygon(-100vmax 0, 100vmax 0, 100vmax 100%, -100vmax 100%);
    box-shadow: 0 0 0 100vmax var(--primary-red);
  }
  .alphabet__filter .letter {
    width: 2.25rem;
    aspect-ratio: 1;
    color: var(--black);
    text-decoration: none;
    font-size: 1.25rem;
    line-height: 2.25rem;
    text-align: center;
  }
  .alphabet__content {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 24px;
    position: relative;
    min-height: 400px;
    padding-block: 2.5rem;
    background-color: var(--gray-07);
    -webkit-clip-path: polygon(
      -100vmax 0,
      100vmax 0,
      100vmax 100%,
      -100vmax 100%
    );
    clip-path: polygon(-100vmax 0, 100vmax 0, 100vmax 100%, -100vmax 100%);
    box-shadow: 0 0 0 100vmax var(--gray-07);
    border-bottom: 2px solid var(--gray-09);
  }
  @media (min-width: 960px) {
    .alphabet__content {
      grid-template-columns: 60px 1fr;
      gap: 80px;
    }
  }
  .alphabet__content .loading-spinner {
    display: none;
  }
  .alphabet__content.alphabet__content--loading:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--gray-07);
    opacity: 0.9;
  }
  .alphabet__content.alphabet__content--loading .loading-spinner {
    display: block;
    top: 200px;
  }
  .alphabet__active {
    display: grid;
    aspect-ratio: 1;
    justify-content: center;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    font-family: psv-branding, sans-serif;
    color: #fff;
    background: var(--primary-red);
  }
  @media (min-width: 960px) {
    .alphabet__active {
      font-size: 48px;
    }
  }
  .alphabet__results {
    -moz-column-width: 286px;
    column-width: 286px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .alphabet__results .result {
    margin-bottom: 1.5rem;
    a {
      color: var(--black);
      text-decoration: none;
      &:hover,
      &:focus-visible {
        text-decoration: underline;
      }
    }
  }
}
@layer components {
  .columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }
  .columns.white {
    background-color: var(--white);
  }
  .columns.black {
    --icon-color: var(--white);
    background-color: var(--gray-11);
    color: var(--white);
  }
  .columns .column {
    padding: 1.5rem;
  }
  .columns .columns {
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: 3rem;
  }
  .columns .columns .column {
    padding: 0;
  }
  .columns.black a:not([class]) {
    color: var(--white);
  }
}
@layer components {
  footer {
    margin-top: 75px;
    border-top: solid 4px var(--primary-red);
    width: 100%;
    padding: 29px 18px;
    background: var(--black);
    color: var(--white);
    display: flex;
    justify-content: center;
  }
  footer .block-customblocktype,
  footer .wrapper,
  footer .editableContainer {
    width: 100%;
  }
  .footer-default {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100vw;
  }
  .footer-default > :nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  .footer-default > :is(.block-customblocktype, .block-default) {
    padding-bottom: 20px;
  }
  .footer-default > .block-customblocktype {
    border-bottom: 1px solid var(--gray-10);
  }
  .footer-default .image-default,
  .footer-default .image-mobile-only {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .footer-default :is(.image-mobile-only, .image-default) .wrapper {
    padding-inline: 0;
  }
  .footer-default .image-default {
    display: none;
  }
  footer .statement {
    text-align: center;
    color: var(--gray-10);
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
  }
  footer .statement p {
    font-family: helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
  }
  footer .footer-sitewidepages ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    -moz-column-gap: 16px;
    column-gap: 16px;
    margin: 0;
    padding: 0;
  }
  footer .footer-sitewidepages li {
    list-style-type: none;
  }
  footer .footer-sitewidepages a {
    white-space: nowrap;
    color: var(--gray-10);
    text-decoration: none;
    font-family: helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
  }
}
@layer components {
  @media (min-width: 960px) {
    .footer-default .image-default {
      display: flex;
    }
    .footer-default .image-mobile-only {
      display: none;
    }
  }
}
@layer components {
  header,
  #header-wrapper {
    height: 112px;
  }
  header {
    position: fixed;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    top: 0;
    width: 100%;
    padding: 24px;
    background: var(--primary-red);
    transition: height 0.2s linear;
    z-index: 1000;
  }
  header .responsiveimage-default {
    position: absolute;
    top: 12px;
    display: block;
    bottom: 0;
    left: calc(50% - 60px);
    margin-bottom: -35px;
    width: 120px;
    height: 116px;
    transition: left 0.2s linear, margin-bottom 0.2s linear, width 0.2s linear,
      height 0.2s linear;
    -o-object-fit: contain;
    object-fit: contain;
  }
  header .responsiveimage-default .wrapper {
    padding: 0;
  }
}
@layer components {
  @media (min-width: 960px) {
    header,
    #header-wrapper {
      height: 64px;
    }
    header .responsiveimage-default {
      /*width: 155px;
      height: 42px;*/
	  width: 76px;
      left: calc(50% - 38px);
	  height: auto;
      position: absolute;
      /*top: 11px;*/
	  top: 5px;
    }
    header .navigation-default .h2-wrapper {
      left: 19px;
      top: 2px;
    }
  }
}
@layer components {
  header.scrolled,
  #header-wrapper {
    height: 80px;
  }
  header.scrolled .responsiveimage-default {
    width: 80px;
    height: 66px;
    left: calc(50% - 40px);
    top: 6px;
    transition: left 0.2s linear, margin-bottom 0.2s linear, width 0.2s linear,
      height 0.2s linear;
  }
  .block-login {
    display: none;
  }
  header .back-button {
    z-index: 600;
    position: fixed;
    top: 20px;
    bottom: auto;
    display: block;
    height: 40px;
    width: 40px;
    -webkit-mask-image: url(../icons/arrow_left.svg);
    mask-image: url(../icons/arrow_left.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background: var(--white);
  }
  header .back-button a {
    display: flex;
    height: 100%;
    width: 100%;
  }
}
@layer components {
  @media (min-width: 960px) {
    header .back-button {
      display: none;
    }
    .block-login {
      display: flex;
      position: absolute;
      top: 0px;
      right: 0px;
      width: 178px;
      height: 64px;
      z-index: 9999;
    }
    .block-login .btn-login,
    .block-login .btn-profile {
      height: 100%;
      width: 100%;
      font-size: 18px;
      font-weight: 500;
      line-height: 18px;
      padding-left: 24px;
      font-family: psv-condensed, sans-serif;
      color: var(--white);
      text-transform: uppercase;
      background-repeat: no-repeat;
      background-image: url(../icons/login-icon.svg);
      background-color: var(--secondary-red);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .block-login .btn-profile {
      background-image: url(../icons/loggedin-icon.svg);
    }
    .block-login
      :is(.btn-login, .btn-profile):is(:hover, :focus-visible, :active) {
      background-color: var(--tertiair-red);
    }
    .block-login a {
      text-decoration: none;
    }
    .block-login .drop-down {
      display: none;
    }
    header.scrolled,
    #header-wrapper {
      height: 64px;
    }
    header.scrolled .responsiveimage-default {
      /*width: 155px;*/
      /*height: 42px;*/
      /*top: 11px;*/
      width: 76px;
      height: auto;
      top: 5px;
      left: calc(50% - 38px);
    }
  }
}
@layer components {
  .navigation-buttons > a {
    z-index: 600;
    position: fixed;
    left: 0;
    display: block;
    height: 60px;
    width: 60px;
    line-height: 0;
    font-size: 0;
    background: var(--secondary-red);
  }
  .navigation-buttons > a.chat {
    background: url(../icons/chat.svg) var(--secondary-red);
    background-repeat: no-repeat;
    background-position: 50%;
    display: block;
  }
  .navigation-buttons > a.call {
    background: url(../icons/phone-white.svg) var(--secondary-red);
    background-repeat: no-repeat;
    background-position: 50%;
  }
  .navigation-buttons > a.threesixty {
    display: block;
    background: url(../icons/360.svg) var(--secondary-red);
    background-repeat: no-repeat;
    background-position: 50%;
  }
  .navigation-buttons > a h2 {
    display: none;
  }
}
@layer components {
  @media (min-width: 960px) {
    .navigation-buttons > a {
      margin-bottom: 10px;
      left: 19px;
      background: var(--primary-red);
    }
    .navigation-buttons > a.chat,
    .navigation-buttons > a.call,
    .navigation-buttons > a.threesixty {
      background-color: var(--primary-red);
    }
  }
}
@layer components {
  .skiplinks {
    position: fixed;
    top: 20px;
    left: 100px;
    width: 250px;
    z-index: 10000;
  }
  .skiplinks a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: var(--white);
    text-indent: -9999px;
  }
  .skiplinks a:focus-visible {
    text-indent: 0;
    outline: 2px solid var(--white);
    outline-offset: 4px;
  }
  .navigation-default .h2-wrapper {
    z-index: 600;
    position: fixed;
    bottom: 10%;
    left: 0;
    display: block;
    height: 60px;
    width: 60px;
    background: url(../icons/menu-icon.svg) var(--primary-red);
  }
  .navigation-default .h2-wrapper:focus-visible {
    outline: 2px solid var(--white);
  }
  .navigation-default .h2-wrapper h2 {
    display: none;
  }
}
@layer components {
  @media (min-width: 960px) {
    .navigation-default .h2-wrapper {
      top: 0;
      bottom: auto;
    }
  }
}
@layer components {
  .navigation-default .h2-wrapper:hover {
    cursor: pointer;
  }
  nav.navigation-default .wrapper {
    isolation: isolate;
    z-index: 601;
    position: fixed;
    inset: 0;
    padding: 0 !important;
    overflow: hidden;
    translate: -100% 0;
    transition: translate 0.4s linear;
    transition-delay: 0.3s;
    max-width: 600px;
  }
  nav.navigation-default .close-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    outline: 0;
    position: absolute;
    top: 30px;
    padding: 0 12px;
    height: unset;
    margin-left: 8px;
  }
  nav.navigation-default .close-button:focus-visible {
    outline: 2px solid var(--white);
  }
  nav.navigation-default .extra-buttons {
    z-index: -1;
    display: flex;
    gap: 8px;
    justify-content: center;
    position: absolute;
    right: 50%;
    top: 30px;
    left: 0;
    transition: all 0.4s ease;
  }
  nav.navigation-default .wrapper.expanded .extra-buttons {
    right: 0;
    left: 50%;
    transition: all 0.4s ease 0.3s;
  }
  nav.navigation-default .wrapper.expanded .extra-buttons a {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    height: 50px;
    outline: 0;
    padding: 0;
  }
  nav.navigation-default .wrapper.expanded .extra-buttons a:focus-visible {
    outline: 2px solid var(--white);
  }
  nav.navigation-default .wrapper.expanded {
    translate: 0;
    transition-delay: 0s;
  }
}
@layer components {
  @media (min-width: 960px) {
    nav.navigation-default .wrapper {
      right: 50%;
    }
  }
}
@layer components {
  nav.navigation-default ul {
    background: var(--primary-red);
    display: flex;
    flex-direction: column;
    height: 100%;
    list-style: none;
    margin: 0;
    width: 50%;
    padding: 25% 0 0;
  }
  nav.navigation-default li {
    overflow: visible;
    overflow-wrap: break-word;
  }
  nav.navigation-default .button-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 24px;
    width: 50%;
  }
  nav.navigation-default .button-container a {
    width: 100%;
  }
  nav.navigation-default .button-container a:last-child {
    width: 90%;
  }
  nav.navigation-default .button-container :is(button, .button) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 24px;
    min-width: 120px;
  }
  nav.navigation-default ul:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    right: 50%;
    background: var(--primary-red);
  }
  nav.navigation-default ul li {
    padding: 0;
  }
  nav.navigation-default ul li.has-subnavigation:not(.activated) {
    background-image: url(../icons/chevron-right.svg);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 23px 13px;
  }
  nav.navigation-default ul li a {
    color: var(--white);
    display: block !important;
    padding: 8px;
    text-decoration: none;
    transition: color 0.2s linear;
  }
  nav.navigation-default ul :is(li a:is(:hover, :focus), li.activated > a),
  nav.navigation-default
    ul
    .activated
    ul
    :is(li a:is(:hover, :focus), li.activated > a) {
    -webkit-clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%);
    margin-left: 12px;
    outline: 0;
    padding: 8px 24px 8px 20px;
    z-index: 1;
  }
  nav.navigation-default ul li a {
    position: relative;
  }
  nav.navigation-default
    ul
    :is(li a:is(:hover, :focus), li.activated > a):before,
  nav.navigation-default
    ul
    .activated
    ul
    :is(li a:is(:hover, :focus), li.activated > a):before {
    content: "";
    width: 0;
    height: 100%;
    background-color: var(--secondary-red);
    position: absolute;
    top: 0;
    right: 0;
    animation: fillAnimation 0.4s forwards;
    z-index: -1;
  }
  nav.navigation-default ul li > a {
    margin-left: 24px;
    padding-right: 36px !important;
  }
  nav.navigation-default
    ul
    :is(li a:is(:hover, :focus), li.activated > a):after {
    scale: 1;
  }
  nav.navigation-default
    ul:has(> li:hover, > li > a:focus)
    li.activated:not(:hover)
    > a:not(:focus):after {
    scale: 0;
  }
  nav.navigation-default ul ul {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 25% 0;
    background: var(--secondary-red);
    color: var(--white);
    transform: translate(-100%);
    transition: all 0.15s linear;
    z-index: -2;
  }
  nav.navigation-default ul ul:has(.activated) {
    background-color: var(--tertiair-red);
  }
  nav.navigation-default ul ul.side-menu {
    left: 50%;
  }
  nav.navigation-default ul ul li {
    position: relative;
  }
  nav.navigation-default ul .activated ul {
    left: 50%;
  }
  nav.navigation-default ul ul:before {
    content: none;
  }
  nav.navigation-default ul ul li a {
    color: var(--white);
  }
  nav.navigation-default ul ul .heading {
    display: none;
  }
  nav.navigation-default ul ul .heading a:after {
    background-color: var(--white);
    scale: 1;
  }
  nav.navigation-default ul ul .heading span {
    font-size: 24px;
    line-height: 24px;
  }
  nav.navigation-default ul li ul li,
  nav.navigation-default ul li ul li.heading {
    display: none;
  }
  nav.navigation-default ul li.activated ul li {
    display: block;
  }
  nav.navigation-default ul ul li:has(ul) {
    background-image: url(../icons/chevron-right.svg);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 23px 13px;
  }
  nav.navigation-default .activated .activated li a:hover:before {
    background-image: none;
  }
  nav.navigation-default ul ul li.activated:has(ul) {
    background-image: none;
  }
  nav.navigation-default .wrapper.expanded ul ul {
    transform: translate(0);
    transition: all 0.15s linear 0.4s, background-color 0s linear 0s;
  }
  nav.navigation-default
    ul
    .activated
    ul
    :is(li a:is(:hover, :focus), li.activated > a) {
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
    margin-left: 0;
    padding-left: 32px !important;
    padding-right: 20px !important;
    margin-right: 12px;
  }
  nav.navigation-default
    ul
    .activated
    ul
    :is(li a:is(:hover, :focus), li.activated > a):before {
    background-color: var(--primary-red);
    margin-left: 20px;
  }
  nav.navigation-default ul .activated ul li.activated > a {
    display: none;
  }
  nav.navigation-default ul .activated ul ul {
    display: none;
  }
  nav.navigation-default ul .activated ul .activated ul {
    z-index: 1;
    left: 0%;
    background: none;
  }
  nav.navigation-default ul .activated ul .activated {
    height: 100%;
  }
  nav.navigation-default ul .activated ul .activated ul {
    display: block;
    padding: 0 16px 0 0;
    width: 100%;
  }
  nav.navigation-default ul .activated ul .activated ul .heading:before,
  nav.navigation-default ul .activated ul .activated ul .heading:after {
    content: "";
    width: 0;
    height: 100%;
    background-color: var(--primary-red);
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
    position: absolute;
    top: 0;
    right: 0;
    animation: fillAnimation 0.4s forwards;
    z-index: -1;
  }
  nav.navigation-default ul .activated ul .activated ul .heading:after {
    content: none;
  }
  nav.navigation-default ul .activated ul .activated ul .heading {
    padding: 8px 24px 8px 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-image: url(../icons/chevron-left.svg);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-size: 23px 13px;
    outline: 0;
    cursor: pointer;
    font-family: psv-condensed, sans-serif;
    font-size: 20px;
    line-height: 1;
  }
  nav.navigation-default
    ul
    .activated
    ul
    .activated
    ul
    .heading:is(:hover, :focus-within):after {
    content: "";
    background-color: var(--gray-11);
  }
  nav.navigation-default ul li ul li ul li,
  nav.navigation-default ul li.activated ul li.displayNone {
    display: none;
  }
  nav.navigation-default ul li.activated ul li.activated ul li {
    display: block;
  }
  @keyframes fillAnimation {
    0% {
      width: 0;
    }
    to {
      width: 100%;
    }
  }
}
@layer components {
  .news-block {
    display: flex;
    flex-direction: column;
    padding: 0 0 20px;
    background: var(--gray-07);
    gap: 20px;
  }
  .news-block > * {
    margin: 0 30px;
  }
  .news-block img {
    width: 100%;
    max-height: 150px;
    min-height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0;
  }
  .news-block__date {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: calc(100% - 60px);
    height: 4px;
    background: var(--primary-red);
  }
  .news-block__date p {
    padding-right: 5px;
    background: var(--gray-07);
  }
}
@layer components {
  @media (max-width: 960px) {
    .media .block-list.swiper-list .item,
    .block-list:not(.media-filter, .swiper-list) .item,
    .block-list.media-filter .item:nth-child(n + 3) {
      display: grid;
      grid-template-columns: 130px 1fr;
      width: 100%;
      border-bottom: 2px solid var(--primary-red);
      max-height: 100px !important;
    }
    .media .block-list.swiper-list .item .thumb,
    .block-list:not(.media-filter, .swiper-list) .item .thumb,
    .block-list.media-filter .item:nth-child(n + 3) .thumb {
      grid-column: 1;
      grid-row: span 2;
      max-height: 100px;
    }
    .media .block-list.swiper-list .item .thumb *,
    .block-list:not(.media-filter, .swiper-list) .item .thumb *,
    .block-list.media-filter .item:nth-child(n + 3) .thumb * {
      height: 100%;
      -o-object-fit: cover !important;
      object-fit: cover !important;
    }
    .media .block-list.swiper-list .item .title,
    .block-list:not(.media-filter, .swiper-list) .item .title,
    .block-list.media-filter .item:nth-child(n + 3) .title {
      position: relative;
      grid-column: 2;
      grid-row: 2;
      inset: unset;
      padding: 0 16px 0 0;
    }
    .media .block-list.swiper-list .item img,
    .block-list:not(.media-filter, .swiper-list) .item img,
    .block-list.media-filter .item:nth-child(n + 3) img {
      -webkit-clip-path: polygon(0 0, 100% 0, 76% 100%, 0% 100%);
      clip-path: polygon(0 0, 100% 0, 76% 100%, 0% 100%);
    }
    .media .block-list.swiper-list .item .title span,
    .block-list:not(.media-filter, .swiper-list) .title span,
    .block-list.media-filter .item:nth-child(n + 3) .title span {
      background: none;
      color: var(--black);
      display: block;
      font-size: 15px;
      line-height: 17px;
      text-transform: initial;
    }
    .media .block-list.swiper-list .item div:nth-of-type(3),
    .block-list:not(.media-filter, .swiper-list) .item div:nth-of-type(3),
    .block-list.media-filter .item:nth-child(n + 3) div:nth-of-type(3) {
      display: flex;
      align-items: center;
      grid-column: 2;
      grid-row: 1;
      inset: 0;
      position: relative;
    }
    .media .block-list.swiper-list .item time,
    .block-list:not(.media-filter, .swiper-list) .item time,
    .block-list.media-filter .item:nth-child(n + 3) time {
      display: none;
    }
    .media .block-list.swiper-list .item .contenttype span,
    .block-list:not(.media-filter, .swiper-list) .item .contenttype span,
    .block-list.media-filter .item:nth-child(n + 3) .contenttype span {
      background: none;
      color: var(--primary-red);
      font-size: 15px;
      line-height: 15px;
      max-height: 18px;
      padding-left: 5px;
    }
    .media .block-list.swiper-list .item span:before,
    .block-list:not(.media-filter, .swiper-list) .item span:before,
    .block-list.media-filter .item:nth-child(n + 3) span:before,
    .media .block-list.swiper-list .item span:after,
    .block-list:not(.media-filter, .swiper-list) .item span:after,
    .block-list.media-filter .item:nth-child(n + 3) span:after {
      content: none !important;
    }
  }
}
@layer components {
  .item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    aspect-ratio: 1.41;
    overflow: hidden;
    background: var(--white);
    box-shadow: 0 1px 3px #00000080;
  }
  .item .title {
    position: absolute;
    bottom: 44px;
    padding: 0 16px;
    text-transform: uppercase;
    font-family: psv-condensed, sans-serif;
  }
  .item .title a {
    display: block;
    text-decoration: none;
  }
  .item .title a:focus-visible {
    outline: 2px solid var(--white);
    outline-offset: 2px;
  }
  .item .title span {
    padding: 1px 5px;
    background: var(--black);
    font-size: 22px;
    line-height: 24px;
    color: var(--white);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .item .thumb {
    width: 100%;
    height: 100%;
  }
  .item:has(.thumb a):is(:hover, :focus-within) .thumb img {
    scale: 1.075;
  }
  .item img {
    width: 100%;
    height: 100%;
    max-width: inherit;
    scale: 1.001;
    transition: scale 0.3s ease-in-out;
  }
  .item > div:nth-of-type(3) {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: row;
  }
  .item .contenttype span {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: -moz-min-content;
    width: min-content;
    padding: 0 10px 0 3px;
    background: var(--primary-red);
    color: var(--white);
    font-family: psv-sans, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 200;
  }
  .item time {
    padding: 0 10px 0 16px;
    background: var(--white);
    color: var(--black);
    font-family: psv-sans, sans-serif;
    font-size: 12px;
  }
  .item time span {
    display: inline;
    margin-left: 2px;
  }
  .item time:after,
  .item .contenttype span:after {
    content: "";
    position: absolute;
    top: 0;
    right: -5px;
    display: block;
    height: 100%;
    width: 8px;
    background: var(--primary-red);
    transform: skew(-16deg);
  }
  .item .contenttype span:after {
    background: var(--primary-red);
  }
  .item time:after {
    background: var(--white);
  }
  .item .contenttype.wmammodularcontent_article span:before,
  .item .contenttype.wmammodularcontent_photogallery span:before,
  .item .contenttype.wmammodularcontent_video span:before {
    content: "";
    display: block;
    background: var(--white);
    height: 20px;
    width: 20px;
  }
  .item .contenttype.wmammodularcontent_article span:before {
    -webkit-mask-image: url(../icons/article.svg);
    mask-image: url(../icons/article.svg);
  }
  .item .contenttype.wmammodularcontent_photogallery span:before {
    -webkit-mask-image: url(../icons/site_gallery.svg);
    mask-image: url(../icons/site_gallery.svg);
  }
  .item .contenttype.wmammodularcontent_video span:before {
    -webkit-mask-image: url(../icons/video_play.svg);
    mask-image: url(../icons/video_play.svg);
  }
  .swiper-list #bcRecommendations .item {
    display: flex;
    aspect-ratio: unset;
    max-height: unset;
  }
  .swiper-list #bcRecommendations .item img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
  }
  .block-list.swiper-list #bcRecommendations .item .thumb img {
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@layer components {
  .terms {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px 12px;
    justify-content: start;
    margin: 0;
    padding-bottom: 16px;
    padding-inline: 16px;
  }
  .terms .tag {
    position: relative;
    padding: 6px 12px;
    color: var(--primary-red);
    font-family: psv-condensed, sans-serif;
    font-size: 16px;
    text-decoration: none;
  }
  .terms a.tag:is(:hover, :focus-visible) {
    text-decoration: underline;
  }
  .terms .tag:before,
  .terms .tag:after {
    content: "";
    position: absolute;
    top: 0;
    border-top: solid 1px var(--primary-red);
    border-bottom: solid 1px var(--primary-red);
    height: 100%;
    width: 100%;
    transform: skew(-16deg);
  }
  .terms .tag:before {
    left: 0;
    border-left: solid 1px var(--primary-red);
    transform-origin: top;
  }
  .terms .tag:after {
    right: 0;
    border-right: solid 1px var(--primary-red);
    transform-origin: bottom;
  }
  .terms .tag:first-of-type:before {
    transform: skew(0);
  }
  .terms .tag:last-of-type:after {
    transform: skew(0);
  }
}
@layer components {
  @media (min-width: 960px) {
    .terms {
      padding: 0 0 64px 106px;
    }
  }
}
@layer components {
  .block-leadimage .img-default {
    z-index: -1;
    position: absolute;
    top: 0;
    inset-inline: 0;
    height: 714px;
  }
  .block-leadimage .img-default img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .block-leadimage .img-default:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(
      0deg,
      rgba(var(--black-12), 0.2) 0%,
      rgba(var(--black-12), 0.2) 100%
    );
  }
}
@layer components {
  @media (min-width: 960px) {
    .block-leadimage .img-default {
      height: 856px;
    }
  }
}
@layer components {
  .overviewheader-visual {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*height: 626px;*/
    height: 326px;
    width: 100%;
  }
  .overviewheader-visual:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(
        180deg,
        rgb(var(--black-12)) 0%,
        rgba(var(--black-12), 0) 65.63%
      ),
      linear-gradient(
        0deg,
        rgba(var(--black-12), 0.2) 0%,
        rgba(var(--black-12), 0.2) 100%
      ),
      linear-gradient(
        0deg,
        rgba(var(--black-12), 0.2) 0%,
        rgba(var(--black-12), 0.2) 100%
      );
  }
  .titles,
  .overviewheader-title-wrapper {
    z-index: 1;
    min-inline-size: 235px;
    max-width: 95vw;
  }
  .overviewheader-visual-title h1 {
    color: var(--white);
    font-family: psv-branding, sans-serif;
    font-size: 40px;
    line-height: 38px;
    margin-bottom: 10px;
    text-align: center;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .contentpage .overviewheader-visual h1 {
    font-size: 40px;
    line-height: 38px;
  }
  .overviewheader-visual-subtitle h2 {
    display: flex;
    align-items: center;
    color: var(--primary-red);
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    text-transform: none;
  }
  .overviewheader-visual-subtitle h2:after {
    flex: 1;
    content: "";
    display: block;
    margin-left: 5px;
    height: 2px;
    background: var(--white);
  }
  .overviewheader-visual-image {
    position: absolute;
    inset: 0;
  }
  .overviewheader-visual-image figure,
  .overviewheader-visual-image picture,
  .overviewheader-visual-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@layer components {
  @media (min-width: 960px) {
    .overviewheader-visual {
      height: 304px;
      /*height: 704px;*/
    }
    .overviewheader-visual-title {
      margin-top: -40px;
    }
    .overviewheader-visual-title h1,
    .contentpage .overviewheader-visual-title h1 {
      font-size: 96px;
      line-height: 102px;
    }
    .overviewheader-visual-subtitle h2 {
      font-size: 32px;
      line-height: 32px;
    }
    .titles,
    .overviewheader-title-wrapper {
      inline-size: auto;
    }
  }
}
@layer components {
  :is(.player, .personyouth) .overviewheader-visual {
    margin-top: 32px;
    aspect-ratio: 25 / 7;
    height: auto;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25)),
      repeating-linear-gradient(
        90deg,
        var(--vcred-07) 0,
        var(--vcred-07) 10vw,
        var(--scred-07) 10vw,
        var(--scred-07) 20vw
      );
  }
  :is(.player, .personyouth) .overviewheader-visual:after {
    content: none;
  }
  .overviewheader-visual-image.overviewheader-visual-image--transparent {
    filter: unset;
  }
  .overviewheader-visual-image.overviewheader-visual-image--transparent img {
    width: auto;
    margin: 0 auto;
  }
}
@layer components {
  @media (min-width: 960px) {
    :is(.player, .personyouth) .overviewheader-visual {
      margin-top: 0;
    }
  }
}
@layer components;
@layer components {
  .lightbox[open] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    background: none;
    border: 0;
    touch-action: none;
  }
  .lightbox::backdrop {
    background-color: #000;
    opacity: 0.9;
  }
  .lightbox__content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .lightbox__close {
    align-items: center;
    background: none;
    display: flex;
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    justify-content: flex-end;
    line-height: 18px;
    max-width: 1248px;
    padding: 0;
    position: absolute;
    text-transform: capitalize;
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .lightbox__close:is(:hover, :focus) {
    outline: 0;
    background: transparent;
  }
  .lightbox__close:is(:hover, :focus-visible) {
    text-decoration: underline;
  }
  .lightbox__video {
    position: relative;
    width: 100%;
    max-width: 872px;
    background: var(--black);
  }
  .lightbox__video .video {
    aspect-ratio: 872 / 490.5;
  }
  .lightbox__video-title {
    display: block;
    padding: 20px;
    font-size: 18px;
    font-weight: 700;
    border-top: 2px solid var(--primary-red);
    background: var(--white);
  }
  .lightbox__gallery {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 1170px;
    max-height: 760px;
    overflow: hidden;
  }
  .lightbox__gallery img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .lightbox__gallery h2 {
    max-width: 614px;
    line-height: 1.2;
  }
  .lightbox__gallery h2 span {
    padding: 2px 12px;
    background: var(--black);
    color: var(--white);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .lightbox__gallery-top {
    position: relative;
    width: 100%;
    max-width: 612px;
  }
  .lightbox__gallery-top .swiper-slide {
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    opacity: 0;
    scale: 0.75;
    transition: 0.3s;
  }
  .lightbox__gallery-top .swiper-slide-active {
    z-index: 1;
    opacity: 1;
    translate: 0;
    scale: 1;
  }
  .lightbox__gallery-top :is(.swiper-slide-next, .swiper-slide-prev) {
    opacity: 0.75;
  }
  .lightbox__gallery-top :is(.swiper-button-next, .swiper-button-prev) {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    z-index: 1;
    translate: 0 -50%;
    padding-block: 0.625rem;
    padding-inline: 2.5rem;
  }
  .lightbox__gallery-top .swiper-button-next {
    right: -120px;
  }
  .lightbox__gallery-top .swiper-button-prev {
    left: -120px;
  }
  .lightbox__gallery-top .swiper-slide-next {
    translate: -50% 0;
  }
  .lightbox__gallery-top .swiper-slide-prev {
    translate: 50% 0;
  }
  .lightbox__gallery-thumbs .swiper-slide {
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    height: 100%;
    opacity: 0.5;
    scale: 0.85;
    transition: 0.3s;
    cursor: pointer;
  }
  .lightbox__gallery-thumbs :is(.swiper-slide-prev, .swiper-slide-next) {
    opacity: 0.75;
  }
  .lightbox__gallery-thumbs .swiper-slide-active {
    opacity: 1;
    scale: 1;
  }
  .lightbox__gallery-thumbs .swiper-pagination {
    margin-top: 12px;
    font-weight: 700;
    color: var(--white);
  }
  .lightbox .loading-spinner {
    display: none;
  }
  .lightbox.lightbox--loading .loading-spinner {
    display: block;
    z-index: 2;
  }
  :is(.swiper-button-prev, .swiper-button-next) svg {
    width: 1.5rem;
  }
  :is(.swiper-button-prev, .swiper-button-next) path {
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 1.5px;
  }
  .swiper-button-prev svg {
    rotate: 180deg;
  }
  .swiper-button-next path {
    fill: currentColor;
    stroke: currentColor;
  }
}
@layer components {
  @media (min-width: 960px) {
    .lightbox__close {
      padding: 0 108px;
    }
  }
}
@layer components {
  .lightbox.lightbox--business[open] {
    padding-inline: 0;
  }
  .lightbox.lightbox--business .lightbox__content {
    max-height: 75dvh;
    overflow: auto;
    margin: auto;
  }
  .lightbox.lightbox--business .lightbox__content > .block-default {
    height: 100%;
  }
  .lightbox.lightbox--business .pagesection-default {
    background: var(--white);
    padding: 32px 20px 40px;
    max-width: 872px;
  }
  :is(
      .lightbox.lightbox--business .pagesection-default,
      .columns.columns.columns--contact
    )
    .wrapper {
    padding: 0;
  }
  .lightbox.lightbox--business .pagesection-default .columns {
    grid-template-columns: 1fr;
    gap: 56px;
    margin-block: 56px 24px;
  }
  .columns.columns.columns--contact {
    gap: 32px;
    margin-block: 56px 24px;
  }
  .lightbox.lightbox--business .pagesection-default .column,
  .columns.columns--contact .column {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 24px;
    padding: 0;
  }
  :is(
      .lightbox.lightbox--business .pagesection-default .column,
      .columns.columns--contact .column
    )
    > .block-default {
    grid-column: 1;
  }
  :is(
      .lightbox.lightbox--business .pagesection-default .column,
      .columns.columns--contact .column
    )
    > :not(.block-default) {
    grid-column: 2;
    margin-block: 0;
  }
  :is(
      .lightbox.lightbox--business .pagesection-default,
      .columns.columns--contact
    )
    strong {
    display: inline-block;
    margin-bottom: 14px;
    text-transform: uppercase;
  }
  :is(
      .lightbox.lightbox--business .pagesection-default,
      .columns.columns--contact
    )
    a {
    display: inline-flex;
    margin-top: 18px;
    color: var(--primary-red);
  }
  .lightbox.lightbox--business .lightbox__close {
    max-width: 1086px;
  }
  :is(
      .lightbox.lightbox--business .pagesection-default,
      .columns.columns--contact
    )
    img {
    border-radius: 50%;
    overflow: hidden;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .columns.columns--contact img {
    max-width: 100% !important;
    margin: 0 !important;
  }
  :is(
      .lightbox.lightbox--business .pagesection-default,
      .columns.columns--contact
    )
    a[href^="tel:"]:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 1lh;
    aspect-ratio: 1;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px;
    background-image: url(../icons/phone-red.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
}
@layer components {
  @media (min-width: 960px) {
    .lightbox.lightbox--business .pagesection-default {
      padding-inline: 82px;
    }
    .lightbox.lightbox--business .pagesection-default .columns {
      grid-template-columns: repeat(3, 1fr);
      gap: 72px;
      margin-block: 40px;
    }
    .columns.columns--contact {
      grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
      margin-block: 40px;
    }
    .lightbox.lightbox--business .pagesection-default .column,
    .columns.columns--contact .column {
      grid-template-columns: 1fr;
      place-content: start;
    }
    :is(
        .lightbox.lightbox--business .pagesection-default .column,
        .columns.columns--contact .column
      )
      > :not(.block-default) {
      grid-column: 1;
    }
    :is(
        .lightbox.lightbox--business .pagesection-default,
        .columns.columns--contact
      )
      h2 {
      font-size: 36px;
    }
    :is(
        .lightbox.lightbox--business .pagesection-default,
        .columns.columns--contact
      )
      img {
      max-width: 75% !important;
      margin: 0 auto !important;
    }
    :is(
        .lightbox.lightbox--business .pagesection-default,
        .columns.columns--contact
      )
      strong {
      margin-bottom: 24px;
    }
  }
}
@layer components {
  .filterbar .filterbar-toplevel,
  .side-navigation__wrapper .side-navigation {
    background-color: var(--black);
    display: flex;
    font-family: psv-condensed, sans-serif;
    font-weight: 500;
    width: 100%;
  }
  .side-navigation__wrapper .side-navigation {
    background-color: var(--gray-11);
  }
  :is(
      .filterbar .filterbar-toplevel,
      .side-navigation__wrapper .side-navigation
    )
    ul {
    display: flex;
    justify-content: start;
    overflow-x: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    align-items: center;
  }
  :is(
      .filterbar .filterbar-toplevel,
      .side-navigation__wrapper .side-navigation
    )
    li {
    display: flex;
    align-items: center;
    height: 100%;
  }
  :is(
      .filterbar .filterbar-toplevel,
      .side-navigation__wrapper .side-navigation
    )
    a {
    align-items: center;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
    color: var(--white);
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 14px 24px;
    text-align: center;
    transition: border-bottom 0.2s linear;
    width: 100%;
    text-decoration: none;
    font-size: 20px;
    white-space: nowrap;
  }
  :is(
      .filterbar .filterbar-toplevel,
      .side-navigation__wrapper .side-navigation
    )
    a:is(:hover, :focus, [data-filter-value-selected="true"], .active) {
    border-bottom: 3px solid var(--primary-red);
  }
  :is(
      .filterbar .filterbar-toplevel,
      .side-navigation__wrapper .side-navigation
    ):has(a:is(:hover, :focus))
    a:is([data-filter-value-selected="true"], .active):not(:hover, :focus) {
    border-color: transparent;
  }
}
@layer components {
  @media (min-width: 960px) {
    .filterbar .filterbar-toplevel,
    .filterbar .filterbar-filters {
      font-size: 24px;
    }
    :is(
        .filterbar .filterbar-toplevel,
        .side-navigation__wrapper .side-navigation
      )
      ul {
      justify-content: center;
    }
    :is(
        .filterbar .filterbar-toplevel,
        .side-navigation__wrapper .side-navigation
      )
      li {
      min-width: 180px;
    }
  }
}
@layer components {
  .filterbar-icon {
    content: url(../icons/filter-icon.svg);
    position: relative;
    margin-left: 10px;
    width: 40px;
    height: 40px;
  }
  .filterbar-filters {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    width: 100%;
    max-width: 1284px;
    margin: 0 auto 24px;
    padding-inline: 16px;
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
  }
  div.filterbar-filter {
    position: relative;
    height: 42px;
    width: -moz-fit-content;
    width: fit-content;
  }
  ul.filterbar-filter {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 40px;
    margin: 0;
    -webkit-padding-start: 0px;
    padding-inline-start: 0px;
    list-style: none;
    cursor: pointer;
  }
  ul.filterbar-filter.open {
    width: auto;
    background: var(--white);
    border: 1px solid var(--gray-08);
    max-height: 340px;
    overflow-y: auto;
    scrollbar-color: var(--primary-red) var(--white);
    scrollbar-width: thin;
  }
  ul.filterbar-filter.open li {
    background: var(--white);
  }
  .filterbar-filter a {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 12px;
    color: var(--black);
    text-align: right;
    text-decoration: none;
    pointer-events: none;
    transition: color 0.2s ease;
    visibility: hidden;
    line-height: 0;
    white-space: nowrap;
  }
  .filterbar-filter a:hover {
    color: var(--primary-red);
  }
  .filterbar-filter a[data-filter-value-selected] {
    display: flex;
    color: var(--primary-red);
    padding-left: 0;
    background: var(--white);
    border: 1px solid var(--gray-08);
    visibility: visible;
    width: 40px;
    line-height: 40px;
    text-indent: 100px;
    overflow: hidden;
  }
  .filterbar-filter a[data-filter-value-selected]:before {
    background-image: url(../icons/icon-filter-default.svg);
    content: "";
    width: 40px;
    height: 40px;
    aspect-ratio: 1;
    background-position: center;
    background-repeat: no-repeat;
  }
  .filterbar-filter[data-filter-attribute="team"]
    a[data-filter-value-selected]:before {
    background-image: url(../icons/shirt-red.svg);
  }
  .filterbar-filter[data-filter-attribute="season"]
    a[data-filter-value-selected]:before {
    background-image: url(../icons/calendar-minimal.svg);
  }
  .filterbar-filter[data-filter-attribute="agegroup"]
    a[data-filter-value-selected]:before {
    background-image: url(../icons/icon-filter-agegroup.svg);
  }
  .filterbar-filter.open {
    z-index: 1;
  }
  ul.filterbar-filter.open a {
    display: block;
    pointer-events: all;
    visibility: visible;
    line-height: 40px;
    padding-left: 44px;
  }
  ul.filterbar-filter.open a[data-filter-value-selected] {
    width: auto;
    border: 0;
    text-indent: inherit;
  }
  ul.filterbar-filter.open a[data-filter-value-selected]:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .filter:has(.filterbar-filter) .filterbar-result .h2-wrapper:first-of-type {
    margin-top: -62px;
    margin-bottom: 24px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .filterbar-filters {
      gap: 24px;
    }
    div.filterbar-filter {
      min-width: 250px;
      width: -moz-fit-content;
      width: fit-content;
    }
    ul.filterbar-filter,
    ul.filterbar-filter.open {
      min-width: 250px;
      width: 100%;
    }
    .filterbar-filter a {
      display: flex;
    }
    .filterbar-filter a[data-filter-value-selected] {
      width: 100%;
      text-indent: inherit;
      padding-left: 6px;
    }
    .filterbar-filter a[data-filter-value-selected]:before {
      width: 32px;
      height: 32px;
    }
    ul.filterbar-filter.open a[data-filter-value-selected]:before {
      left: 7px;
      top: 5px;
    }
  }
}
@layer components {
  .filter {
    margin-bottom: 80px;
  }
  .filter .block-list .modiv-default .wrapper {
    padding-top: 0;
  }
  .filterbar {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 48px;
  }
  .match .filterbar {
    margin-bottom: 0;
  }
  .matchyouth .overviewheader-visual .button--skewed,
  .match .overviewheader-visual .button--skewed {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .matchyouth .button--skewed.white--lined:hover img,
  .match .button--skewed.white--lined:hover img {
    filter: brightness(0);
  }
  .filterbar a {
    text-decoration: none;
  }
  .filterbar ul {
    list-style: none;
  }
}
@layer components {
  @media (min-width: 960px) {
    .filterbar {
      flex-direction: row;
      margin-bottom: 64px;
    }
  }
}
@layer components {
  .match .filterbar {
    margin-bottom: 0;
  }
  .filterbar-result {
    position: relative;
    min-height: 400px;
    isolation: isolate;
    margin-top: 32px;
  }
  .filter--loading .filterbar-result:after {
    content: "";
    inset: -10px;
    position: absolute;
    background-color: #eeeb;
    z-index: 200;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  .filterbar-result .loading-spinner {
    display: none;
  }
  .filter--loading .filterbar-result .loading-spinner {
    display: block;
    position: absolute;
    top: 25dvh;
    z-index: 201;
  }
}
@layer components {
  .sitewidepages li {
    background-color: var(--primary-red);
    width: 40px;
    height: 40px;
    padding: 0;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 20px;
    box-shadow: none;
    text-indent: -1000px;
  }
  header.scrolled .sitewidepages li {
    top: 20px;
  }
  .sitewidepages li a {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: transparent;
    text-decoration: none;
    font-size: 0px;
    line-height: 0px;
    background-repeat: no-repeat;
    background-position: 5% 50%;
  }
  .sitewidepages li a:is(:hover, :focus-visible) {
    background-color: var(--tertiair-red);
  }
  #languageswitch {
    display: none;
  }
  #sitewideitem1 {
    right: 82px;
  }
  #sitewideitem1 a {
    background-image: url(../icons/shirt-white.svg);
  }
  #sitewideitem2 {
    right: 24px;
  }
  #sitewideitem2 a {
    background-image: url(../icons/ticket-white.svg);
    background-position: 15% 50%;
  }
}
@layer components {
  @media (min-width: 960px) {
    .sitewidepages li {
      top: 0;
      width: 150px;
      height: 64px;
      text-indent: 0;
    }
    header.scrolled .sitewidepages li {
      top: 0;
    }
    .sitewidepages li a {
      padding-left: 25px;
      color: var(--white);
      font-size: 18px;
      font-weight: 500;
      line-height: 18px;
      text-transform: uppercase;
    }
	#sitewideitem1 {
      right: 157px;
    }
    #sitewideitem2 {
      right: 10px;
    }
	/*
    #sitewideitem1 {
      right: 325px;
    }
    #sitewideitem2 {
      right: 178px;
    }
	*/
    #sitewideitem1 a {
      background-size: 30%;
    }
    #sitewideitem2 a {
      background-size: 20%;
    }
  }
}
@layer components {
  @media (max-width: 375px) {
    #sitewideitem1 {
      right: 56px;
    }
    #sitewideitem2 {
      right: 8px;
    }
  }
}
@layer components {
  .filterbar-result .molist-matches .wrapper {
    padding: 0;
  }
  .filterbar-result .molist-matches .title {
    display: flex;
    align-items: center;
    background-color: var(--black);
    color: var(--white);
    font-family: psv-sans, sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    height: 32px;
    padding-left: 10px;
    box-shadow: 0 4px 4px -2px gray;
    margin-bottom: 8px;
  }
  .filterbar-result .match {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .filterbar-result .pagesection-matchday_announcement {
    display: flex;
    flex-direction: column;
  }
  .filterbar-result .pagesection-matchday_announcement .title {
    color: var(--black);
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    background-color: transparent;
    box-shadow: none;
  }
  .filterbar-result .molist-matches ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  .filterbar-result .molist-matches ul li {
    position: relative;
    background-color: var(--white);
    box-shadow: 0 4px 4px -2px gray;
    margin-bottom: 8px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .filterbar-result .match {
      position: static;
      height: 100%;
      display: block;
    }
    .filterbar-result .molist-matches .title {
      height: 48px;
      font-size: 26px;
    }
    .filterbar-result .pagesection-matchday_announcement {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      height: 100%;
    }
    .filterbar-result .pagesection-matchday_announcement .title {
      font-size: 18px;
      font-weight: 400;
      line-height: 26px;
      text-transform: none;
      background-color: transparent;
      box-shadow: none;
    }
    .filterbar-result .molist-matches ul li {
      display: flex;
      flex-direction: row;
      height: 176px;
      margin-bottom: 8px;
      box-shadow: 0 4px 4px -2px gray;
      position: relative;
    }
  }
}
@layer components {
  .filterbar-result .molist-matches ul li .competition-logo {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(
      45deg,
      transparent 50%,
      var(--secondary-red) 33%
    );
  }
  .filterbar-result .molist-matches ul li .competition-logo.away {
    background: linear-gradient(45deg, transparent 50%, var(--gray-11) 33%);
  }
  .filterbar-result .molist-matches ul li .competition-logo img {
    width: 40px;
    height: auto;
    position: relative;
    top: 16px;
    left: 50px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .filterbar-result .molist-matches ul li .competition-logo {
      flex-shrink: 0;
      width: 82px;
      height: 100%;
      background: var(--secondary-red);
      display: flex;
      position: static;
    }
    .filterbar-result .molist-matches ul li .competition-logo.away {
      background: var(--gray-11);
    }
    .filterbar-result .molist-matches ul li .competition-logo img {
      width: auto;
      margin: auto;
      padding: 0 8px;
      position: static;
    }
  }
}
@layer components {
  .filterbar-result .molist-matches .left {
    display: flex;
  }
  .filterbar-result .molist-matches .left .title {
    display: flex;
    flex-direction: row;
    font-size: 16px;
    line-height: 18px;
    margin: 20px 5px;
    align-items: flex-start;
  }
  .filterbar-result .molist-matches .left .title .datetime {
    padding-right: 5px;
    border-right: 2px solid var(--black);
  }
  .filterbar-result .molist-matches .left .title .time {
    padding-left: 5px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .filterbar-result .molist-matches .left .title {
      width: 130px;
      margin: 20px;
      flex-direction: column;
    }
    .filterbar-result .molist-matches .left .title .datetime {
      border-right: none;
    }
    .filterbar-result .molist-matches .left .title .time {
      font-size: 36px;
      line-height: 30px;
      font-weight: 700;
      margin-top: 30px;
      padding: 0;
    }
  }
}
@layer components {
  .filterbar-result .molist-matches .middle {
    justify-self: center;
    padding-bottom: 30px;
  }
  .filterbar-result .molist-matches .middle .results {
    display: flex;
    align-items: center;
    color: var(--black);
    text-decoration: none;
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase;
    height: 100%;
    max-width: 90%;
    margin: auto;
  }
  .filterbar-result .molist-matches .middle .team {
    min-width: 120px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
  }
  .filterbar-result .molist-matches .middle .team img {
    max-width: 75px;
    height: auto;
    margin-bottom: 5px;
  }
  .filterbar-result .molist-matches .middle .team .team-name {
    text-align: center;
  }
  .filterbar-result .molist-matches .middle .match-info {
    display: flex;
    flex-direction: column;
    margin-top: -56px;
    height: 100%;
    width: 200px;
  }
  .filterbar-result .molist-matches .middle .match-info .location {
    align-self: start;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    text-transform: capitalize;
    align-self: center;
    color: var(--gray-09);
    padding-left: 5px;
    text-align: center;
  }
  .filterbar-result .molist-matches .middle .match-info .score {
    align-self: start;
    font-size: 26px;
    line-height: 22px;
    font-weight: 700;
    text-transform: capitalize;
    font-style: italic;
    margin-top: 10px;
    align-self: center;
  }
}
@layer components {
  @media (min-width: 960px) {
    .filterbar-result .molist-matches .middle {
      padding: 0;
    }
    .filterbar-result .molist-matches .middle .results {
      font-size: 22px;
      line-height: 19px;
    }
    .filterbar-result .molist-matches .middle .team img {
      max-height: 80px;
      max-width: none;
    }
    .filterbar-result .molist-matches .middle .match-info {
      margin-top: 32px;
    }
    .filterbar-result .molist-matches .middle .match-info .location {
      margin-top: 10px;
      font-size: 16px;
      line-height: 18px;
      color: var(--black);
      padding: 0;
      border-left: none;
      text-align: center;
    }
    .filterbar-result .molist-matches .middle .match-info .score {
      font-size: 52px;
      line-height: 44px;
      margin-top: 20px;
    }
  }
}
@layer components {
  .filterbar-result .molist-matches .right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding-top: 30px;
    padding-bottom: 14px;
    border-top: 2px solid var(--gray-07);
  }
  .filterbar-result .molist-matches .right :is(button, .button) {
    margin-bottom: 16px;
  }
  .filterbar-result .molist-matches .right .red--filled {
    margin-left: 90px;
    background-image: url(../icons/arrow_right-white.svg);
    background-repeat: no-repeat;
    background-position: 80% 50%;
    padding-right: 72px;
  }
  .filterbar-result .molist-matches .right .red--lined {
    margin-left: 90px;
    padding-right: 40px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .filterbar-result .molist-matches .right {
      position: absolute;
      right: 64px;
      padding-block: 0;
      border: none;
    }
    .filterbar-result .molist-matches .right .red--filled,
    .filterbar-result .molist-matches .right .red--lined {
      margin-left: 0;
    }
  }
}
@layer components {
  .filterbar-result .toto {
    height: 32px;
    display: flex;
    align-items: center;
    background-color: #f8f8f8;
  }
  .filterbar-result .toto a {
    display: flex;
    text-decoration: none;
    color: var(--gray-09);
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    background-image: url(../icons/toto-logo.svg);
    background-position: 2% center;
    background-repeat: no-repeat;
    width: 100%;
    justify-content: flex-end;
    gap: 60px;
    padding-right: 10px;
    height: 32px;
    align-items: center;
  }
}
@layer components {
  @media (min-width: 960px) {
    .filterbar-result .toto {
      position: absolute;
      bottom: 0px;
      width: calc(100% - 82px);
    }
    .filterbar-result .toto a {
      font-size: 16px;
      line-height: 18px;
      gap: 380px;
    }
  }
}
@layer components {
  .pagesection-matchday_upcoming-match {
    height: 626px;
    background: linear-gradient(180deg, #ed1c24 0%, #9c1006 100%);
  }
  .pagesection-matchday_upcoming-match .header {
    display: flex;
    height: 60px;
    justify-content: space-between;
  }
  .pagesection-matchday_upcoming-match .header .title {
    height: 51px;
    width: 260px;
    background: var(--white);
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: psv-sans;
    position: relative;
    top: -1px;
    left: -1px;
  }
  .pagesection-matchday_upcoming-match .header .competition-logo {
    width: 85px;
    height: 50px;
    margin: 20px;
  }
  .pagesection-matchday_upcoming-match .header .competition-logo img {
    width: 100%;
  }
}
@layer components {
  @media (min-width: 960px) {
    .pagesection-matchday_upcoming-match {
      height: 404px;
    }
    .pagesection-matchday_upcoming-match .header .competition-logo {
      display: none;
    }
  }
}
@layer components {
  .pagesection-matchday_upcoming-match .top {
    font-family: psv-sans, sans-serif;
    color: var(--white);
    margin-left: 20px;
    margin-top: 20px;
  }
  .pagesection-matchday_upcoming-match .top .datetime {
    font-size: 24px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .pagesection-matchday_upcoming-match .top .time {
    font-size: 38px;
    line-height: 32px;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 20px;
  }
  .pagesection-matchday_upcoming-match .top .location {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    border-left: 1px solid var(--white);
    padding-left: 10px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .pagesection-matchday_upcoming-match .top .match-info {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      top: -50px;
    }
    .pagesection-matchday_upcoming-match .top .datetime {
      font-size: 24px;
      line-height: 22px;
      font-weight: 400;
      margin-right: 10px;
      margin-bottom: 0;
    }
    .pagesection-matchday_upcoming-match .top .time {
      display: none;
    }
    .pagesection-matchday_upcoming-match .top .location {
      font-size: 24px;
      line-height: 22px;
      font-weight: 400;
    }
  }
}
@layer components {
  .pagesection-matchday_upcoming-match .middle {
    margin-bottom: 30px;
  }
  .pagesection-matchday_upcoming-match .middle a {
    font-family: psv-sans, sans-serif;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    margin-top: 50px;
    justify-content: center;
  }
  .pagesection-matchday_upcoming-match .middle .match-info {
    display: none;
  }
  .pagesection-matchday_upcoming-match .middle .team {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
    justify-content: flex-start;
  }
  .pagesection-matchday_upcoming-match .middle .team img {
    width: 75px;
    height: auto;
  }
  .pagesection-matchday_upcoming-match .middle .team .team-name:first-child {
    display: none;
  }
  .pagesection-matchday_upcoming-match .middle .team .team-name {
    text-transform: uppercase;
    color: var(--white);
    font-size: 36px;
    line-height: 31px;
    font-weight: 700;
    margin-left: 20px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .pagesection-matchday_upcoming-match .middle {
      margin-top: 30px;
    }
    .pagesection-matchday_upcoming-match .middle a {
      flex-direction: row;
      margin-left: 0;
      margin-top: 0;
      max-height: 156px;
    }
    .pagesection-matchday_upcoming-match .middle .match-info {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      margin: 0 30px;
      position: relative;
      top: -30px;
    }
    .pagesection-matchday_upcoming-match
      .middle
      .match-info
      .competition-logo
      img {
      width: 107px;
    }
    .pagesection-matchday_upcoming-match .middle .match-info .time {
      color: var(--white);
      font-size: 52px;
      line-height: 44px;
      font-family: psv-branding, sans-serif;
      margin-bottom: 20px;
      margin-left: -2px;
    }
    .pagesection-matchday_upcoming-match .middle .team {
      width: 480px;
    }
    .pagesection-matchday_upcoming-match .middle .team img {
      max-width: 160px;
      min-height: 130px;
      width: auto;
      height: auto;
    }
    .pagesection-matchday_upcoming-match .middle .team:first-child {
      justify-content: flex-end;
    }
    .pagesection-matchday_upcoming-match .middle .team .team-name {
      font-size: 56px;
      line-height: 56px;
    }
    .pagesection-matchday_upcoming-match .middle .team .team-name:first-child {
      display: block;
      margin-right: 20px;
    }
    .pagesection-matchday_upcoming-match
      .middle
      .team:first-child
      .team-name:last-child {
      display: none;
    }
  }
}
@layer components {
  .pagesection-matchday_upcoming-match .bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pagesection-matchday_upcoming-match .button--skewed.white--lined {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pagesection-matchday_upcoming-match .button--skewed.red--filled {
    background-image: url(../icons/arrow_right-white.svg);
    background-repeat: no-repeat;
    background-position: 80% 50%;
    padding-right: 80px;
    display: flex;
    align-items: center;
    padding-left: 60px;
    -webkit-clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  }
  .pagesection-matchday_upcoming-match a .button--skewed.red--filled svg {
    fill: #fff;
  }
}
@layer components {
  @media (min-width: 960px) {
    .pagesection-matchday_upcoming-match .bottom {
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: center;
    }
    .pagesection-matchday_upcoming-match .button--skewed.white--lined {
      margin-bottom: 0;
      margin-right: 10px;
    }
  }
}
@layer components {
  .swiper-container {
    width: 100%;
    min-height: 100px;
  }
  .swiper-initialized {
    touch-action: pan-y;
  }
  .swiper-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
  }
  .swiper-button-disabled {
    pointer-events: none;
    opacity: 0.5;
  }
  .carousel__slider {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    margin: 0 auto;
    max-width: 1248px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .carousel__slider .carousel__slider--buttons {
    display: flex;
    justify-content: flex-end;
    margin: 16px 0;
    width: calc(100vw - 48px);
  }
}
@layer components {
  @media screen and (min-width: 960px) {
    .carousel__slider .carousel__slider--buttons {
      width: 100%;
    }
  }
}
@layer components {
  .standings {
    border: none;
    border-collapse: collapse;
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    text-transform: uppercase;
    box-shadow: 0 4px 4px #00000040;
  }
  .standings thead {
    background-color: var(--black);
    color: var(--white);
    font-weight: 700;
    height: 40px;
  }
  .standings thead .club {
    text-align: left;
  }
  .standings thead .standing {
    min-width: 30px;
  }
  .standings thead .wvg,
  .standings tbody .wvg,
  .standings thead .dv-dt,
  .standings tbody .dv-dt {
    display: none;
  }
  .standings tbody .odd {
    background-color: var(--white);
  }
  .standings tbody .even {
    background-color: #f8f8f8;
  }
  .standings tbody .highlight {
    background-color: var(--primary-red);
    font-weight: 700;
  }
  .standings tbody td {
    text-align: center;
    height: 40px;
  }
  .standings tbody .club {
    display: flex;
    align-items: center;
  }
  .standings tbody .club img {
    max-height: 26px;
    width: auto;
    margin-right: 10px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .standings {
      font-size: 28px;
      line-height: 28px;
    }
    .standings thead {
      height: 75px;
    }
    .standings thead th {
      min-width: 50px;
    }
    .standings thead .wvg,
    .standings tbody .wvg,
    .standings thead .dv-dt,
    .standings tbody .dv-dt {
      display: table-cell;
    }
    .standings tbody td {
      text-align: center;
      height: 65px;
    }
    .standings tbody .club img {
      max-height: 45px;
      margin-right: 20px;
    }
  }
}
@layer components {
  .global-statistics {
    color: var(--gray-08);
    text-transform: uppercase;
    width: 100%;
  }
  .global-statistics .matches {
    background: var(--black);
    color: var(--gray-09);
    display: flex;
    flex-wrap: wrap;
    padding: 16px 24px;
  }
  .global-statistics .number {
    color: var(--gray-08);
    font-size: 26px;
    font-family: psv-condensed, sans-serif;
  }
  .global-statistics .total-matches--amount,
  .global-statistics .total-matches--stats {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 50%;
  }
  .global-statistics .total-matches--stats {
    border-left: 2px solid var(--gray-11);
    padding-left: 24px;
  }
  .global-statistics .large-number,
  .global-statistics .large-number--red {
    color: var(--gray-08);
    font-size: 82px;
    font-family: psv-condensed, sans-serif;
  }
  .global-statistics .large-number--red {
    color: var(--primary-red);
  }
  .global-statistics .total-matches--other {
    border-top: 2px solid var(--gray-11);
    display: flex;
    flex-direction: row;
    margin-top: 16px;
    padding-top: 16px;
    width: 100%;
  }
  .global-statistics .total-matches--other > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .global-statistics .total-matches--position {
    padding-left: 24px;
  }
  .global-statistics .medium-number {
    color: var(--gray-08);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
  }
  .global-statistics .medium-number > span {
    font-size: 22px;
    margin-left: 2px;
  }
  .global-statistics .other-stats {
    background: var(--gray-11);
    display: flex;
    flex-wrap: wrap;
    padding: 16px 24px;
    width: 100%;
  }
  .global-statistics .other-stats .other-stats--free-kicks {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
  }
  .global-statistics .other-stats .other-stats--kicks,
  .global-statistics .other-stats .other-stats--goals {
    width: 50%;
  }
  .global-statistics .other-stats .other-stats--goals,
  .global-statistics .other-stats .other-stats--red-cards {
    padding-left: 24px;
  }
  .global-statistics .other-stats .other-stats--cards {
    display: flex;
    flex-direction: row;
    margin-top: 40px;
    width: 100%;
  }
  .global-statistics .other-stats .other-stats--cards > div {
    width: 50%;
  }
}
@layer components {
  @media (min-width: 960px) {
    .global-statistics {
      max-width: 1248px;
      margin: 0 auto;
    }
    .global-statistics .total-matches--amount,
    .global-statistics .total-matches--stats,
    .global-statistics .other-stats > div,
    .global-statistics .total-matches--other,
    .global-statistics .other-stats .other-stats--cards,
    .global-statistics .other-stats .other-stats--red-cards {
      border: 0;
      margin: 0;
      padding: 0;
      width: unset;
    }
    .global-statistics .matches,
    .global-statistics .other-stats {
      flex-direction: row;
      padding: 16px 0;
    }
    .global-statistics .number,
    .global-statistics .medium-number {
      font-size: 82px;
      font-style: normal;
      font-weight: 700;
      line-height: 1.35;
      letter-spacing: -0.07em;
    }
    .global-statistics .matches .total-matches--amount,
    .global-statistics .total-matches--stats > div {
      border-left: 2px solid var(--gray-11);
      gap: 0;
      padding-left: 24px;
      width: 16.6667%;
    }
    .global-statistics .total-matches--stats {
      flex-direction: row;
      gap: 0;
      width: calc(16.6667% * 3);
    }
    .global-statistics .medium-number > span {
      font-size: 22px;
    }
    .global-statistics .total-matches--other {
      display: flex;
      gap: 0;
      width: 33.3334%;
    }
    .global-statistics .total-matches--other > div {
      border-left: 2px solid var(--gray-11);
      gap: 0;
      padding-left: 24px;
    }
    .global-statistics .total-matches--stats > div {
      width: 33%;
      display: flex;
      flex-direction: column;
      gap: 0;
    }
    .global-statistics .other-stats .other-stats--free-kicks {
      margin: 0;
    }
    .global-statistics .other-stats .other-stats--kicks,
    .global-statistics .other-stats .other-stats--goals,
    .global-statistics .other-stats .other-stats--cards {
      display: flex;
      flex-direction: column;
      width: 33%;
    }
    .global-statistics .other-stats .other-stats--goals {
      order: 1;
    }
    .global-statistics .other-stats .other-stats--kicks {
      gap: 48px;
      order: 2;
    }
    .global-statistics .other-stats .other-stats--cards {
      gap: 48px;
      order: 3;
    }
    .global-statistics .large-number--red {
      font-size: 250px;
      font-style: normal;
      font-weight: 700;
      line-height: 250px;
    }
  }
}
@layer components {
  .statistics-wrapper h2 {
    font-size: 23px;
    margin-bottom: 30px;
  }
  .statistics {
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 4px -2px gray;
  }
  .statistics .score {
    display: flex;
    font-family: psv-branding, sans-serif;
    font-size: 26px;
    line-height: 22px;
    width: 100%;
  }
  .statistics .wrapper {
    width: 100%;
  }
  .statistics .wrapper .pagesection-matchday_announcement {
    display: flex;
    flex-direction: column;
  }
  .statistics .score a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
    padding: 0 15px;
  }
  .statistics .score img {
    width: 60px;
    height: auto;
  }
  .statistics .table-statistics table {
    width: 100%;
  }
  .statistics
    .table-statistics
    .shots
    .statistics
    .table-statistics
    .shots-on-post,
  .statistics .table-statistics .penalties,
  .statistics .table-statistics .yellow-cards,
  .statistics .table-statistics .red-cards,
  .statistics .table-statistics .free-kicks,
  .statistics .match-statistics h3 {
    display: none;
  }
  .statistics .table-statistics.attack {
    margin-top: -20px;
  }
  .statistics .table-statistics.fouls {
    margin-top: -30px;
  }
  .statistics .table-statistics {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    font-style: normal;
    font-family: psv-sans, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .statistics .table-statistics tr {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .statistics .table-statistics tr td {
    width: 100%;
  }
  .statistics .table-statistics .progress-bar {
    position: relative;
    width: 100%;
    height: 17px;
    background-color: var(--gray-08);
    font-size: 12px;
    line-height: 12px;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .statistics .table-statistics .progress-bar-fill {
    display: block;
    height: 17px;
    background-color: var(--primary-red);
    display: flex;
    align-items: center;
  }
  .statistics .table-statistics .progress-bar .percentage {
    position: absolute;
    right: 0;
    padding: 10px;
  }
  .statistics .table-statistics .progress-bar-fill .percentage {
    left: 0;
    right: auto;
    color: var(--white);
  }
}
@layer components {
  @media (min-width: 960px) {
    .statistics-wrapper h2 {
      font-size: 36px;
      margin-bottom: 40px;
    }
    .statistics .table-statistics {
      font-size: 16px;
      line-height: 18px;
    }
    .statistics
      .table-statistics
      .shots
      .statistics
      .table-statistics
      .shots-on-post,
    .statistics .table-statistics .penalties,
    .statistics .table-statistics .yellow-cards,
    .statistics .table-statistics .red-cards,
    .statistics .table-statistics .free-kicks,
    .statistics .match-statistics h3 {
      display: flex;
    }
    .statistics .table-statistics.attack,
    .statistics .table-statistics.fouls {
      margin-top: 0;
    }
    .statistics .table-statistics .progress-bar {
      margin-bottom: 20px;
    }
  }
}
@layer components {
  .pagesection-timeline ol {
    width: 358px;
    color: var(--white);
    padding: 0;
  }
  .pagesection-timeline ol {
    list-style: none;
  }
  .pagesection-timeline h2 {
    font-size: 22px;
  }
  .pagesection-timeline .wrapper {
    box-shadow: 0 4px 4px -2px gray;
    padding: 0 !important;
    gap: 0 !important;
    margin-left: 8px;
    z-index: -1;
  }
  .pagesection-timeline img {
    max-width: 32px;
    height: auto;
  }
  .pagesection-timeline li {
    position: relative;
    margin-bottom: 30px;
  }
  body.match .pagesection-timeline li:before {
    content: "";
    background-color: var(--gray-08);
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 8px;
    width: 3px;
    margin-bottom: -30px;
  }
  body.match .pagesection-timeline.hidetimeline li:before {
    content: none;
  }
  .pagesection-timeline.hidestatistics {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .pagesection-timeline li time {
    background-color: var(--gray-11);
    position: absolute;
    top: -12px;
    min-width: 24px;
    height: 24px;
    color: var(--white);
    font-size: 16px;
    line-height: 14px;
    font-family: psv-condensed, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-20%);
    padding: 2px;
  }
  .pagesection-timeline .home .wrapper {
    background-color: var(--primary-red);
  }
  .pagesection-timeline .home.tweet .wrapper {
    background-color: var(--white);
  }
  .pagesection-timeline .home.tweet .wrapper .twitter-tweet {
    margin: 0 auto;
  }
  .pagesection-timeline .away .wrapper {
    background-color: var(--gray-11);
  }
}
@layer components {
  @media (min-width: 960px) {
    .pagesection-timeline.hidestatistics {
      margin-left: -35px;
    }
    .pagesection-timeline ol {
      width: 718px;
    }
    .pagesection-timeline h2 {
      font-size: 36px;
    }
    .pagesection-timeline .wrapper {
      margin-left: 70px;
    }
    .pagesection-timeline li time {
      min-width: 32px;
      height: 32px;
      font-size: 22px;
      line-height: 19px;
      top: 0px;
      transform: translate(-0%);
    }
    .pagesection-timeline img {
      max-width: 60px;
    }
    .pagesection-timeline li:before {
      left: 16px;
    }
  }
}
@layer components {
  .pagesection-timeline li.goal {
    height: 104px;
  }
  .pagesection-timeline .goal .pagesection-matchday_announcement {
    height: 64px;
    background-image: url(../icons/icon_goal_white.png);
    background-repeat: no-repeat;
    background-position: 5% 50%;
    background-size: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 80px;
    justify-content: space-between;
  }
  .pagesection-timeline .goal .pagesection-matchday_announcement .left a {
    font-family: psv-branding, sans-serif;
    font-size: 26px;
    display: flex;
    align-items: center;
    margin-right: 10px;
  }
  .pagesection-timeline
    .goal
    .pagesection-matchday_announcement
    .left
    a
    .stand {
    margin: 0 10px;
  }
  .pagesection-timeline .goal .matchday-goal {
    height: 40px;
    background-color: var(--secondary-red);
    display: flex;
    font-size: 22px;
    font-family: psv-condensed, sans-serif;
    align-items: center;
    padding: 0 20px;
    position: relative;
  }
  .pagesection-timeline .goal .matchday-goal img {
    position: absolute;
    top: 5px;
    right: 10px;
  }
  .pagesection-timeline .away.goal .matchday-goal {
    background-color: var(--gray-10);
  }
  .pagesection-timeline .goal .matchday-goal .minutes {
    font-size: 22px;
  }
  .pagesection-timeline .goal .matchday-goal .player {
    display: flex;
    align-items: center;
    margin-left: 35px;
  }
  .pagesection-timeline .goal .matchday-goal .player .number {
    font-size: 26px;
    margin-right: 10px;
  }
  .pagesection-timeline .goal .matchday-goal .player .name {
    font-size: 16px;
    font-family: psv-sans, sans-serif;
    font-weight: 400;
  }
}
@layer components {
  @media (min-width: 960px) {
    .pagesection-timeline li.goal {
      height: 208px;
    }
    .pagesection-timeline .goal .pagesection-matchday_announcement {
      height: 96px;
      background-size: 52px;
      padding-left: 150px;
    }
    .pagesection-timeline .goal .pagesection-matchday_announcement .left a {
      font-size: 38px;
      margin-right: 30px;
    }
    .pagesection-timeline .goal .matchday-goal img {
      top: 30px;
      right: 30px;
    }
    .pagesection-timeline .goal .matchday-goal {
      height: 112px;
      font-size: 36px;
      padding: 0 30px;
    }
    .pagesection-timeline .goal .matchday-goal .minutes {
      font-size: 36px;
    }
    .pagesection-timeline .goal .matchday-goal .player {
      margin-left: 80px;
    }
    .pagesection-timeline .goal .matchday-goal .player .number {
      font-size: 84px;
    }
    .pagesection-timeline .goal .matchday-goal .player .name {
      flex-direction: column;
      font-family: psv-condensed, sans-serif;
      font-size: 26px;
    }
  }
}
@layer components {
  .pagesection-timeline .start-half .wrapper,
  .pagesection-timeline .end-half .wrapper {
    height: 64px;
    display: flex;
    justify-content: center;
    padding-left: 20px !important;
    position: relative;
  }
  .pagesection-timeline .start-half .wrapper {
    background-color: var(--primary-red);
  }
  .pagesection-timeline .end-half .wrapper {
    background-color: var(--black);
  }
  .pagesection-timeline .end-half .wrapper .time,
  .pagesection-timeline .start-half .wrapper .time {
    background-image: url(../icons/time_white.svg);
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: left center;
    padding-left: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .pagesection-timeline .start-half .wrapper,
    .pagesection-timeline .end-half .wrapper {
      height: 96px;
      padding-left: 30px !important;
    }
    .pagesection-timeline .end-half .wrapper .time,
    .pagesection-timeline .start-half .wrapper .time {
      top: 20px;
      right: 20px;
    }
  }
}
@layer components {
  .pagesection-timeline .substitution .wrapper,
  .pagesection-timeline .card .wrapper,
  .pagesection-timeline .link .wrapper,
  .pagesection-timeline .video .wrapper,
  .pagesection-timeline .article .wrapper,
  .pagesection-timeline .image .wrapper,
  .pagesection-timeline .var .wrapper {
    background-color: var(--white);
    color: var(--black);
    height: 64px;
    background-image: url(../icons/icon_sub.svg);
    background-repeat: no-repeat;
    background-position: 5% 50%;
    background-size: 28px 33px;
  }
  .pagesection-timeline .substitution .wrapper,
  .pagesection-timeline .card .wrapper,
  .pagesection-timeline .var .wrapper {
    font-family: psv-condensed, sans-serif;
    font-size: 22px;
    line-height: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px !important;
  }
  .pagesection-timeline .home.substitution .wrapper,
  .pagesection-timeline .home.card .wrapper,
  .pagesection-timeline .home.link .wrapper,
  .pagesection-timeline .home.video .wrapper,
  .pagesection-timeline .home.article .wrapper,
  .pagesection-timeline .home.image .wrapper,
  .pagesection-timeline .home.var .wrapper {
    border-left: 6px solid var(--primary-red);
  }
  .pagesection-timeline .away.substitution .wrapper,
  .pagesection-timeline .away.card .wrapper,
  .pagesection-timeline .away.link .wrapper,
  .pagesection-timeline .away.video .wrapper,
  .pagesection-timeline .away.article .wrapper,
  .pagesection-timeline .away.image .wrapper,
  .pagesection-timeline .away.var .wrapper {
    border-left: 6px solid var(--gray-11);
  }
  .pagesection-timeline .substitution .wrapper .matchday-change,
  .pagesection-timeline .card .wrapper .matchday-change,
  .pagesection-timeline .var .wrapper .matchday-change {
    padding-left: 60px;
    display: flex;
    align-items: center;
    font-size: 20px;
  }
  .pagesection-timeline .substitution .wrapper .matchday-change .names {
    margin-left: 10px;
  }
  .pagesection-timeline .substitution .wrapper .matchday-change .names .name {
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    display: grid;
    grid-template-columns: 50px auto;
  }
}
@layer components {
  @media (min-width: 960px) {
    .pagesection-timeline .substitution .wrapper,
    .pagesection-timeline .card .wrapper,
    .pagesection-timeline .link .wrapper,
    .pagesection-timeline .video .wrapper,
    .pagesection-timeline .article .wrapper,
    .pagesection-timeline .image .wrapper,
    .pagesection-timeline .var .wrapper {
      height: 96px;
      background-size: 52px 70px;
    }
    .pagesection-timeline .substitution .wrapper,
    .pagesection-timeline .card .wrapper,
    .pagesection-timeline .var .wrapper {
      padding-right: 30px !important;
    }
    .pagesection-timeline .substitution .wrapper .matchday-change,
    .pagesection-timeline .card .wrapper .matchday-change,
    .pagesection-timeline .var .wrapper .matchday-change {
      padding-left: 150px;
      display: block;
      font-size: 22px;
    }
    .pagesection-timeline .substitution .wrapper .matchday-change .names {
      margin-left: 0;
    }
  }
}
@layer components {
  .pagesection-timeline .card.red .wrapper {
    background-image: url(../icons/icon_red_card.svg);
  }
  .pagesection-timeline .card.yellow .wrapper {
    background-image: url(../icons/icon_yellow_card.svg);
  }
  .pagesection-timeline .var .wrapper {
    background-image: url(../icons/icon-video.svg);
  }
  .pagesection-timeline .card .wrapper p,
  .pagesection-timeline .var .wrapper p {
    margin-left: 10px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .pagesection-timeline .card .wrapper p,
    .pagesection-timeline .var .wrapper p {
      margin-left: 0;
    }
  }
}
@layer components {
  .pagesection-timeline .link .wrapper,
  .pagesection-timeline .video .wrapper,
  .pagesection-timeline .article .wrapper,
  .pagesection-timeline .image .wrapper {
    background-image: none;
    position: relative;
  }
  .pagesection-timeline .link .wrapper,
  .pagesection-timeline .video .wrapper,
  .pagesection-timeline .article .wrapper,
  .pagesection-timeline .image .wrapper {
    height: -moz-fit-content;
    height: fit-content;
  }
  .pagesection-timeline .image img {
    max-width: none;
    width: 100%;
  }
  .pagesection-timeline .link .wrapper .matchday-change,
  .pagesection-timeline .video .wrapper .matchday-change,
  .pagesection-timeline .article .wrapper .matchday-change,
  .pagesection-timeline .image .wrapper .matchday-change {
    padding: 20px 30px;
  }
  .pagesection-timeline .link .wrapper .matchday-change a p,
  .pagesection-timeline .video .wrapper .matchday-change a p,
  .pagesection-timeline .article .wrapper .matchday-change a p,
  .pagesection-timeline .image .wrapper .matchday-change a p {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
  }
  .pagesection-timeline .image .wrapper .text {
    position: relative;
  }
  .pagesection-timeline .link .wrapper .time,
  .pagesection-timeline .video .wrapper .time,
  .pagesection-timeline .article .wrapper .time,
  .pagesection-timeline .image .wrapper .time {
    background-image: url(../icons/time_black.svg);
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: left center;
    padding-left: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
  }
  .pagesection-timeline li.link time,
  .pagesection-timeline li.video time,
  .pagesection-timeline li.article time,
  .pagesection-timeline li.image time,
  .pagesection-timeline li.tweet time {
    background-image: url(../icons/share_white.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  .pagesection-timeline li.video time {
    background-image: url(../icons/video_white.svg);
  }
  .pagesection-timeline li.article time {
    background-image: url(../icons/article_white.svg);
  }
  .pagesection-timeline li.article.gallery time {
    background-image: url(../icons/photo_white.svg);
  }
  .pagesection-timeline li.image time {
    background-image: url(../icons/photo_white.svg);
  }
  .pagesection-timeline li.tweet time {
    background-image: url(../icons/x.svg);
    background-size: 50%;
  }
  .pagesection-timeline li.hideicon time {
    background-image: none;
  }
}
@layer components {
  @media (min-width: 960px) {
    .pagesection-timeline .card .wrapper p {
      margin-left: 0;
    }
    .pagesection-timeline .link .wrapper .time,
    .pagesection-timeline .video .wrapper .time,
    .pagesection-timeline .article .wrapper .time,
    .pagesection-timeline .image .wrapper .time {
      top: 20px;
      right: 20px;
    }
  }
}
@layer components {
  [data-in-context-mode="true"] .pagesection-timeline li > div {
    display: block;
    isolation: isolate;
  }
  [data-in-context-mode="true"] .pagesection-timeline li .editableContainer {
    padding: 0;
  }
}
@layer components {
  .side-navigation__wrapper .side-navigation {
    margin-top: -48px;
    margin-bottom: 48px;
  }
  .side-navigation__wrapper h3 {
    display: none;
  }
}
@layer components {
  @media (min-width: 960px) {
    .side-navigation__wrapper .side-navigation {
      margin-top: -64px;
      margin-bottom: 64px;
    }
  }
}
@layer components {
  .match-lineup h2 {
    margin-bottom: 30px;
  }
  .match-lineup table {
    width: 100%;
    background-color: var(--white);
    margin-bottom: 30px;
    box-shadow: 0 4px 4px -2px gray;
  }
  .match-lineup .wrapper {
    padding: 0 !important;
  }
  .match-lineup thead {
    text-align: left;
    height: 40px;
    font-family: psv-condensed, sans-serif;
  }
  .match-lineup thead th {
    padding-left: 10px;
  }
  .match-lineup .playing thead {
    color: var(--white);
    font-size: 22px;
    line-height: 19px;
  }
  .match-lineup .home .playing thead {
    background-color: var(--primary-red);
  }
  .match-lineup .away .playing thead {
    background-color: var(--black);
  }
  .match-lineup .substitute thead {
    font-size: 18px;
    line-height: 18px;
    background-color: #f8f8f8;
  }
  .match-lineup tbody tr {
    height: 32px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    font-family: psv-sans, sans-serif;
    display: flex;
    align-items: center;
    position: relative;
  }
  .match-lineup tbody tr:nth-child(even) {
    background-color: #f8f8f8;
  }
  .match-lineup tr td {
    display: flex;
    align-items: center;
    align-self: center;
    position: relative;
  }
  .match-lineup tr td .number {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    color: var(--white);
    margin: auto 20px auto 5px;
  }
  .match-lineup .home tr td .number {
    background-color: var(--primary-red);
  }
  .match-lineup .away tr td .number {
    background-color: var(--gray-11);
  }
  .match-lineup tr .sub {
    color: var(--black);
    position: absolute;
    right: 20px;
  }
  .match-lineup tr .sub:before {
    content: url(../icons/sub_bw.svg);
    padding-right: 5px;
  }
  .match-lineup tr .yellow:after {
    content: url(../icons/card_yellow_small.svg);
    padding-left: 5px;
  }
  .match-lineup tr .double-yellow:after {
    content: url(../icons/icon_yellow-red_card.svg);
    padding-left: 5px;
  }
  .match-lineup tr .yellow-red:after {
    content: url(../icons/icon_yellow-red_card.svg);
    padding-left: 5px;
  }
  .match-lineup tr .red:after {
    content: url(../icons/card_red_small.svg);
    padding-left: 5px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .match-lineup .wrapper {
      display: grid !important;
      grid-template-columns: 615px 615px;
    }
    .match-lineup table {
      width: 615px;
    }
    .match-lineup thead {
      height: 56px;
    }
    .match-lineup .playing thead {
      font-size: 26px;
    }
    .match-lineup .substitute thead {
      font-size: 22px;
    }
    .match-lineup tbody tr {
      height: 48px;
    }
    .match-lineup tr td .number {
      width: 32px;
      height: 32px;
      font-size: 22px;
    }
    .match-lineup tr .sub {
      font-size: 22px;
    }
  }
}
@layer components {
  .accordion-items {
    margin-block: 1rem 2.5rem;
  }
  .accordion > h2 {
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
  }
  .accordion .title {
    cursor: pointer;
    font-family: psv-condensed, sans-serif;
    font-size: 22px;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--primary-red);
    padding-right: 20px;
    padding-block: 1rem;
  }
  .accordion .title p {
    margin: 0 !important;
  }
  .accordion.red .title {
    color: var(--white);
    background-color: var(--scred-07);
    padding-left: 20px;
    background: linear-gradient(110deg, transparent 80%, var(--vcred-07) 80%),
      linear-gradient(90deg, var(--scred-07) 100%, var(--scred-07) 100%);
  }
  .accordion .content {
    display: none;
    overflow: hidden;
    border-bottom: 1px solid var(--primary-red);
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 16px !important;
  }
  .accordion.red .content {
    border-bottom: none;
    background: var(--white);
    padding-left: 10px;
    padding-right: 10px;
  }
  .accordion .title .icon {
    flex-shrink: 0;
    color: var(--primary-red);
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 1.5em;
    position: relative;
    -webkit-margin-start: 0.75rem;
    margin-inline-start: 0.75rem;
  }
  .accordion .title .icon span {
    position: absolute;
    transition: 0.3s;
    background: var(--primary-red);
  }
  .accordion.red .title .icon span {
    background: var(--white);
  }
  .accordion .title .icon span:first-child {
    top: 0%;
    bottom: 0%;
    width: 20%;
    left: 40%;
  }
  .accordion .title .icon span:last-child {
    left: 0%;
    right: 0%;
    height: 20%;
    top: 40%;
  }
  .accordion .title.active {
    border-bottom: none;
  }
  .accordion .title.active .icon span {
    transform: rotate(90deg);
  }
  .accordion .title.active .icon span:last-child {
    left: 50%;
    right: 50%;
  }
}
@layer components {
  @media (min-width: 960px) {
    .accordion.red .title {
      padding-right: 30px;
      background: linear-gradient(110deg, transparent 85%, var(--vcred-07) 85%),
        linear-gradient(90deg, var(--scred-07) 100%, var(--scred-07) 100%);
    }
    .accordion.red .content {
      padding-left: 30px;
      padding-right: 30px;
    }
  }
}
@layer components {
  .accordion .rte_container {
    white-space: normal !important;
  }
}
@layer components {
  .match-highlights-wrapper h2 {
    font-size: 23px;
    margin-bottom: 30px;
  }
  .match-highlights {
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 4px -2px gray;
  }
  .match-highlights .date {
    font-size: 10px;
    font-weight: 400;
    position: relative;
    top: -20px;
  }
  .match-highlights h2 {
    margin-bottom: 10px;
  }
  .match-highlights .highlight-block {
    display: flex;
    flex-direction: column;
    position: relative;
    top: -10px;
  }
  .match-highlights .title {
    background-color: var(--black);
    color: var(--white);
    font-size: 22px;
    padding: 2px 5px;
    position: relative;
    left: 20px;
  }
  .match-highlights ul {
    margin: 0;
    list-style: none;
    padding: 0;
  }
  .match-highlights ul li {
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
  }
  .match-highlights ul li:before {
    content: "";
    display: inline-block;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 1000%);
    clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 1000%);
    background-color: var(--primary-red);
    width: 23px;
    height: 17px;
    margin-right: 20px;
  }
  .match-highlights a {
    color: var(--primary-red);
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    align-self: flex-end;
    text-transform: capitalize;
  }
  .match-highlights a:after {
    content: "";
    display: block;
    height: 36px;
    width: 36px;
    -webkit-mask-image: url(../icons/arrow_right.svg);
    mask-image: url(../icons/arrow_right.svg);
    background: var(--primary-red);
  }
}
@layer components {
  @media (min-width: 960px) {
    .match-highlights-wrapper h2 {
      font-size: 36px;
      margin-bottom: 40px;
    }
    .match-highlights a {
      padding-right: 20px;
    }
    .match-highlights h2 {
      margin-bottom: 10px;
    }
  }
}
@layer components {
  .overviewheader-visual-image,
  .overviewheader-visual:after {
    z-index: -1;
  }
  .overviewheader-visual-image {
    filter: brightness(0.65);
  }
  .overviewheader-visual {
    position: relative;
  }
  .overviewheader-visual .content-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 32px;
    justify-content: center;
    margin-top: -150px;
    width: 100%;
  }
  .overviewheader-visual .content-wrapper img {
    height: auto;
    max-width: 72px;
  }
  .overviewheader-visual .content-wrapper .top {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 32px;
    order: 2;
  }
  .overviewheader-visual .content-wrapper .top .icon-live {
    animation: pulse 0.75s infinite alternate;
    color: var(--white);
    font-family: psv-sans, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
  }
  @keyframes pulse {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0.5;
    }
  }
  .overviewheader-visual .content-wrapper .left {
    display: flex;
    order: 1;
  }
  .overviewheader-visual .content-wrapper .right {
    display: flex;
    order: 3;
  }
  .overviewheader-visual .content-wrapper .bottom {
    display: flex;
    order: 4;
    position: absolute;
    bottom: 100px;
  }
  .overviewheader-visual .content-wrapper .top .score {
    color: var(--white);
    font-family: psv-branding, sans-serif;
    font-size: 44px;
    line-height: 44px;
    text-align: center;
  }
  .overviewheader-visual .content-wrapper .top .time {
    color: var(--white);
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
  }
}
@layer components {
  @media screen and (min-width: 768px) {
    .overviewheader-visual .content-wrapper .top {
      gap: 32px;
      margin-top: 64px;
    }
    .overviewheader-visual .content-wrapper .top .score {
      font-size: 88px;
      line-height: 88px;
    }
    .overviewheader-visual .content-wrapper img {
      height: auto;
      max-width: 218px;
    }
    .overviewheader-visual .content-wrapper {
      gap: 64px;
    }
  }
}
@layer components {
  .product-block-container {
    margin: 16px;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .product-block-container .block-product-item {
    max-width: 500px;
  }
  .product-block-container .wrapper {
    box-shadow: 0 4px 4px #00000040;
    display: flex;
    height: 100%;
    gap: 0;
    padding: 0;
  }
  .product-block-container .block-content {
    flex: 1;
    background: var(--white);
    color: var(--black);
    display: flex;
    flex-direction: column;
    padding: 20px 32px;
  }
  .product-block-container .thumb {
    position: relative;
  }
  .product-block-container .thumb img {
    width: 100%;
    height: auto;
  }
  .product-block-container .thumb .title {
    z-index: 1;
    position: absolute;
    bottom: 16px;
    left: 32px;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 16px;
    font-family: psv-condensed, sans-serif;
    text-transform: uppercase;
  }
  .product-block-container .thumb .title span {
    font-size: 18px;
    padding: 1px 3px;
    background: var(--black);
    color: var(--white);
  }
  .product-block-container .block-content-wrapper .text {
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 24px;
  }
  .product-block-container .block-content-wrapper ul {
    font-family: psv-sans, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    list-style: none;
    padding: 0;
    line-height: 28px;
  }
  .product-block-container .block-content-wrapper ul li {
    align-items: center;
    display: flex;
    gap: 12px;
  }
  .product-block-container .product-filter__block-cta {
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-height: unset;
  }
  .product-block-container .block-cta {
    margin-top: auto;
  }
  .product-block-container .block-cta .block-cta-text {
    color: var(--primary-red);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    font-family: psv-sans, sans-serif;
    margin-bottom: 16px;
  }
  .product-block-container .product-filter__block-cta a {
    align-items: center;
    color: var(--white);
    display: flex;
    font-family: psv-condensed, sans-serif;
    font-size: 18px;
    justify-content: center;
    padding: 8px;
    text-decoration: none;
    text-transform: uppercase;
  }
  .product-block-container .block-product-item .detail-list-icon {
    width: 13px;
    height: 13px;
  }
}
@layer components {
  @media (min-width: 960px) {
    div.product-block-container {
      flex-direction: row;
      flex-wrap: wrap;
      gap: 24px;
      margin: 24px auto;
      padding-inline: 16px;
      max-width: 1284px;
      row-gap: 40px;
    }
    .product-block-container .block-product-item {
      width: calc(25% - 18px);
    }
  }
}
@layer components {
  .experience-content-container {
    align-items: center;
    background: var(--gray-07);
    border-top: 4px solid var(--secondary-red);
    border-bottom: 4px solid var(--secondary-red);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 56px 0;
    width: 100%;
    justify-content: center;
  }
  .experience-content-container--content {
    background: var(--white);
    box-shadow: 0 1px 3px #0003, 0 2px 1px #0000001f, 0 1px 1px #00000024;
    width: calc(100% - 64px);
    padding: 56px 20px;
    overflow: hidden;
  }
}
@layer components {
  @media (min-width: 960px) {
    .experience-content-container--content {
      margin: 0 auto;
      max-width: 930px;
      padding: 56px 136px;
    }
  }
}
@layer components {
  .experience-usp-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .experience-usp-container .experience-usp-container--usp {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 236px;
    text-align: center;
    padding: 0 24px;
    margin: 32px 0;
  }
  .experience-usp-container .experience-usp-container--usp--date {
    color: var(--primary-red);
    font-family: psv-sans, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    margin: 16px 0;
  }
  .experience-usp-container .experience-usp-container--usp--title {
    background: var(--black);
    color: var(--white);
    font-family: psv-condensed, sans-serif;
    font-size: 36px;
    line-height: 30.6px;
    margin-bottom: 32px;
    padding: 4px;
    text-transform: uppercase;
  }
  .experience-usp-container .experience-usp-container--usp--text {
    font-family: psv-sans, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .experience-usp-container {
      flex-direction: row;
      flex-wrap: wrap;
      margin: 0 auto;
      max-width: 930px;
      gap: 110px;
    }
    .experience-usp-container .experience-usp-container--usp {
      padding: 0;
    }
  }
}
@layer components {
  .experience-order-container {
    background: var(--gray-07);
    display: flex;
    flex-direction: column;
    padding: 16px;
    width: 100%;
    gap: 16px;
  }
  .experience-order-container--title {
    font-family: psv-condensed, sans-serif;
    font-size: 26px;
    font-style: normal;
    line-height: 22px;
  }
  .experience-order-container .experience-order-container--item {
    box-shadow: 0 4px 4px #00000040;
    background: var(--white);
    padding: 16px 20px;
    position: relative;
  }
  .experience-order-container--item .experience-order-container--item--tag {
    color: var(--primary-red);
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 4px;
  }
  .experience-order-container--item .experience-order-container--item--title {
    padding-right: 92px;
    font-family: psv-condensed, sans-serif;
    font-size: 26px;
    line-height: 22px;
    text-transform: uppercase;
  }
  .experience-order-container--item .experience-order-container--item--info {
    display: flex;
    flex-direction: column;
  }
  .experience-order-container--item .experience-order-container--item--buttons {
    display: flex;
    justify-content: space-between;
    gap: 16px;
  }
  .experience-order-container--item
    .experience-order-container--item--buttons
    select {
    text-overflow: ellipsis;
    padding-right: 45px;
  }
  .experience-order-container--item
    .experience-order-container--item--buttons
    :is(button, .button) {
    min-width: 156px;
  }
  .experience-order-container--item .experience-order-container--item--date {
    align-items: center;
    color: var(--gray-11);
    display: flex;
    font-family: psv-condensed, sans-serif;
    font-size: 18px;
    font-style: normal;
    gap: 6px;
    line-height: 16px;
    margin: 40px 0 24px;
    text-transform: uppercase;
  }
  .experience-order-container--item
    .experience-order-container--item--date
    img {
    height: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px;
  }
  .experience-order-container--item .experience-order-container--item--price {
    position: absolute;
    right: 20px;
    text-align: right;
    text-transform: uppercase;
    top: 46px;
    width: 92px;
  }
  .experience-order-container--item
    .experience-order-container--item--price
    > p {
    color: var(--gray-11);
    font-family: psv-condensed, sans-serif;
    font-size: 16px;
    line-height: 16px;
  }
  .experience-order-container--item
    .experience-order-container--item--price--total {
    color: var(--gray-11);
    font-family: psv-condensed, sans-serif;
    font-size: 36px;
    line-height: 30px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .experience-order-container {
      margin: 0 auto;
      max-width: 930px;
    }
    .experience-order-container--item .experience-order-container--item--info {
      align-items: center;
      flex-direction: row;
      justify-content: space-between;
      margin-top: 16px;
    }
    .experience-order-container .experience-order-container--item {
      padding: 24px 56px;
    }
    .experience-order-container--item .experience-order-container--item--date {
      margin: 0;
    }
    .experience-order-container--item .experience-order-container--item--price {
      display: flex;
      gap: 16px;
      text-align: left;
      width: 160px;
      right: 56px;
    }
    .experience-order-container--item .experience-order-container--item--title {
      padding-right: 180px;
    }
  }
}
@layer components {
  .experience-banner-container {
    position: relative;
    max-width: 930px;
    max-height: 230px;
    background-color: #fffc;
    text-align: left;
    box-sizing: border-box;
    display: flex;
  }
  .experience-banner-container .background-img-container {
    overflow: hidden;
  }
  .experience-banner-container .overlay:before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
      linear-gradient(0deg, rgba(237, 28, 36, 0.75), rgba(237, 28, 36, 0.75));
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: 1;
  }
  .experience-banner-container .background-img-container img {
    width: 100%;
    height: 100%;
  }
  .experience-banner-container .experience-banner-content-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 2;
  }
  .experience-banner-container .experience-banner-content {
    color: #fff;
    padding: 40px;
  }
  .experience-banner-container .experience-banner-content .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .experience-banner-container .experience-banner-content .description {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .experience-banner-container
    .experience-banner-content
    .login-button
    .button {
    background: unset;
    border: 1px solid white;
  }
}
@layer components {
  .module.teams {
    background: var(--black);
    width: 100vw;
  }
  .teams__container__home__container {
    background: #121212;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100dvw;
    height: 100dvh;
  }
  .incontext .teams__container__home__container {
    height: 100%;
  }
  .teams__container__home__container .h2-wrapper {
    color: var(--white);
    padding: 16px;
  }
  .teams__container__home .swiper-slide {
    max-height: 440px;
  }
  .teams__container__home .swiper-slide :is(figure, picture, img) {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .teams__container__home__container .h2-wrapper > h2 {
    font-family: psv-branding, sans-serif;
    font-size: 38px;
    line-height: 32px;
    margin-top: 32px;
  }
  .teams__container__home__container .button--skewed-right.red--filled {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 16px 16px 24px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: 185px;
    justify-content: center;
  }
  .teams__container__home {
    margin: 0 auto;
    max-width: 612px;
    padding-bottom: 88px;
    position: relative;
    width: 100%;
  }
  .teams__container__home .swiper-slide {
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    opacity: 0;
    scale: 0.75;
    transition: 0.3s;
    position: relative;
  }
  .teams__container__home .swiper-slide .slide__player__number {
    bottom: 0;
    color: var(--white);
    font-family: psv-branding, sans-serif;
    font-size: 140px;
    font-style: normal;
    left: 20dvw;
    letter-spacing: -0.08em;
    line-height: 1;
    opacity: 0;
    position: absolute;
    transition: opacity ease-in-out 0.25s;
    z-index: -1;
  }
  .teams__container__home .swiper-slide-active .slide__player__number {
    opacity: 0.65;
    bottom: 35dvh;
    transition-delay: 0.3s;
    transition-property: opacity, bottom;
    transition-duration: 0.25s;
  }
  .teams__container__home .swiper-slide .slide__player__name {
    -webkit-font-smoothing: antialiased;
    bottom: 0;
    color: var(--white);
    display: flex;
    flex-direction: column;
    font-family: psv-branding, sans-serif;
    font-size: 42px;
    line-height: 1;
    opacity: 0;
    padding-left: 24px;
    position: absolute;
    width: 100%;
    z-index: 2;
  }
  .teams__container__home .swiper-slide-active .slide__player__name {
    opacity: 1;
    transition-delay: 0.3s;
    transition-property: opacity;
    transition-duration: 0.5s;
  }
  .teams__container__home .swiper-slide-active .slide__player__fullname {
    display: flex;
    flex-direction: column;
    text-shadow: 2px 2px 4px var(--black);
  }
  .teams__container__home .swiper-slide .slide__player__firstname {
    font-size: 24px;
  }
  .teams__container__home .swiper-slide-active {
    opacity: 1;
    position: relative;
    scale: 1;
    translate: 0;
    z-index: 1;
  }
  .teams__container__home .swiper-slide-next:after,
  .teams__container__home .swiper-slide-prev:after,
  .teams__container__home .swiper-slide-active:after {
    content: "";
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, #121212 100%);
    height: 52px;
    bottom: -1px;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .teams__container__home :is(.swiper-slide-next, .swiper-slide-prev) {
    opacity: 0.75;
  }
  .teams__container__home :is(.swiper-button-next, .swiper-button-prev) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    z-index: 1;
  }
  .teams__container__home .swiper-slide-next {
    position: relative;
    translate: -66% 0;
  }
  .teams__container__home .swiper-slide-prev {
    position: relative;
    translate: 66% 0;
  }
  .swiper-button-prev svg {
    rotate: 180deg;
  }
  .swiper-button-next path {
    fill: currentColor;
    stroke: currentColor;
  }
  .teams__container__home .teams__container__home__buttons {
    bottom: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0 16px;
    position: absolute;
    right: 0;
  }
  .teams__container__home .teams__container__home__buttons button {
    min-width: 120px;
    padding: 12px 36px;
  }
  .teams__container__home .swiper-slide .slide__player__buttons {
    -webkit-text-stroke: 0;
    display: flex;
    font-style: normal;
    gap: 0px;
    margin: 16px 0;
  }
  .teams__container__home .swiper-slide .slide__player__buttons a {
    color: var(--white);
    text-decoration: none;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
  }
  .teams__container__home
    .swiper-slide
    .slide__player__buttons
    .button--skewed.red--filled:after {
    content: url(../icons/shirt-white.svg);
    width: 32px;
    height: 32px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .swiper-container.teams__container__home {
      margin-top: 80px;
    }
    .teams__container__home {
      padding-bottom: 0;
    }
    .teams__container__home__container .h2-wrapper > h2 {
      font-size: 52px;
      line-height: 44px;
    }
    .teams__container__home__container .link-wrapper {
      width: 100%;
      max-width: 1248px;
      margin: 24px auto;
      background: transparent;
      display: flex;
    }
    .teams__container__home .swiper-slide {
      max-height: 792px;
    }
    .teams__container__home .swiper-slide-next {
      position: relative;
      translate: -33% 12.5%;
    }
    .teams__container__home .swiper-slide-prev {
      position: relative;
      translate: 33% 12.5%;
    }
    .teams__container__home .swiper-slide .slide__player__number {
      font-size: 300px;
    }
    .teams__container__home .swiper-slide-active .slide__player__number {
      bottom: 400px;
      left: -3%;
      width: 350px;
      text-align: end;
    }
    .teams__container__home .swiper-slide-active .slide__player__name {
      bottom: auto;
      top: 35%;
      font-size: 70px;
      margin-bottom: 30%;
      margin-left: -100px;
      padding-left: 0;
    }
    .teams__container__home .swiper-slide-active .slide__player__fullname {
      max-width: 500px;
    }
    .teams__container__home .swiper-slide-active .slide__player__firstname {
      font-size: 40px;
    }
    .teams__container__home .swiper-slide-active .slide__player__lastname {
      font-size: 80px;
    }
    .teams__container__home .teams__container__home__buttons {
      position: absolute;
      top: -64px;
      right: -50%;
      height: -moz-fit-content;
      height: fit-content;
    }
    .teams__container__home .swiper-slide-next:after,
    .teams__container__home .swiper-slide-prev:after,
    .teams__container__home .swiper-slide-active:after {
      display: none;
    }
    .teams__container__home__container .h2-wrapper {
      padding-bottom: 0;
    }
  }
}
@layer components {
  .fanstore__container__home__container {
    width: 100dvw;
    height: 100dvh;
    background: linear-gradient(rgba(0 0 0 / 0.78) 0%, rgba(0 0 0 / 0.78) 100%),
      url(/upload_mm/2/c/b/128804_fullimage_stadion-photo_1600x600.jpg) center
        center / cover no-repeat,
      lightgray;
  }
  .fanstore__container__home__container .h2-wrapper {
    color: var(--white);
    padding: 40px 16px 16px;
  }
  .fanstore__container__home__container
    .fanstore__container__home__banner
    .image-mobile-only {
    margin: 0 auto;
    max-width: 95vw;
    height: 80px;
  }
  .fanstore__container__home__container
    .fanstore__container__home__banner
    .image-mobile-only
    img {
    max-height: 80px;
    -o-object-position: left;
    object-position: left;
  }
  .fanstore__container__home__container
    .fanstore__container__home__banner
    .image-mobile-only
    .wrapper {
    margin: 0 auto;
    padding: 0;
  }
  .fanstore__container__home__container
    .fanstore__container__home__banner
    .slide__item__image
    img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left;
  }
  .fanstore__container__home__container .fanstore__container__home__title {
    color: var(--white);
    font-family: psv-condensed, sans-serif;
    font-size: 26px;
    font-style: normal;
    line-height: 22px;
    margin: 16px;
    text-transform: uppercase;
  }
  .fanstore__container__home .swiper-slide {
    align-items: center;
    background: #fff9;
    box-shadow: 0 1px 3px #0003, 0 2px 1px #0000001f, 0 1px 1px #00000024;
    display: flex;
    flex-direction: column;
    padding: 8px 16px;
    max-width: 400px;
  }
  .fanstore__container__home .swiper-slide > .slide__item__image .wrapper {
    padding: 0;
  }
  .fanstore__container__home .swiper-slide > .slide__item__image img {
    max-height: 33vh;
    max-width: 250px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .fanstore__container__home .swiper-slide .slide__item__name {
    margin-top: 1rem;
  }
  .fanstore__container__home .swiper-slide .slide__item__name :is(span, p) {
    background: var(--black);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--white);
    font-family: psv-condensed, sans-serif;
    font-size: 22px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
  }
  .fanstore__container__home .swiper-slide .slide__item__name p,
  .fanstore__container__home
    .swiper-slide
    .slide__item__name
    span:not(:has(p)) {
    padding: 1px 2px;
  }
  .fanstore__container__home__container .h2-wrapper > h2 {
    font-family: psv-branding, sans-serif;
    font-size: 38px;
    line-height: 32px;
  }
  .fanstore__container__home__container .button--skewed-right.red--filled {
    margin-top: 16px;
  }
  .fanstore__container__home {
    margin: 0 auto;
    padding-inline: 16px;
    overflow: hidden;
    position: relative;
    width: 100vw;
  }
  .fanstore__container__home .swiper-slide {
    display: flex;
    justify-content: flex-start;
    flex-shrink: 0;
    opacity: 1;
    position: relative;
  }
  .fanstore__container__home .swiper-slide-active {
    opacity: 1;
    position: relative;
    scale: 1;
    translate: 0;
    z-index: 1;
  }
  .fanstore__container__home :is(.swiper-slide-next, .swiper-slide-prev) {
    opacity: 1;
  }
  .fanstore__container__home :is(.swiper-button-next, .swiper-button-prev) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    z-index: 1;
  }
  .swiper-button-prev svg {
    rotate: 180deg;
  }
  .swiper-button-next path {
    fill: currentColor;
    stroke: currentColor;
  }
  .fanstore__container__home .fanstore__container__home__buttons {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    padding: 16px 0 88px;
    justify-content: flex-end;
  }
  .fanstore__container__home .fanstore__container__home__buttons button {
    min-width: 90px;
    padding: 12px 36px;
  }
  .fanstore__container__home .swiper-slide .slide__item__label {
    position: absolute;
    top: 5%;
    right: -5%;
    background-color: var(--primary-red);
    -webkit-clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
    clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
    display: flex;
    align-items: center;
    padding: 0 24px;
    height: 32px;
  }
  .fanstore__container__home .swiper-slide .slide__item__label,
  .fanstore__container__home .swiper-slide .slide__item__label p {
    font-size: 20px;
    color: var(--white);
    font-family: psv-condensed, sans-serif;
    text-transform: capitalize;
  }
  .fanstore__container__home .swiper-slide .slide__item__label:empty {
    display: none;
  }
  .fanstore__container__home .swiper-slide .slide__item__buttons {
    display: flex;
    font-style: normal;
    gap: 0px;
    margin: 1rem 0 0;
    justify-content: center;
  }
  .fanstore__container__home .swiper-slide .slide__item__buttons button {
    min-width: 125px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .fanstore__container__home {
      margin-left: 100px;
      padding-inline: 0;
    }
    .fanstore__container__home__container .h2-wrapper {
      position: relative;
      top: 5%;
      margin: 0 100px;
    }
    .fanstore__container__home__container .h2-wrapper > h2 {
      font-size: 52px;
      line-height: 44px;
    }
    .fanstore__container__home .fanstore__container__home__buttons {
      width: 85% !important;
      padding: 24px 16px 88px 0;
    }
    .fanstore__container__home .swiper-slide .slide__item__label {
      font-size: 22px;
      height: 45px;
      padding: 0 32px;
    }
    .fanstore__container__home .swiper-slide .slide__item__buttons {
      margin: 16px 0 0;
    }
    .fanstore__container__home__container .fanstore__container__home__banner {
      position: relative;
      max-width: 1290px;
      display: flex;
      justify-content: flex-end;
      margin: 0 auto;
    }
    .fanstore__container__home__container
      .fanstore__container__home__banner
      .image-mobile-only
      img {
      max-height: 100%;
    }
    .fanstore__container__home__container
      .fanstore__container__home__banner
      .image-mobile-only {
      margin: 32px auto;
    }
    .fanstore__container__home__container
      .fanstore__container__home__banner
      img {
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: left;
      object-position: left;
      margin: 0 0 0 auto;
    }
    .fanstore__container__home__container .fanstore__container__home__title {
      font-size: 36px;
      line-height: 30px;
      margin: 0 100px;
      position: relative;
      top: -5%;
    }
    .fanstore__container__home .swiper-slide > .slide__item__image img {
      max-height: 320px;
      max-width: 320px;
    }
    .fanstore__container__home .swiper-slide .slide__item__name {
      font-size: 26px;
      line-height: 22px;
      padding: 3px;
      margin-top: 2rem;
    }
    .fanstore__container__home .swiper-slide .slide__item__buttons {
      margin-top: 1.5rem;
    }
    .fanstore__container__home .swiper-slide {
      padding: 16px;
      max-width: 480px;
    }
  }
}
@layer components {
  @media (min-width: 1248px) {
    .fanstore__container__home__container .h2-wrapper {
      padding: 40px 0 16px;
    }
    .fanstore__container__home .fanstore__container__home__buttons {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
    }
    .fanstore__container__home .fanstore__container__home__buttons button {
      min-width: 140px;
    }
    .fanstore__container__home__container .button--skewed.red--filled {
      min-width: 150px;
    }
  }
}
@layer components {
  .incontext .fanstore__container__home__container {
    min-height: 100%;
    height: auto;
  }
  .incontext .fanstore__container__home {
    padding-left: 100px;
    margin: 0;
  }
  .incontext .fanstore__container__home .swiper-wrapper {
    flex-wrap: wrap;
    gap: 24px;
  }
  .incontext .fanstore__container__home .swiper-slide {
    width: 30%;
  }
  .block-list.media-foryou .block-list.swiper-list:has(#bcRecommendations) {
    overflow: unset;
  }
  .block-list.media-foryou #bcRecommendations .fanstore__container__home {
    overflow: unset;
  }
}
@layer components {
  @media (width < 960px) {
    main .editableContainer:has(.block-list.media-foryou #bcRecommendations) {
      overflow-x: hidden;
    }
    .block-list.media-foryou #bcRecommendations .fanstore__container__home {
      padding-inline: 1rem 4rem;
    }
  }
}
@layer components {
  @media (width >= 960px) {
    .block-list.media-foryou .block-list.swiper-list:has(#bcRecommendations) {
      overflow: unset;
    }
    .block-list.media-foryou #bcRecommendations .fanstore__container__home {
      margin-left: 0;
    }
  }
}
@layer components {
  .tickets__container__home__container {
    width: 100dvw;
    height: 100dvh;
    background: linear-gradient(to top, #000, #311d1c);
  }
  .tickets__container__home__container:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    width: 100%;
    z-index: 0;
  }
  .tickets__container__home__container.gray:before {
    background: url(../images/background-gray.svg);
  }
  .tickets__container__home__container.red:before {
    background: url(../images/background-red.svg);
  }
  .tickets__container__home__container.white:before {
    background: url(../images/background-white.svg);
  }
  :is(.tickets__container__home__container, .module.matchcentre.countdown)
    .h2-wrapper {
    color: var(--white);
    padding: 40px 16px 16px;
    position: relative;
    z-index: 1;
    margin: 12px 16px 0;
  }
  .tickets__container__home__container .tickets__container__home__banner {
    margin: 32px 0;
    max-width: 100vw;
    height: 80px;
  }
  .tickets__container__home__container .tickets__container__home__banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left;
  }
  .tickets__container__home__container .tickets__container__home__title {
    font-family: psv-condensed, sans-serif;
    font-size: 26px;
    font-style: normal;
    line-height: 22px;
    margin-bottom: 8px;
    text-transform: uppercase;
  }
  .tickets__container__home .swiper-slide > img {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .tickets__container__home .swiper-slide .slide__item__name {
    font-family: psv-condensed, sans-serif;
    font-size: 28px;
    line-height: 1;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
  }
  .tickets__container__home .swiper-slide .slide__item__image {
    z-index: 1;
    position: relative;
  }
  .tickets__container__home .swiper-slide .slide__item__image img {
    width: 5rem;
    height: auto;
  }
  :is(.tickets__container__home__container, .module.matchcentre.countdown)
    .h2-wrapper
    > h2 {
    font-family: psv-branding, sans-serif;
    font-size: 38px;
    line-height: 32px;
    max-width: 200px;
  }
  :is(.tickets__container__home__container, .module.matchcentre.countdown)
    .button--skewed-right.red--filled {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin: 16px 0 0;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: 200px;
    padding: 8px 16px;
  }
  :is(.tickets__container__home__container, .module.matchcentre.countdown)
    .button--skewed-right.red--filled:after {
    content: url(../icons/icon-arrow.svg);
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  .tickets__container__home {
    overflow: hidden;
    position: relative;
    width: 100vw;
  }
  .tickets__container__home .swiper-slide {
    align-items: flex-start;
    border: 8px solid transparent;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: calc(100dvh - 325px);
    margin-top: 32px;
    max-height: 374px;
    opacity: 1;
    padding: 24px;
    position: relative;
    transition: all 0.4s linear;
  }
  .tickets__container__home .swiper-slide .swiper-slide-background {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
  }
  .tickets__container__home
    .swiper-slide
    .swiper-slide-background
    .slide__item__background
    img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    z-index: -1;
  }
  .tickets__container__home
    .swiper-slide
    .swiper-slide-background.color--white:before,
  .tickets__container__home
    .swiper-slide
    .swiper-slide-background.color--red:before,
  .tickets__container__home
    .swiper-slide
    .swiper-slide-background.color--black:before {
    background: rgba(210, 210, 210, 0.85);
    content: "";
    left: 0;
    width: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    height: 100%;
  }
  .tickets__container__home
    .swiper-slide-background.color--black
    .slide__item__name,
  .tickets__container__home
    .swiper-slide-background.color--red
    .slide__item__name {
    color: var(--white);
  }
  .tickets__container__home
    .swiper-slide
    .swiper-slide-background.color--red:before {
    background: rgba(156, 16, 6, 0.85);
  }
  .tickets__container__home
    .swiper-slide
    .swiper-slide-background.color--black:before {
    background: rgba(0, 0, 0, 0.85);
  }
  .tickets__container__home .swiper-slide-active {
    border-color: var(--gold);
    opacity: 1;
    position: relative;
    scale: 1.1;
    transition: all 0.4s linear;
    translate: 0;
    z-index: 1;
  }
  .tickets__container__home .swiper-slide-active .slide__item__name p {
    font-size: 40px;
    line-height: 30.6px;
  }
  .tickets__container__home :is(.swiper-slide-next, .swiper-slide-prev) {
    opacity: 1;
  }
  .tickets__container__home :is(.swiper-button-next, .swiper-button-prev) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    z-index: 1;
  }
  .swiper-button-prev svg {
    rotate: 180deg;
  }
  .swiper-button-next path {
    fill: currentColor;
    stroke: currentColor;
  }
  .tickets__container__home .tickets__container__home__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 44px 16px;
  }
  .tickets__container__home .swiper-slide .slide__item__buttons br {
    display: none;
  }
  .tickets__container__home .tickets__container__home__buttons button {
    min-width: 120px;
    padding: 12px 36px;
  }
  .tickets__container__home .swiper-slide .slide__item__buttons {
    flex: 1;
    align-items: center;
    display: flex;
    font-style: normal;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    position: relative;
    z-index: 1;
  }
  .tickets__container__home .swiper-slide .slide__item__buttons > a {
    justify-content: center;
    min-width: 125px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@layer components {
  @media (min-width: 960px) {
    :is(.tickets__container__home__container, .module.matchcentre.countdown)
      .h2-wrapper {
      margin: 56px 20px 0;
    }
    :is(.tickets__container__home__container, .module.matchcentre.countdown)
      .h2-wrapper
      > h2 {
      max-width: 250px;
      font-size: 52px;
      line-height: 44px;
    }
    .tickets__container__home .swiper-slide .slide__item__name {
      font-size: 36px;
    }
    .tickets__container__home .tickets__container__home__buttons {
      width: calc(100% - 16px);
      margin-top: 16px;
    }
    .tickets__container__home__container .button--skewed-right.red--filled {
      margin-bottom: 32px;
      min-width: 190px;
    }
    .tickets__container__home .swiper-slide .slide__item__buttons button {
      min-width: 140px;
    }
    .tickets__container__home .swiper-slide .slide__item__image img {
      width: 7.5rem;
    }
    .tickets__container__home__container .tickets__container__home__banner img {
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: right;
      object-position: right;
    }
    .tickets__container__home__container .tickets__container__home__title p {
      font-size: 36px;
      line-height: 30px;
      margin-bottom: 16px;
    }
    .tickets__container__home .swiper-slide .slide__item__name p {
      color: var(--white);
      font-size: 26px;
      line-height: 22px;
    }
    .tickets__container__home {
      padding-left: 15%;
    }
    .tickets__container__home .swiper-slide {
      height: calc(100dvh - 475px);
      max-height: 568px;
      max-width: 376px;
    }
  }
}
@layer components {
  @media (min-width: 1248px) {
    :is(.tickets__container__home__container, .module.matchcentre.countdown)
      .h2-wrapper {
      padding: 40px 0 16px;
    }
    .tickets__container__home .tickets__container__home__buttons {
      margin: 32px auto;
      max-width: 1248px;
      padding-left: 0;
      padding-right: 0;
      width: 100%;
    }
  }
}
@layer components {
  .incontext .tickets__container__home__container {
    min-height: 100%;
    height: auto;
  }
  .incontext .tickets__container__home__container .swiper-wrapper {
    flex-wrap: wrap;
    gap: 24px;
  }
  .incontext .tickets__container__home__container .swiper-slide {
    width: 30%;
  }
}
@layer components {
  .business__container__home__container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100dvw;
    height: 100dvh;
    background-image: url(../images/business.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    isolation: isolate;
  }
  .incontext .business__container__home__container {
    height: 100%;
  }
  .business__container__home__container:before {
    z-index: -1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--gray-07);
    opacity: 0.7;
  }
  .business__container__home__container .h2-wrapper {
    padding: 40px 16px 16px;
    position: relative;
    z-index: 1;
    margin: 12px 0 0;
  }
  .business__container__home__container .h2-wrapper > h2 {
    font-family: psv-branding, sans-serif;
    font-size: 38px;
    line-height: 32px;
  }
  .business__container__home__container .button--skewed-right.red--filled {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin: 16px 0 0;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: 200px;
    padding: 8px 16px;
  }
  .business__container__home__container
    .button--skewed-right.red--filled:after {
    content: url(../icons/icon-arrow.svg);
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  .business__container__home {
    display: grid;
    gap: 28px;
    width: 100%;
    max-width: 1248px;
    margin: 0 auto;
  }
  .business__container__home__image {
    display: none;
  }
  .business__container__home .imagecard :is(figure, picture) {
    width: 100%;
    height: 100%;
  }
  .business__container__home .imagecard {
    aspect-ratio: 5 / 1;
  }
  .business__container__home__title {
    margin: 0 16px;
    font-family: psv-condensed, sans-serif;
    font-size: 2rem;
    text-transform: uppercase;
    line-height: 1.1;
    color: var(--white);
  }
  .business__container__home__title span {
    padding-inline: 6px;
    background: var(--black);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .business__container__home__items {
    display: grid;
    gap: 0.5rem;
    height: 100%;
  }
  .business__container__home__item {
    position: relative;
    display: grid;
    padding: 1rem;
    gap: 0.5rem;
    align-items: center;
  }
  .business__container__home__item__image {
    position: absolute;
    inset: 0;
  }
  .business__container__home__item__image .wrapper {
    padding: 0;
  }
  .business__container__home__item__image img {
    z-index: -1;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    filter: brightness(0.25);
  }
  .business__container__home__item__name {
    color: var(--white);
    font-family: psv-condensed, sans-serif;
    font-size: 1.625rem;
    text-transform: uppercase;
    line-height: 1.1;
  }
  .business__container__home__item__buttons {
    justify-self: end;
  }
  .business__container__home__banner > div {
    margin: 0;
  }
}
@layer components {
  @media (max-width: 960px) {
    .business__container__home .imagecard {
      margin-inline: 16px;
      background: var(--secondary-red);
    }
    .business__container__home .imagecard:before {
      content: none;
    }
    .business__container__home .imagecard > figure {
      display: none;
    }
    .business__container__home .imagecard .imagecard--title {
      font-size: 24px;
      margin-bottom: 0;
    }
    .business__container__home .imagecard .imagecard--content {
      padding: 0 90px 0 64px;
      height: 100%;
      display: flex;
      align-items: center;
    }
    .business__container__home .imagecard .icon {
      background: none;
      left: auto;
      right: 42px;
      top: 50%;
      transform: translateY(-50%);
    }
  }
}
@layer components {
  @media (min-width: 960px) {
    .business__container__home__container .h2-wrapper {
      margin: 56px 20px 0;
    }
    .business__container__home__container .h2-wrapper > h2 {
      font-size: 52px;
      line-height: 44px;
    }
    .business__container__home__container .button--skewed-right.red--filled {
      margin-bottom: 32px;
      min-width: 190px;
    }
    .business__container__home {
      grid-template-columns: 2fr 1fr;
      row-gap: 2.5rem;
      -moz-column-gap: 1.5rem;
      column-gap: 1.5rem;
    }
    .business__container__home__title {
      margin: 0;
      align-self: end;
      font-size: 3.25rem;
    }
    .business__container__home__image {
      display: block;
    }
    .business__container__home__image img {
      height: 284px;
      margin-top: -200px;
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: end;
      object-position: end;
    }
    .business__container__home__items {
      gap: 1.5rem;
    }
    .business__container__home__item {
      grid-template-columns: 1fr auto;
      row-gap: 0;
      -moz-column-gap: 2rem;
      column-gap: 2rem;
      padding: 2.5rem 2rem;
    }
    .business__container__home__item__name {
      grid-column: 1;
      font-size: 2rem;
    }
    .business__container__home .imagecard {
      aspect-ratio: unset;
      height: 100%;
    }
    .business__container__home .imagecard:before {
      height: 50%;
    }
    .business__container__home .imagecard .icon {
      display: none;
    }
  }
}
@layer components {
  @media (min-width: 1248px) {
    .business__container__home__container .h2-wrapper {
      padding: 40px 0 16px;
    }
  }
}
@layer components {
  .incontext .business__container__home__item__image {
    position: static;
    color: var(--white);
  }
}
@layer components {
  .schedulebuttons {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
    width: 100%;
    padding: 16px;
  }
  .schedulebuttons p {
    display: contents;
  }
  .schedulebuttons a {
    align-items: center;
    color: var(--primary-red);
    display: flex;
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    gap: 8px;
    line-height: 18px;
    text-decoration: none;
    transition: 0.2s all ease-in-out;
  }
  .schedulebuttons a:hover {
    color: var(--secondary-red);
    transition: 0.2s all ease-in-out;
  }
  .schedulebuttons .button-calendar:before {
    content: url(../icons/calendar-red.svg);
    height: 42px;
    margin-top: -8px;
    width: 42px;
  }
  .schedulebuttons .button--download:before {
    content: url(../icons/download-red.svg);
    height: 42px;
    margin-top: -8px;
    width: 42px;
  }
}
@layer components {
  @media (min-width: 1248px) {
    .schedulebuttons {
      margin: 0 auto;
      max-width: 1248px;
      padding: 16px 0;
    }
  }
}
@layer components {
  .player-details-recent-photos {
    margin: 64px 0 80px;
  }
  .player-details-recent-photos .items-wrapper {
    margin: 0 0 16px;
    padding: 0 16px;
  }
  .player-details-recent-photos .items-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
  }
  .player-details-recent-photos .items-wrapper .item {
    aspect-ratio: unset;
    width: 100%;
  }
  .player-details-recent-photos .items-wrapper .right-column.extra,
  .player-details-recent-photos .items-wrapper .left-column.extra {
    display: none;
  }
  .player-details-recent-photos .items-wrapper .left-column,
  .player-details-recent-photos .items-wrapper .right-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .player-details-recent-photos .items-wrapper .right-column .item {
    height: 121px;
  }
  .player-details-recent-photos .items-wrapper .left-column .item {
    height: 167px;
  }
  .player-details-recent-photos .button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 32px 0 16px;
  }
  .player-details-recent-photos .button-wrapper a {
    padding: 12px 36px;
  }
}
@layer components {
  @media (min-width: 768px) {
    .player-details-recent-photos {
      margin-left: auto;
      margin-right: auto;
      max-width: 1248px;
    }
    .player-details-recent-photos .items-wrapper {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 24px;
    }
    .player-details-recent-photos .items-wrapper .right-column,
    .player-details-recent-photos .items-wrapper .left-column,
    .player-details-recent-photos .items-wrapper .right-column.extra,
    .player-details-recent-photos .items-wrapper .left-column.extra {
      display: flex;
      flex-direction: column;
      gap: 24px;
    }
    .player-details-recent-photos .items-wrapper .right-column .item {
      height: 210.5px;
    }
    .player-details-recent-photos .items-wrapper .left-column .item {
      height: 289px;
    }
    .player-details-recent-photos .button-wrapper {
      display: none;
      visibility: none;
      pointer-events: none;
    }
    @media (min-width: 1248px) {
      .player-details-recent-photos .items-wrapper,
      .player-details-recent-photos {
        padding: 0;
      }
    }
  }
}
@layer components {
  .searchresultbox {
    width: 100%;
    padding: 0 16px;
    margin-top: 50px;
    margin-bottom: 25px;
  }
  .searchresultbox .wrapper {
    padding: 0;
  }
  .searchresultbox h2 {
    font-size: 36px;
  }
  .searchresultbox ol {
    list-style-type: none;
    padding: 0;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .searchresultbox ol .logo {
    display: flex;
    align-items: center;
    width: 97px;
    padding-left: 10px;
  }
  .searchresultbox ol .logo img {
    height: 51px;
    width: auto;
  }
  .searchresultbox ol .type {
    color: var(--primary-red);
    font-family: psv-sans, sans-serif;
    font-size: 12px;
    font-weight: 700;
  }
  .searchresultbox ol h3 {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px;
  }
  .searchresultbox ol h3 a {
    text-decoration: none;
    color: var(--black);
    font-size: 17px;
  }
  .searchresultbox ol .content .summary {
    display: none;
  }
  .searchresultbox ol li {
    border-bottom: 2px solid var(--primary-red);
    background-color: var(--white);
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.14))
      drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.12))
      drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.2));
  }
}
@layer components {
  @media (min-width: 960px) {
    .searchresultbox {
      padding: 0;
    }
    .searchresultbox ol .logo img {
      height: 66px;
      width: auto;
    }
    .searchresultbox ol .type {
      font-size: 15px;
    }
    .searchresultbox ol h3 a {
      font-size: 22px;
    }
    .searchresultbox ol h3 {
      max-width: 400px;
    }
  }
}
@layer components {
  .searchresultbox ol.highlights {
    display: flex;
    overflow-x: auto;
  }
  .searchresultbox ol.highlights::-webkit-scrollbar {
    display: none;
  }
  .searchresultbox ol.highlights li {
    width: 300px;
    height: 210px;
    margin-right: 10px;
    background: linear-gradient(110deg, #e9e9e9 40%, var(--white) 40%);
    padding: 10px;
  }
  .searchresultbox ol.highlights li:last-child {
    margin-right: 0;
  }
  .searchresultbox ol.highlights li .logo .title {
    display: flex;
    flex-direction: column;
  }
  .searchresultbox ol.highlights li .logo {
    width: 300px;
    display: flex;
    background: none;
  }
  .searchresultbox ol.highlights li .logo img {
    margin-right: 20px;
  }
  .searchresultbox ol.highlights li .content {
    width: 100%;
    height: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .searchresultbox ol.highlights li .content .summary {
    width: 100%;
    font-size: 11px;
    padding-left: 90px;
    padding-right: 10px;
    font-weight: 700;
    font-family: psv-sans, sans-serif;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .searchresultbox ol.highlights li h3 {
    max-width: 170px;
  }
  .searchresultbox ol.highlights .content .summary {
    display: inline-block;
  }
}
@layer components {
  @media (min-width: 960px) {
    .searchresultbox ol.highlights li {
      width: 400px;
      height: 285px;
    }
    .searchresultbox ol.highlights li .content .summary {
      font-size: 15px;
      padding-left: 110px;
    }
    .searchresultbox ol.highlights li .logo {
      width: 400px;
    }
    .searchresultbox ol.highlights li h3 {
      max-width: 250px;
    }
  }
}
@layer components {
  .searchresultbox ol.results li {
    height: 81px;
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: 1fr 7fr;
    background: linear-gradient(110deg, #e9e9e9 25%, var(--white) 25%);
  }
  .searchresultbox ol.results li .content {
    padding: 10px 10px 10px 0;
    display: grid;
    gap: 50px;
  }
  .searchresultbox ol.results li .content .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .searchresultbox ol.results li .content .title .type {
    margin-bottom: 10px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .searchresultbox ol.results li {
      height: 104px;
      background: linear-gradient(110deg, #e9e9e9 10%, var(--white) 10%);
    }
    .searchresultbox ol.results li .content {
      grid-template-columns: 400px auto;
      padding-left: 10px;
    }
    .searchresultbox ol.results .content .summary {
      display: inline-block;
      overflow: hidden;
      font-size: 15px;
      font-weight: 700;
      font-family: psv-sans, sans-serif;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin: auto 0;
    }
  }
}
@layer components {
  .searchresultbox .block-team__other {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  .searchresultbox .block-team__other .swiper-slide__team {
    width: 100%;
    max-width: 400px;
  }
}
@layer components {
  .maincontent.formcontent {
    position: relative;
    padding: 0 !important;
  }
  .maincontent.formcontent .h1-wrapper {
    margin-top: 80px;
  }
  .form-default > .wrapper {
    padding: 0;
  }
  .form {
    padding: 0;
    border: none;
  }
  .maincontent.formcontent :is(.h1-wrapper, .form) {
    padding: 0 30px;
  }
  .form .wm-field {
    margin: 20px 0;
  }
  .form p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
  }
  form label {
    font-size: 13px;
    font-family: psv-sans, sans-serif !important;
    font-weight: 400;
    line-height: 20px;
    background: var(--white);
    position: relative;
    top: 10px;
    left: 20px;
    padding: 5px;
    color: var(--neutral-black);
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 8px;
  }
  .form .field .wrapper {
    padding: 16px 0;
  }
  form textarea,
  form input[type] {
    border: solid 1px var(--neutral-05);
    font-size: 16px;
    font-weight: 400;
    font-family: psv-sans, sans-serif;
    height: 46px;
    width: 100%;
  }
  form textarea {
    height: auto;
  }
  form input[type="submit"] {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 20px;
    height: 46px;
    cursor: pointer;
  }
  form :is(input, textarea, select):focus-visible {
    outline: 2px solid var(--black);
    outline-offset: 2px;
  }
  form textarea {
    width: 100%;
    padding: 12px 16px;
  }
  .iaf-form-holder-outer {
    position: relative;
    padding-bottom: 100px;
  }
  .maincontent:not(.formcontent) .iaf-form-holder-outer {
    padding-bottom: 84px;
  }
  .formsection-default .wrapper {
    gap: 0;
    padding: 0;
  }
  .formsection-default .jq_gridcontentarea {
    display: flex;
    gap: 24px;
  }
  .formsection-default .jq_gridcontentarea :is(.wm-field, .formselect) {
    margin: 0;
  }
}
@layer components {
  @media (min-width: 960px) {
    .maincontent.formcontent .h1-wrapper,
    .maincontent.formcontent .form {
      padding: 0 150px;
    }
    .maincontent:not(.formcontent) .iaf-form-holder-outer {
      padding-bottom: 68px;
    }
  }
}
@layer components {
  form input[type="tel"] {
    width: 100%;
    background-image: url(../icons/phone.svg);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 12px 16px 12px 40px;
  }
  form .wm-field-helptext {
    color: var(--neutral-black);
    opacity: 0.6;
  }
  form .formradio .field label,
  form .formcheckbox .field label {
    font-size: 16px !important;
    color: var(--gray-12) !important;
  }
  form .formradio .field,
  form .formcheckbox .field {
    display: flex;
    align-items: center;
    margin-top: 15px;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 50px;
  }
  form .formradio .field input[type="radio"],
  form .formcheckbox .field input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: none;
  }
  form .formradio .field label,
  form .formcheckbox .field label,
  form .formfileupload label,
  form #doelpuntenmakers #doelpuntenmakers_count label {
    position: relative;
    top: 0px;
    left: 30px;
    padding: 0;
    background: none;
  }
  form .formcheckbox .field input[type="checkbox"]:checked:before {
    background: var(--black);
    background-image: url(../icons/checkbox.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  form
    .formcheckbox
    .field
    input[type="checkbox"]:where(:hover, :focus-visible) {
    background-image: url(../icons/checkbox-grey.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  form .formradio .field input[type="radio"]:checked:before {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid var(--black);
    width: 20px;
    height: 20px;
    transition: all 0.2s linear;
  }
  form
    .formradio
    .field
    input[type="radio"]:where(:hover, :focus-visible):after {
    content: "";
    display: block;
    position: absolute;
    margin: 4px;
    border-radius: 20px;
    width: 12px;
    height: 12px;
    background: var(--gray-08);
    transition: all 0.2s linear;
  }
  form .formradio .field input[type="radio"]:checked:after {
    content: "";
    display: block;
    position: absolute;
    margin: 4px;
    border-radius: 20px;
    width: 12px;
    height: 12px;
    background: var(--black);
    transition: all 0.2s linear;
  }
  form select {
    width: auto;
    border: 1px solid var(--neutral-05);
    color: var(--black);
  }
  form select:focus {
    outline: none !important;
  }
}
@layer components {
  @media (prefers-color-scheme: dark) {
    form .formradio .field input[type="radio"]:before {
      border-color: var(--primary-red);
    }
    form .formcheckbox .field input[type="checkbox"]:before {
      border-color: var(--primary-red);
    }
    form .formcheckbox .field input[type="checkbox"]:checked:before {
      background: var(--primary-red);
      background-image: url(../icons/checkbox.svg);
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    form
      .formcheckbox
      .field
      input[type="checkbox"]:where(:hover, :focus-visible) {
      background-color: none;
      background-image: url(../icons/checkbox-pink.svg);
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    form
      .formradio
      .field
      input[type="radio"]:where(:hover, :focus-visible):after {
      background: var(--scred-02);
    }
    form
      .formradio
      .field
      input[type="radio"]:where(:hover, :focus-visible):before {
      border: 2px solid var(--primary-red);
    }
    form .formradio .field input[type="radio"]:checked:after {
      background: var(--primary-red);
    }
  }
}
@layer components {
  form .formdate-default {
    width: 182px;
    margin-top: 15px;
  }
  form .formdate-default .date-pick {
    background-image: url(../icons/calendar.svg);
    background-repeat: no-repeat;
    background-position: 90% 50%;
  }
  .ui-datepicker {
    padding: 0 !important;
    width: 321px !important;
    border: 1px solid var(--black) !important;
    border-radius: 0 !important;
  }
  .ui-datepicker .ui-datepicker-header {
    padding: 0;
    height: 40px;
    background: var(--gray-07) !important;
    border: none !important;
    border-bottom: 1px solid var(--black) !important;
    border-radius: 0 !important;
  }
  .ui-datepicker select.ui-datepicker-month,
  .ui-datepicker select.ui-datepicker-year {
    background: var(--gray-07);
    border: none;
    font-size: 18px !important;
    line-height: 1em !important;
    font-weight: 500;
    color: var(--black);
    font-family: psv-condensed, sans-serif !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    background-size: 10px auto;
    padding: 0 10px !important;
    margin: 0 !important;
  }
  .ui-datepicker select.ui-datepicker-month {
    width: 60% !important;
    border-right: 1px solid var(--black);
  }
  .ui-datepicker select.ui-datepicker-year {
    width: 40% !important;
  }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
  }
  .ui-datepicker th {
    color: var(--primary-red);
    font-family: psv-condensed, sans-serif;
    font-size: 14px;
    font-weight: 500 !important;
    text-transform: capitalize;
  }
  .ui-datepicker td a {
    background: none !important;
    border: none !important;
    text-align: center !important;
    font-size: 22px;
    font-weight: 500 !important;
    text-transform: capitalize;
  }
  .ui-datepicker td a.ui-state-highlight {
    color: var(--primary-red) !important;
  }
  .ui-datepicker td a.ui-state-active {
    color: var(--black) !important;
    outline: 2px solid var(--primary-red);
  }
}
@layer components {
  @media (prefers-color-scheme: dark) {
    form .formdate-default .date-pick {
      background-image: url(../icons/calender-white.svg) !important;
      color: var(--white);
      background: var(--primary-red);
      background-repeat: no-repeat;
      background-position: 90% 50%;
    }
  }
}
@layer components {
  form .formselect {
    margin: 20px 0;
  }
  form select.wm-field-dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../icons/chevron.svg);
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    background-size: 10px auto;
    padding-right: 30px;
    font-weight: 400;
    max-width: 75vw;
    text-overflow: ellipsis;
  }
}
@layer components {
  @media (prefers-color-scheme: dark) {
    form select.wm-field-dropdown {
      background: var(--primary-red);
      color: var(--white);
    }
  }
}
@layer components {
  form .formfileupload {
    margin: 20px 0;
  }
  form .formfileupload .wm-field-label {
    display: flex;
    flex-direction: column;
  }
  form .formfileupload .wm-field-input {
    display: none;
  }
  form .formfileupload label {
    border: 1px solid var(--neutral-05);
    display: inline-flex;
    padding: 8px 40px 8px 16px;
    font-size: 20px;
    font-weight: 400;
    top: 0;
    left: 0;
    background-image: url(../icons/upload.svg);
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    width: -moz-fit-content;
    width: fit-content;
  }
  form .formfileupload .uploaded {
    font-size: 16px;
    background-image: url(../icons/check-green.svg);
    background-repeat: no-repeat;
    background-position: left 0px top 50%;
    padding-left: 30px;
    margin: 10px 0;
    padding: auto;
    display: flex;
    align-items: center;
  }
  form .formbutton .field {
    position: absolute;
    bottom: 0;
    right: -16px;
    width: 52%;
    -webkit-clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%);
  }
  .maincontent:not(.formcontent) form .formbutton .field {
    bottom: -1rem;
    right: -32px;
  }
  form .formbutton input[type="submit"] {
    width: calc(100% - 4px);
    margin: 2px;
    border: none;
    font-size: 20px;
    font-family: psv-sans, sans-serif;
    font-weight: 400;
    color: var(--white);
    cursor: pointer;
    background-color: var(--primary-red);
    background-image: url(../icons/arrow_right-white.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
  }
  form .formbutton input[type="submit"]:where(:hover, :focus-visible) {
    background-color: var(--tertiair-red) !important;
    border-color: var(--tertiair-red) !important;
  }
  form .formbutton_back .field {
    right: auto;
    left: -16px;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
  }
  .maincontent:not(.formcontent) form .formbutton_back .field {
    left: -32px;
  }
  form .formbutton_back input[type="submit"] {
    color: var(--primary-red);
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
    background-color: var(--white);
    background-image: url(../icons/arrow_left-red.svg);
    background-repeat: no-repeat;
    background-position: 10px 50%;
  }
  form .formbutton_back input[type="submit"]:where(:hover, :focus-visible) {
    background-color: var(--primary-red) !important;
    color: var(--white) !important;
    background-image: url(../icons/arrow_left-white.svg);
  }
}
@layer components {
  @media (min-width: 960px) {
    form .formbutton .field {
      right: -56px;
      width: auto;
    }
    form .formbutton_back .field {
      right: auto;
      left: -56px;
    }
    .maincontent:not(.formcontent) form .formbutton .field {
      bottom: -2rem;
      right: -90px;
    }
    .maincontent:not(.formcontent) form .formbutton_back .field {
      right: auto;
      left: -90px;
    }
    form .formbutton input[type="submit"] {
      padding: 0 80px;
      background-position: calc(100% - 40px) 50%;
    }
    form .formbutton_back input[type="submit"] {
      background-position: 40px 50%;
    }
  }
}
@layer components {
  div[id*="error"] {
    background: var(--status-error-bg);
    color: var(--primary-red);
    background-image: url(../icons/error.svg);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    font-size: 13px;
    min-height: 32px;
  }
  div[id*="error"] ul {
    list-style-type: none;
    min-height: 32px;
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: 700;
  }
  div[id*="error"] ul li {
    line-height: 32px;
  }
  div[id*="error"] ul li:before {
    background: none !important;
    padding-left: 20px;
  }
}
@layer components {
  main .editableContainer .block-video {
    margin-inline: -16px;
  }
  .contentpage .maincontent .editableContainer .block-video {
    margin-inline: -32px;
  }
  .block-video {
    margin-block: 32px;
  }
  .block-video .wrapper {
    display: grid;
    gap: 24px;
    padding: 0;
  }
  .block-video .item {
    aspect-ratio: unset;
  }
}
@layer components {
  @media (min-width: 960px) {
    main .editableContainer .block-video {
      margin-inline: -56px;
    }
    .contentpage .maincontent .editableContainer .block-video {
      margin-inline: -88px;
    }
  }
}
@layer components {
  .container__dragslider .swiper-slide {
    align-items: flex-start;
    background: var(--white);
    display: flex;
    filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.2))
      drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.12))
      drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.14));
    flex-direction: column;
    flex-shrink: 0;
    min-height: 240px;
    max-width: 100%;
    position: relative;
    transition: all 0.4s linear;
  }
  .container__dragslider .swiper-slide .image-default .wrapper {
    padding: 0;
  }
  .container__dragslider .swiper-slide .image-default img {
    margin: 0 !important;
    width: 100%;
    height: auto;
  }
  .container__dragslider {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 32px -1rem;
    overflow-x: hidden;
    padding: 16px;
    width: calc(100% + 2rem);
  }
  .container__dragslider .navigation {
    display: flex;
    justify-content: flex-end;
  }
  .container__dragslider .navigation button {
    width: 120px;
  }
  .container__dragslider .slide__item__content {
    padding: 0 20px 20px;
    width: 100%;
  }
  .container__dragslider .slide__item__content a {
    align-items: center;
    display: flex;
    margin: 16px auto;
    gap: 8px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .container__dragslider .slide__item__content a img {
    max-height: 12px;
  }
  .container__dragslider .slide__item__content ul li {
    padding-left: 0;
    text-indent: 0;
  }
  .container__dragslider .slide__item__content--title {
    background: var(--primary-red);
    color: var(--white);
    font-family: psv-condensed, sans-serif;
    font-size: 36px;
    line-height: 30.6px;
    margin-bottom: 20px;
    padding: 12px 20px;
    width: 100%;
  }
  .container__dragslider .slide__item__content--subtitle {
    font-family: psv-condensed, sans-serif;
    font-size: 22px;
    font-style: normal;
    line-height: 18.7px;
    margin-bottom: 20px;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  [data-in-context-mode="true"] .container__dragslider .swiper-wrapper {
    flex-wrap: wrap;
    gap: 24px;
  }
  [data-in-context-mode="true"] .container__dragslider .swiper-slide {
    width: calc(50% - 12px);
  }
}
@layer components {
  @media (min-width: 960px) {
    .container__dragslider {
      padding: 32px 16px;
      width: calc(100% + 3rem);
      overflow-x: visible;
    }
  }
}
@layer components {
  .smokeycard__container {
    margin: 24px 0;
  }
  .smokeycard {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-bottom: 32px;
    overflow: hidden;
    position: relative;
  }
  .smokeycard img {
    position: relative;
    z-index: 0;
  }
  .smokeycard > figure img {
    width: 100%;
    height: auto;
  }
  .smokeycard .smokeycard--content:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
    bottom: 100%;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .smokeycard .smokeycard--title {
    font-family: psv-condensed, sans-serif;
    font-size: 32px;
    font-style: normal;
    line-height: 28px;
  }
  .smokeycard .smokeycard--content {
    flex: 1;
    background: var(--black);
    color: var(--white);
    padding: 32px 24px;
    z-index: 2;
    position: relative;
  }
  .smokeycard .smokeycard--content a {
    align-items: center;
    display: flex;
    gap: 8px;
    margin: 0;
    width: -moz-fit-content;
    width: fit-content;
  }
  a.smokeycard-wrapper {
    text-decoration: none;
    flex: 1;
    margin-bottom: 32px;
  }
  .smokeycard-wrapper .smokeycard {
    width: 100%;
  }
  .smokeycard .icon {
    background: var(--primary-red);
    left: 20px;
    padding: 8px;
    position: absolute;
    top: 20px;
    z-index: 5;
  }
}
@layer components {
  @media (min-width: 960px) {
    .smokeycard__container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 24px;
      margin: 32px 0;
    }
    .smokeycard,
    .smokeycard-wrapper {
      flex: 1;
      width: 30%;
      min-width: 300px;
    }
  }
}
@layer components {
  .imagecard__container {
    margin: 24px 0;
  }
  .imagecard {
    margin-bottom: 32px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 16 / 10;
  }
  .imagecard:has(a) {
    cursor: pointer;
  }
  .imagecard figure img {
    position: relative;
    z-index: 0;
    transform: scale(1);
    transition: all 0.2s linear;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
  }
  .imagecard:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .imagecard .imagecard--title {
    font-family: psv-condensed, sans-serif;
    font-size: 26px;
    font-style: normal;
    line-height: 28px;
    margin-bottom: 8px;
    word-break: break-word;
  }
  .imagecard .imagecard--subtitle {
    font-family: psv-condensed, sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: 22.1px;
    word-break: break-word;
  }
  .imagecard .imagecard--content {
    bottom: 0;
    color: var(--white);
    padding: 32px 24px;
    position: absolute;
    width: 100%;
    z-index: 2;
  }
  .imagecard:has(a):is(:hover, :focus-within) img {
    transform: scale(1.1);
    transition: all 0.2s linear;
  }
  .imagecard .icon {
    background: var(--primary-red);
    left: 20px;
    padding: 8px;
    position: absolute;
    top: 20px;
    z-index: 5;
  }
  .imagecard .imagecard--content a {
    align-items: center;
    color: var(--primary-red);
    display: flex;
    gap: 8px;
    margin: 24px 0 0;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }
  .imagecard .imagecard--content a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: var(--primary-red);
    visibility: hidden;
    transition: all 0.2s linear;
  }
  .imagecard .imagecard--content .arrow:after {
    content: url(../icons/icon-arrow-red.svg);
    filter: hue-rotate(350deg);
    height: 18px;
  }
  .imagecard:hover a:before {
    width: 100%;
    visibility: visible;
  }
  .columns .column .imagecard {
    margin: -1.5rem;
  }
  .columns:has(.imagecard) {
    -webkit-margin-after: 1.5rem;
    margin-block-end: 1.5rem;
  }
}
@layer components {
  @media (min-width: 960px) {
    .imagecard__container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 24px;
      margin: 32px 0;
    }
    .imagecard {
      margin-bottom: 0;
    }
  }
}
@layer components {
  .columns.cta--block {
    display: grid;
    grid-template-columns: 1fr;
    margin: 24px -1rem;
  }
  .columns.cta--block .column:has(.block-gallery-popup, .image-cta) {
    padding: 0;
  }
  .columns.cta--block
    .column:has(.block-gallery-popup, .image-cta)
    :is(div, img) {
    height: 100%;
  }
  .columns .column .event {
    padding: 0;
    margin-block: 16px;
  }
  .columns .column .event li {
    align-items: center;
    display: flex;
    gap: 8px;
    text-indent: 0;
    margin-bottom: 16px;
  }
  .columns.cta--block .column .imagecard {
    max-width: unset;
    width: auto;
  }
  .columns .column .event li:before {
    display: none;
  }
  .columns
    .column
    .event
    :is(.date, .time, .location, .persons, .discount):before {
    flex-shrink: 0;
    content: "";
    display: flex;
    height: 24px;
    margin: 0;
    width: 24px;
    border-radius: unset;
    background-color: var(--icon-color, var(--black));
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
  }
  .columns .column .event .date:before {
    -webkit-mask-image: url(../icons/calendar.svg);
    mask-image: url(../icons/calendar.svg);
  }
  .columns .column .event .time:before {
    -webkit-mask-image: url(../icons/time_black.svg);
    mask-image: url(../icons/time_black.svg);
  }
  .columns .column .event .location:before {
    -webkit-mask-image: url(../icons/icon-location.svg);
    mask-image: url(../icons/icon-location.svg);
  }
  .columns .column .event .persons:before {
    -webkit-mask-image: url(../icons/icon-black-person.svg);
    mask-image: url(../icons/icon-black-person.svg);
  }
  .columns .column .event .discount:before {
    -webkit-mask-image: url(../icons/icon-black-note-info.svg);
    mask-image: url(../icons/icon-black-note-info.svg);
  }
  .columns.cta--block .column > h3,
  .columns.cta--block .column > p {
    padding: 16px;
  }
  .columns.cta--block .column:nth-child(2) p {
    margin: 16px 0;
  }
  .columns.cta--block .column .wrapper {
    padding: 0;
  }
}
@layer components {
  @media (min-width: 960px) {
    .columns.cta--block {
      grid-template-columns: 1fr 1fr;
      margin: 32px -2rem;
    }
    .columns.cta--block .column > h3,
    .columns.cta--block .column > p {
      padding: 16px 48px;
      margin: 0;
    }
  }
}
@layer components {
  .generic__grid--container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .generic__grid--container .grid__item {
    box-shadow: 0 4px 4px #00000040;
    margin-bottom: 16px;
    width: calc(100% - 8px);
  }
  .generic__grid--container .grid__item .grid__item--title {
    background: var(--black);
    color: var(--white);
    font-family: psv-condensed, sans-serif;
    font-size: 18px;
    font-style: normal;
    margin: -48px 16px 48px;
    padding: 2px 3px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
  }
  .generic__grid--container .grid__item .grid__item--content {
    padding: 0 24px 24px;
  }
  .generic__grid--container .grid__item .grid__item--subtitle {
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    margin: 32px 0 20px;
  }
  .generic__grid--container .grid__item .grid__item--content a {
    display: flex;
    justify-content: center;
    margin-top: 8px;
    width: 100%;
  }
  .generic__grid--container .grid__item .grid__item--price {
    color: var(--primary-red);
    font-family: psv-sans, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    margin: 24px 0;
  }
}
@layer components {
  @media (min-width: 768px) {
    .generic__grid--container .grid__item {
      width: calc(25% - 8px);
    }
  }
}
@layer components;
@layer components {
  .block-gallery-popup .item {
    box-shadow: none;
    aspect-ratio: unset;
  }
  .block-gallery-popup .item a {
    display: grid;
    width: 100%;
    height: 100%;
    max-width: unset;
    white-space: normal;
    outline: none;
  }
  .block-gallery-popup a img {
    transition: scale 0.25s ease;
  }
  .block-gallery-popup a:is(:hover, :focus-visible) img {
    scale: 1.05;
  }
  .block-gallery-popup .title {
    display: none;
  }
  .block-gallery-popup .item:before {
    z-index: 1;
    content: "";
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 3rem;
    height: 2rem;
    background-image: url(../icons/gallery.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@layer components {
  .wrapper-notifications {
    display: flex;
  }
  .notification {
    display: none;
    width: 290px;
    background: var(--white);
    transition: right 0.4s ease;
    box-shadow: 0 4px 4px #00000040;
    grid-template-columns: 50px 1fr 50px;
    border-left-width: 6px;
    border-left-style: solid;
    padding: 16px 0;
  }
  .notification.show {
    z-index: 900;
    display: grid;
    position: fixed;
    right: 20px;
    margin-top: 60px;
    transition: all ease 0.3s;
    transform: translate(125%);
  }
  :where(body.home, body:has(header.scrolled)) .notification.show {
    margin-top: 0;
  }
  .pagesectionedit .notification.show {
    z-index: unset;
    margin-top: 0;
    transform: translate(0);
  }
  .notification.error {
    border-left-color: var(--status-error);
  }
  .notification.info {
    border-left-color: var(--status-info);
  }
  .notification.succes {
    border-left-color: var(--status-success);
  }
  .notification .icon {
    display: block;
    width: 40px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 100%;
    -webkit-mask-position: 50% -5px;
    mask-position: 50% -5px;
  }
  .notification.error .icon {
    -webkit-mask-image: url(../icons/error-triangle.svg);
    mask-image: url(../icons/error-triangle.svg);
    background: var(--status-error);
  }
  .notification.info .icon {
    -webkit-mask-image: url(../icons/icon-info.svg);
    mask-image: url(../icons/icon-info.svg);
    background: var(--status-info);
  }
  .notification.succes .icon {
    -webkit-mask-image: url(../icons/icon-succes.svg);
    mask-image: url(../icons/icon-succes.svg);
    background: var(--status-success);
  }
  .notification .data .text * {
    font-size: 16px;
  }
  .notification .data a {
    margin-top: 10px;
    color: var(--primary-red);
    text-decoration: none;
  }
  .notification .buttons {
    display: flex;
    justify-content: center;
  }
  .notification .buttons button {
    height: 25px;
    width: 25px;
    background-color: var(--black);
    -webkit-mask-image: url(../icons/close.svg);
    mask-image: url(../icons/close.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .notification {
      width: 560px;
    }
    .notification.show {
      margin-top: 0;
    }
  }
}
@layer components {
  .notification-sendform {
    display: grid;
    grid-template-columns: 50px 1fr;
    border-left-width: 6px;
    border-left-style: solid;
    padding: 16px 0;
    border-left-color: var(--status-success);
  }
  .notification-sendform:before {
    content: "";
    display: block;
    width: 40px;
    height: 100%;
    -webkit-mask-image: url(../icons/icon-succes.svg);
    mask-image: url(../icons/icon-succes.svg);
    -webkit-mask-position: 50% -5px;
    mask-position: 50% -5px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: var(--status-success);
  }
  .notification-sendform .wrapper {
    padding: 0 !important;
  }
  .notification-sendform label {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    top: auto;
    left: auto;
    padding: 0;
  }
}
@layer components {
  .socialshare {
    display: none;
  }
  .socialshare-button {
    z-index: 600;
    position: fixed;
    left: 0;
    bottom: calc(10% + 59px);
    height: 60px;
    width: 60px;
    line-height: 0;
    font-size: 0;
    background: url(../icons/share_white.svg) var(--secondary-red) no-repeat
      center !important;
    background-size: 32px 32px !important;
    display: block;
    border: 0;
    outline: 0;
  }
}
@layer components {
  @media (min-width: 960px) {
    .socialshare {
      display: block;
      position: absolute;
      top: 900px;
      left: calc(50vw - 575px);
      bottom: 0;
    }
    .socialshare-button {
      display: none;
    }
    .socialshare ul {
      position: sticky;
      top: 100px;
      display: flex;
      flex-direction: column;
      gap: 5px;
      list-style: none;
    }
    .socialshare li {
      width: 40px;
      height: 40px;
      background: var(--black);
      margin-bottom: 5px;
    }
    .socialshare li {
      width: 40px;
      aspect-ratio: 1;
    }
    .socialshare li a {
      display: flex;
      height: 40px;
      width: 40px;
      background: var(--black);
    }
    .socialshare li a.facebook {
      background-image: url(../icons/facebook.svg);
      background-size: 50%;
      background-repeat: no-repeat;
      background-position: center;
    }
    .socialshare li a.x {
      background-image: url(../icons/x.svg);
      background-size: 50%;
      background-repeat: no-repeat;
      background-position: center;
    }
    .socialshare li a.linkedin {
      background-image: url(../icons/linkedin.svg);
      background-size: 50%;
      background-repeat: no-repeat;
      background-position: center;
    }
  }
}
@layer components {
  .oembed.oembed-twitter {
    width: 100% !important;
  }
}
@layer components {
  .empty-state {
    margin: 0 auto;
    max-width: 1248px;
    padding: 0 16px 16px;
    width: 100%;
    aspect-ratio: 103 / 35;
  }
  .empty-state .message {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    padding: 16px;
    background-image: url(../images/empty-state.png);
    background-position: center;
    background-size: cover;
    font-family: psv-condensed, sans-serif;
    font-size: 32px;
  }
}
@layer components {
  @media (min-width: 1248px) {
    .empty-state {
      padding: 0 0 16px;
    }
  }
}
@layer components {
  .molist-download .wrapper {
    padding: 0;
  }
  .molist-download .item,
  .download-default .wrapper {
    aspect-ratio: unset;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    align-items: center;
    padding: 0 !important;
    margin-block: 0.5rem;
    font-family: psv-sans, sans-serif;
    font-size: 1.125rem;
    overflow: visible;
  }
  .download {
    display: inline-flex;
  }
  .molist-download .item:before {
    content: none !important;
  }
  .molist-download .item .title {
    display: inline-flex;
    position: static;
    padding: 0;
  }
  .molist-download .item .title a,
  .download a,
  a.download--pdf {
    position: relative;
    display: inline-flex;
    gap: 0.5rem;
    color: var(--primary-red);
    align-items: center;
    text-decoration: none;
  }
  a.download--pdf {
    display: inline;
  }
  a.download--pdf:before {
    content: "";
    display: inline-block;
    margin-right: 0.125rem;
    vertical-align: -0.2em;
  }
  .molist-download .item .title span,
  .download a span,
  a.download--pdf:before {
    width: 24px;
    aspect-ratio: 1;
    padding: 0;
    background-color: transparent;
    background-image: url(../icons/document-red.svg);
    background-position: center;
    background-size: cover;
  }
  :is(.molist-download .item .title a, .download a, a.download--pdf):after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0.25rem;
    right: 100%;
    height: 2px;
    transition: right 0.3s ease;
    background: var(--primary-red);
  }
  :is(.molist-download .item .title a, .download a, a.download--pdf):is(
      :hover,
      :focus-visible
    ):after {
    right: 0;
  }
}
@layer components {
  .sponsors {
    display: grid;
    gap: 2rem;
    margin: 0 auto 2.25rem;
    padding: 2rem 1rem 3rem;
    background-color: var(--white);
    box-shadow: 0 4px 4px #00000040;
  }
  .sponsors__content {
    width: 100%;
    max-width: 41.25rem;
    justify-self: center;
  }
  .sponsors__content > :is(h2, h3, h4, h5, h6, p) {
    margin-bottom: 0.75em;
  }
  .sponsors__content > :last-child {
    margin-bottom: 0;
  }
  .sponsors__images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .sponsors__images .wrapper {
    padding: 0;
  }
  .sponsors__images img {
    width: 100%;
    margin-inline: 0 !important;
  }
}
@layer components {
  @media (min-width: 960px) {
    .sponsors {
      padding: 3.5rem 3.25rem 2rem;
      max-width: min(58.125rem, 65dvw);
    }
    .sponsors__images {
      grid-template-columns: repeat(4, 1fr);
      gap: 1.5rem;
    }
  }
}
@layer components {
  .sponsors--inverted {
    background-color: var(--gray-11);
    color: var(--white);
  }
}
@layer components {
  .block-product-item .modiv-default .wrapper {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0;
  }
  .block-product-item .item {
    display: grid;
    aspect-ratio: unset;
    grid-template-columns: 24px 1fr 24px;
    background: none;
    box-shadow: none;
    overflow: unset;
  }
  .block-product-item .item .title {
    position: static;
    padding: 0;
    margin-bottom: 1rem;
  }
  .block-product-item .item .title span {
    font-size: 2rem;
    line-height: 1.3;
  }
  .block-product-item .item .thumb {
    position: absolute;
    inset: 0;
    grid-column: 1 / 3;
    padding-bottom: 40px;
  }
  .block-product-item .item .thumb :is(figure, picture) {
    width: 100%;
    height: 100%;
  }
  .block-product-item .item .thumb img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top left;
    object-position: top left;
  }
  .block-product-item .item .block-content {
    z-index: 1;
    grid-column: 2 / 4;
    margin-top: 120px;
    background: var(--white);
    box-shadow: 1px 3px 8px #00000040;
    padding: 24px;
  }
  .block-product-item .item .block-content-wrapper {
    margin-bottom: 1.5rem;
  }
  .block-product-item .item .block-cta {
    font-family: psv-sans, sans-serif;
    font-size: 1.5rem;
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--primary-red);
    margin-bottom: 1.25rem;
  }
  .block-product-item .item .block-cta .price {
    font-size: 2rem;
    font-weight: 700;
  }
  .block-product-item .item .block-cta-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }
  .block-product-item .item .product-filter__block-cta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  .block-product-item .item .product-filter__block-cta .button {
    padding-block: 0.75rem;
  }
}
@layer components {
  @media (min-width: 960px) {
    .block-product-item .modiv-default .wrapper {
      grid-template-columns: 1fr 1fr;
      gap: 40px;
    }
    .block-product-item .item {
      grid-row: span 2;
      grid-template-columns: 30% 1fr 100px;
    }
    .block-product-item .item:nth-of-type(1) {
      grid-row: 2 / 4;
    }
    .block-product-item .item .block-content {
      margin-top: 160px;
    }
  }
}
@layer components;
@layer components {
  body[class^="pagetheme wmammodularcontent_"] .h1-wrapper {
    z-index: 1;
    max-width: 930px;
    width: 100%;
    margin-top: 400px;
    margin-bottom: 132px;
  }
  body[class^="pagetheme wmammodularcontent_"] .h1-wrapper span {
    padding: 2px 12px;
    background: var(--black);
    color: var(--white);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  body[class^="pagetheme wmammodularcontent_"] .h1-wrapper h1 {
    margin: 0 16px;
  }
  .block-article {
    isolation: isolate;
  }
  .article-default {
    background: var(--white);
    margin: 0 auto;
    max-width: 930px;
    width: 95%;
  }
  .article-default .video {
    margin: 32px 0;
  }
  .article-default blockquote {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 48px 0;
  }
  .article-default .editableContainer {
    padding: 40px 16px;
  }
  .article-default .editableContainer > * {
    margin-block: 0.75em 1em;
  }
  .article-default .editableContainer > :first-child {
    -webkit-margin-before: 0;
    margin-block-start: 0;
  }
  .article-default .editableContainer > :last-child {
    -webkit-margin-after: 0;
    margin-block-end: 0;
  }
  .article-default .block-leadimage ~ .article-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-bottom: solid 1px var(--gray-08);
    height: 48px;
    padding-left: 16px;
    gap: 32px;
  }
  .article-header .postdate,
  .article-header .reading-time {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: psv-sans, sans-serif;
    font-size: 14px;
    gap: 4px;
  }
  .article-header .postdate:before,
  .article-header .reading-time:before {
    content: "";
    display: block;
    margin-right: 10px;
    -webkit-mask-size: cover;
    mask-size: cover;
    background: var(--black);
    height: 1.5rem;
    width: 1.5rem;
  }
  .article-header .postdate:before {
    -webkit-mask-image: url(../icons/calendar.svg);
    mask-image: url(../icons/calendar.svg);
  }
  .article-header .reading-time:before {
    -webkit-mask-image: url(../icons/clock.svg);
    mask-image: url(../icons/clock.svg);
  }
  .wmammodularcontent_video .article-header .reading-time {
    display: none;
  }
  .article-header .main-term {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: auto;
    height: 100%;
    padding: 0 20px;
    background: var(--primary-red);
    color: var(--white);
    font-family: psv-sans, sans-serif;
    font-size: 20px;
  }
  .article-header .main-term:before {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 20px;
    background: inherit;
    transform: skew(-16deg);
    transform-origin: top;
  }
  .article-default .block-leadtext {
    margin-inline: 16px;
    padding-top: 16px;
  }
  .article-default .button-lead-text {
    margin-inline: 16px;
    margin-top: 16px;
  }
  .article-default .block-leadtext .text-wrapper {
    display: grid;
    grid-template-columns: 5px 1fr;
    gap: 13px;
  }
  .article-default .block-leadtext .text-wrapper:before {
    content: "";
    height: 100%;
    width: 100%;
    background: var(--primary-red);
  }
  .article-default .block-leadtext p {
    font-size: 1.25rem;
    line-height: 1.25;
  }
  .article-default p a:not(.button) {
    color: var(--gray-10);
    text-decoration: underline;
    transition: color 0.2s ease;
  }
  .article-default p a:hover {
    color: var(--primary-red);
  }
  .article-default .image-default .wrapper {
    padding: 16px 0;
  }
  .properties .themes > * {
    border: solid 1px var(--primary-red);
  }
}
@layer components {
  @media (min-width: 960px) {
    .article-default {
      width: 100%;
    }
    .article-default .editableContainer {
      padding: 64px 212px 64px 106px;
    }
    .article-default .block-leadtext {
      margin-left: 106px;
      margin-right: 212px;
      padding-top: 48px;
    }
    .article-default .block-leadtext p {
      font-size: 1.5rem;
    }
    .article-default .button-lead-text {
      margin-left: 106px;
    }
    .article-default .block-leadimage ~ .article-header {
      padding-left: 106px;
    }
    .article-default .image-default .wrapper {
      padding: 16px;
    }
    .article-default .block-default .image-default img {
      margin-left: -122px;
      max-width: 930px;
    }
    body[class^="pagetheme wmammodularcontent_"] .h1-wrapper h1 {
      margin: 0;
    }
    .article-header .postdate,
    .article-header .reading-time {
      font-size: 20px;
    }
  }
}
@layer components {
  .contentpage .overviewheader-visual {
    height: 24.5rem;
  }
  .contentpage .maincontent {
    margin: 0 auto;
    padding: 1.75rem 1rem;
    background-color: var(--white);
  }
  .contentpage .maincontent h1,
  .contentpage .maincontent h2,
  .contentpage .maincontent h3,
  .contentpage .maincontent h4,
  .contentpage .maincontent h5,
  .contentpage .maincontent h6 {
    font-weight: 400;
  }
  .contentpage .maincontent main {
    align-items: start;
  }
  .contentpage .maincontent h1 {
    margin-bottom: 1rem;
    font-size: 1.8rem;
  }
  .contentpage .maincontent .block-intro {
    margin-inline: 1rem;
    margin-bottom: 1rem;
  }
  .contentpage .maincontent .block-intro .text-wrapper {
    display: grid;
    grid-template-columns: 5px 1fr;
    gap: 13px;
  }
  .contentpage .maincontent .block-intro .text-wrapper:before {
    content: "";
    height: 100%;
    width: 100%;
    background: var(--primary-red);
  }
  .contentpage .maincontent .block-intro .text {
    font-size: 1.5em;
    line-height: 1.25;
  }
  .contentpage .maincontent p {
    margin-block: 2rem;
  }
  .contentpage .maincontent p:first-child {
    -webkit-margin-before: 0;
    margin-block-start: 0;
  }
  .contentpage .maincontent p:last-child {
    -webkit-margin-after: 0;
    margin-block-end: 0;
  }
  .contentpage .maincontent ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .contentpage .maincontent ul li {
    padding-left: 2em;
  }
  .contentpage .title--skewed {
    align-items: baseline;
    background: var(--scred-07);
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    color: var(--white);
    display: flex;
    font-size: 22px;
    justify-content: center;
    line-height: 0.85;
    margin: 0 0 24px -20px;
    min-width: 88px;
    padding: 8px 24px 8px 16px;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .maincontent ul:not([class]) {
    list-style: unset;
    padding-left: 2em;
  }
  .maincontent .anchor-default ul {
    list-style: none;
    padding-left: 0;
  }
  .maincontent ul:not([class]) li {
    padding-left: 0.5em;
  }
  .maincontent ul:not([class]) li::marker {
    color: var(--primary-red);
    font-size: 1.25em;
  }
  .maincontent li p {
    margin-block: 0;
  }
  .contentpage .maincontent .columns .image-default img {
    max-width: calc(100% + 5rem);
    margin-block: -2.5rem -1.5rem;
    margin-inline: -2.5rem;
  }
  .contentpage .maincontent .image-default img {
    max-width: calc(100% + 2rem);
    margin-inline: -1rem;
  }
  .image-default .center img {
    margin: 0 auto;
  }
}
@layer components {
  @media (min-width: 960px) {
    .contentpage .maincontent {
      max-width: min(58.125rem, 65dvw);
      padding: 3.5rem 2rem;
    }
    .contentpage .title--skewed {
      margin-left: -56px;
      text-indent: 12px;
    }
    .contentpage .maincontent h1 {
      font-size: 2.75rem;
    }
    .contentpage .maincontent .image-default img {
      max-width: calc(100% + 6rem);
      margin-inline: -3rem;
    }
    .contentpage .maincontent .columns .column:first-child .image-default img {
      max-width: calc(100% + 7rem);
      -webkit-margin-start: -4.5rem;
      margin-inline-start: -4.5rem;
    }
    .contentpage .maincontent .columns .column:last-child .image-default img {
      max-width: calc(100% + 7rem);
      -webkit-margin-end: -4.5rem;
      margin-inline-end: -4.5rem;
    }
  }
}
@layer components {
  .contentpage--layout {
    -webkit-margin-after: 2.25rem;
    margin-block-end: 2.25rem;
  }
}
@layer components {
  #background-video {
    width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
  }
  .full-height {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: rgba(0, 0, 0, 0.6);
  }
  .full-height img {
    margin-bottom: 60px;
  }
  .full-height button {
    width: 140px;
  }
  .scroll-animation {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .chev {
    position: absolute;
    width: 18px;
    height: 4px;
    opacity: 0;
    transform: scale(0.5);
    animation: animateArrow 1.8s linear infinite;
  }
  .chev:nth-child(1) {
    animation: animateArrow 1.8s linear 0.6s infinite;
  }
  .chev:nth-child(2) {
    animation: animateArrow 1.8s linear 1.2s infinite;
  }
  .chev:before,
  .chev:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    background: #fff;
  }
  .chev:before {
    left: 0;
    width: 50%;
    transform: skewY(30deg);
  }
  .chev:after {
    right: 0;
    width: 50%;
    transform: skewY(-30deg);
  }
  @keyframes animateArrow {
    25% {
      opacity: 1;
    }
    33.3% {
      transform: translateY(14px);
    }
    66.6% {
      opacity: 1;
      transform: translateY(28px);
    }
    to {
      opacity: 0;
      transform: translateY(43px) scale(0.5);
    }
  }
  .incontext .full-height {
    inset-block: 20%;
  }
}
@layer components {
  .block-list {
    background: var(--gray-07);
  }
  .block-list .modiv-default {
    margin: auto;
  }
  .block-list .modiv-default .wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px;
  }
  .block-list.media-foryou {
    width: 100%;
    padding-block: 16px;
    background: var(--gray-11);
    box-shadow: var(--full-bleed-shadow) var(--gray-11);
    -webkit-clip-path: var(--full-bleed-path);
    clip-path: var(--full-bleed-path);
  }
  .block-list.media-foryou .h2-wrapper h2 span {
    padding: 0 4px;
    color: var(--white);
    background: var(--black);
    line-height: 1.2;
  }
  .block-list.media-foryou .modiv-default .wrapper {
    padding-inline: 0;
  }
  .media .h2-wrapper,
  .h2-wrapper {
    margin: 0 auto;
    max-width: 1248px;
    padding: 0 16px 16px;
    width: 100%;
  }
  .wrapper h2 {
    margin: 0 auto;
    max-width: 1248px;
    width: 100%;
  }
  .contentpage .accordion {
    width: 100%;
  }
}
@layer components {
  @media (min-width: 960px) {
    .block-list.media-foryou {
      padding-block: 56px;
    }
    .block-list .modiv-default .wrapper {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 32px;
      padding: 16px;
      max-width: 1248px;
      margin: 0 auto;
      box-sizing: content-box;
    }
    .block-list.media-foryou .modiv-default .wrapper {
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      max-width: 1250px;
      padding-block: 32px;
    }
  }
}
@layer components {
  .wrapper {
    display: flex;
    flex-direction: column;
    padding: 16px 16px 0;
    gap: 32px;
  }
  .block-default .molist-matches,
  .pagesection-matchday_upcoming-match,
  .standings,
  .statistics-wrapper,
  .match-lineup,
  .pagesection-timeline ol,
  .accordion,
  .match-highlights-wrapper {
    width: 100%;
    max-width: calc(100vw - 32px);
  }
  .match-lineup {
    margin: 0 auto;
  }
  .pagesection-matchday_upcoming-match,
  .standings {
    margin-bottom: 80px;
  }
}
@layer components {
  @media (min-width: 960px) {
    .block-default .molist-matches,
    .pagesection-matchday_upcoming-match,
    .standings,
    .match-lineup {
      width: 1248px;
    }
    .statistics {
      width: 400px;
    }
    .pagesection-timeline ol,
    .match-highlights {
      width: 718px;
    }
    .accordion {
      width: 612px;
    }
  }
}
@layer components {
  @media (min-width: 1248px) {
    div.media .h2-wrapper,
    div.h2-wrapper {
      padding: 0 0 16px;
    }
  }
}
@layer components {
  .filter .filterbar-result .pagesection-matchday_upcoming-match,
  .filter .filterbar-result .molist-matches,
  .filter .filterbar-result .standings {
    margin: auto auto 50px;
  }
}
@layer components {
  .match-timeline {
    position: relative;
    width: 100%;
    margin: auto;
  }
  .match-timeline .flex {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .match-timeline .flex > div {
    box-sizing: border-box;
  }
  .match-timeline .flex .match-highlights-wrapper {
    order: 1;
    margin-bottom: 30px;
  }
  .match-timeline .flex .pagesection-timeline {
    order: 2;
    margin-bottom: 30px;
  }
  .match-timeline .flex .statistics-wrapper {
    order: 0;
  }
}
@layer components {
  @media (min-width: 960px) {
    .match-timeline {
      padding: 0 80px;
      max-width: 1400px;
    }
    .match-timeline .flex {
      align-items: baseline;
    }
    .match-timeline .flex > .statistics-wrapper {
      position: absolute;
      right: 50px;
      top: 0;
      width: auto;
    }
    .match-timeline .flex .match-highlights-wrapper {
      order: 1;
    }
    .match-timeline .flex .pagesection-timeline {
      order: 3;
    }
    .match-timeline .flex .statistics-wrapper {
      order: 2;
    }
  }
}
@layer components {
  .pagetheme:is(.player, .personyouth) {
    background: var(--gray-07);
    width: 100%;
  }
  .pagetheme:is(.player, .personyouth) .filterbar {
    align-items: flex-end;
    display: flex;
    margin: 0 auto;
    padding: 0;
  }
  .pagetheme:is(.player, .personyouth) .overviewheader-visual {
    z-index: 0;
  }
  .pagetheme:is(.player, .personyouth) .overviewheader-visual .content-wrapper {
    display: flex;
    flex-direction: column;
    margin: auto 0 24px;
  }
  .pagetheme:is(.player, .personyouth)
    .overviewheader-visual
    .content-wrapper
    .buttons {
    display: flex;
    justify-content: center;
  }
  .pagetheme:is(.player, .personyouth)
    .overviewheader-visual
    .content-wrapper
    .extranavigation {
    bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    left: 32px;
    position: absolute;
  }
  .pagetheme:is(.player, .personyouth)
    .overviewheader-visual
    .content-wrapper
    .fanstore {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    line-height: 1;
    gap: 4px;
  }
  .pagetheme:is(.player, .personyouth)
    .overviewheader-visual
    .content-wrapper
    .fanstore:after {
    content: url(../icons/shirt-white.svg);
    width: 32px;
    height: 32px;
  }
  .pagetheme:is(.player, .personyouth)
    .overviewheader-visual
    .content-wrapper
    .extranavigation
    a {
    background-color: transparent;
    height: 24px;
    min-height: unset;
    overflow: hidden;
    padding: 0;
    width: 24px;
  }
  .pagetheme:is(.player, .personyouth)
    .overviewheader-visual
    .content-wrapper
    .extranavigation
    img {
    max-width: 100%;
  }
  .pagetheme:is(.player, .personyouth) .title-wrapper {
    padding: 40px 16px 8px;
  }
  .pagetheme:is(.player, .personyouth) .h2-wrapper h2,
  .pagetheme:is(.player, .personyouth) .title-wrapper h2 {
    font-size: 36px;
    font-style: normal;
    line-height: 30px;
  }
  .pagetheme:is(.player, .personyouth) .title-wrapper h2 {
    color: var(--primary-red);
  }
  .pagetheme:is(.player, .personyouth) .button-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1248px;
    width: 100%;
  }
  .pagetheme:is(.player, .personyouth) .button-bar .button-back-wrapper {
    min-width: 150px;
  }
  .pagetheme:is(.player, .personyouth) .button-bar .button-back-wrapper a {
    align-items: center;
    background: var(--gray-11);
    border: 0;
    color: var(--white);
    display: flex;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    line-height: 1;
  }
  .pagetheme:is(.player, .personyouth) .button-bar .button-back-wrapper a img {
    transform: rotate(180deg);
  }
  .pagetheme:is(.player, .personyouth) .button-bar .button-back-wrapper img {
    padding-left: 12px;
    align-self: center;
    height: 14px;
  }
  .pagetheme:is(.player, .personyouth) .button-bar .button {
    display: flex;
    width: 100%;
  }
  .pagetheme:is(.player, .personyouth) .button-bar .player-navigation {
    display: flex;
    flex-direction: row;
    gap: 0;
    margin: 0 0 0 auto;
  }
  .pagetheme:is(.player, .personyouth)
    .button-bar
    .player-navigation
    .button--skewed--left-right {
    align-items: baseline;
    background: var(--gray-11);
    -webkit-clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    display: flex;
    justify-content: center;
    min-width: 88px;
    padding-left: 24px;
  }
  .pagetheme:is(.player, .personyouth)
    .button-bar
    .player-navigation
    .button--skewed--left-right
    img {
    transform: rotate(180deg);
  }
  .pagetheme:is(.player, .personyouth)
    .button-bar
    .player-navigation
    .button--skewed--left {
    align-items: baseline;
    background: var(--primary-red);
    -webkit-clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%);
    display: flex;
    justify-content: center;
    margin-left: -20px;
  }
  .personyouth .button-bar .player-navigation .button--skewed--left {
    padding-left: 24px;
    white-space: nowrap;
  }
  .pagetheme:is(.player, .personyouth)
    .button-bar
    .player-navigation
    .button--skewed--left-right
    img,
  .pagetheme:is(.player, .personyouth)
    .button-bar
    .player-navigation
    .button--skewed--left
    img {
    padding-left: 12px;
    width: 60px;
    height: 19px;
    align-self: center;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .pagetheme:is(.player, .personyouth) .table-overviewdetails {
    background: var(--white);
    box-shadow: 0 1px 3px #0003, 0 2px 1px #0000001f, 0 1px 1px #00000024;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 32px;
    padding: 16px;
  }
  .pagetheme:is(.player, .personyouth) .table-overviewdetails > div {
    padding: 16px;
    width: 50%;
  }
  .pagetheme:is(.player, .personyouth)
    .table-overviewdetails
    div:nth-child(odd) {
    border-right: 1px solid var(--gray-07);
    border-bottom: 2px solid var(--gray-07);
  }
  .pagetheme:is(.player, .personyouth)
    .table-overviewdetails
    div:nth-child(even) {
    border-left: 1px solid var(--gray-07);
    border-bottom: 2px solid var(--gray-07);
  }
  .pagetheme:is(.player, .personyouth) .table-overviewdetails div:last-child,
  .pagetheme:is(.player, .personyouth)
    .table-overviewdetails
    div:nth-last-child(2) {
    border-bottom: 0;
  }
  .pagetheme:is(.player, .personyouth) .table-overviewdetails .stat {
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 8px;
  }
  .pagetheme:is(.player, .personyouth) .table-overviewdetails .data {
    font-family: psv-condensed, sans-serif;
    font-size: 22px;
    font-style: normal;
    line-height: 18px;
    text-transform: uppercase;
  }
}
@layer components {
  @media (min-width: 960px) {
    .pagetheme:is(.player, .personyouth) .table-overviewdetails {
      margin: 0 auto 88px;
      max-width: 1248px;
    }
    .pagetheme:is(.player, .personyouth) .title-wrapper {
      margin: 0 auto;
      max-width: 1248px;
      padding: 0 16px 16px;
      width: 100%;
    }
    .pagetheme:is(.player, .personyouth) .table-overviewdetails {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
    }
    .pagetheme:is(.player, .personyouth) .table-overviewdetails > div {
      padding: 16px;
      width: 16.6666667%;
    }
    .pagetheme:is(.player, .personyouth) .table-overviewdetails .stat {
      margin-bottom: 16px;
    }
    .pagetheme:is(.player, .personyouth)
      .table-overviewdetails
      div:nth-child(odd),
    .pagetheme:is(.player, .personyouth)
      .table-overviewdetails
      div:nth-child(even) {
      border-bottom: 0;
      border-right: 0;
      border-left: 2px solid var(--gray-07);
    }
    .pagetheme:is(.player, .personyouth)
      .table-overviewdetails
      div:nth-child(1) {
      border: 0;
    }
    .pagetheme:is(.player, .personyouth) .button-bar {
      max-width: 1248px;
      margin: 40px auto 64px;
    }
    .pagetheme:is(.player, .personyouth)
      .button-bar
      .player-navigation
      .button--skewed--left-right {
      min-width: 132px;
    }
    .pagetheme:is(.player, .personyouth)
      .button-bar
      .player-navigation
      .button--skewed--left {
      margin-left: -16px;
      min-width: 120px;
    }
    .pagetheme:is(.player, .personyouth)
      .overviewheader-visual
      .content-wrapper {
      margin-bottom: 64px;
    }
    .pagetheme:is(.player, .personyouth)
      .overviewheader-visual
      .content-wrapper
      .extranavigation {
      gap: 32px;
      bottom: 32px;
    }
    .pagetheme:is(.player, .personyouth)
      .overviewheader-visual
      .content-wrapper
      .extranavigation
      a {
      height: 32px;
      width: 32px;
    }
  }
}
@layer components {
  @media (min-width: 1248px) {
    .pagetheme:is(.player, .personyouth) .title-wrapper {
      padding: 0 0 16px;
    }
    .pagetheme:is(.player, .personyouth) .table-overviewdetails {
      margin: 0 auto 120px;
    }
    .pagetheme:is(.player, .personyouth) .button-bar .player-navigation {
      padding: 0;
    }
  }
}
@layer components {
  @media (min-width: 960px) {
    .pagetheme.personyouth .table-overviewdetails {
      width: 60%;
      margin: 0 0 88px;
    }
    .pagetheme.personyouth .table-overviewdetails > div {
      width: 33%;
    }
  }
  .pagetheme.personyouth .block-team .modiv-default > .wrapper {
    padding: 0;
  }
  .pagetheme.personyouth .wrapper .block-team__other {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
  .pagetheme.personyouth .wrapper .block-team__other .swiper-slide__team {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .pagetheme.personyouth
    .wrapper
    .block-team__other
    .swiper-slide__team
    .onderschrift {
    width: 100%;
  }
  .pagetheme.personyouth
    .wrapper
    .block-team__other
    .swiper-slide__team
    .onderschrift
    .team__card__name {
    justify-content: center;
  }
}
@layer components {
  .search-default {
    margin-top: 75px;
  }
  .search-wrapper {
    margin: 25px auto auto;
    width: 100%;
  }
  .filterbar.searchpage {
    max-width: 1248px;
    margin: auto auto auto -16px;
    width: calc(100% + 32px);
  }
  .filterbar.searchpage .filterbar-toplevel ul {
    justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .search-wrapper .filterbar.searchpage .filterbar-toplevel li {
    width: auto;
  }
  .search-wrapper .filterbar-result.filter.searchpage {
    width: 100%;
  }
}
@layer components {
  @media (min-width: 960px) {
    .search-wrapper {
      max-width: 1248px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .filterbar.searchpage .filterbar-toplevel ul {
      overflow-x: hidden;
    }
    .filterbar.searchpage {
      margin: auto;
      width: 100%;
    }
  }
}
@layer components {
  body.errorpages {
    background-image: url(../images/background-eendracht.svg);
    background-size: auto;
    height: 100vh;
    width: 100vw;
  }
  body.errorpages main {
    padding: 25vh 0 0;
  }
  body.errorpages .h1-wrapper h1 {
    font-size: 100px;
    color: var(--scred-07);
    font-family: psv-branding, sans-serif;
    margin-bottom: 40px;
  }
  body.errorpages .editableContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body.errorpages .editableContainer p {
    font-size: 20px;
  }
  body.errorpages .editableContainer p.aligncenter {
    text-align: center;
  }
  body.errorpages .editableContainer p a {
    margin-top: 40px;
  }
}
@layer components {
  @media (min-width: 960px) {
    body.errorpages .h1-wrapper h1 {
      font-size: 200px;
    }
  }
}
@layer components;
@layer components;
@layer components;
@layer components {
  .module.media {
    align-content: start;
    background: var(--gray-07);
  }
  .module.media h1 {
    z-index: 2;
    margin: 25px 16px;
    width: -moz-max-content;
    width: max-content;
    color: var(--black);
    font-size: 52px;
    pointer-events: none;
  }
  body.home p[data-wm-anchor-id] {
    height: -moz-max-content;
    height: max-content;
    margin: 0 auto;
    width: 100%;
    z-index: 2;
    pointer-events: none;
  }
  body.home p[data-wm-anchor-id] a {
    z-index: 1;
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    height: auto;
    margin: 0 16px 25px;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 12px 30px;
    background: var(--primary-red);
    color: var(--white);
    font-family: psv-condensed, sans-serif;
    text-decoration: none;
    transition: background 0.2s ease;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    pointer-events: all;
  }
  body.home p[data-wm-anchor-id] a:after {
    content: "";
    width: 1.5rem;
    aspect-ratio: 1;
    background-image: url(../icons/icon-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  body.home p[data-wm-anchor-id] a:hover {
    background: var(--tertiair-red);
    cursor: pointer;
  }
  .media
    > :where(
      [id^="mediacollectionelementdiv"],
      .embedded_wcbelement > div
    ):first-of-type {
    width: 100vw;
    padding: 0 16px;
  }
  .media
    > :where(
      [id^="mediacollectionelementdiv"],
      .embedded_wcbelement > div
    ):last-of-type {
    position: relative;
    bottom: unset;
    border-top: none;
    max-height: -moz-max-content;
    max-height: max-content;
    width: 100vw;
    background: none;
  }
  .media
    > :where(
      [id^="mediacollectionelementdiv"],
      .embedded_wcbelement > div
    ):last-of-type:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: none;
    opacity: 50%;
  }
  .media
    > :where(
      [id^="mediacollectionelementdiv"],
      .embedded_wcbelement > div
    ):last-of-type
    .block-list {
    background: none;
  }
  .media .wrapper {
    z-index: 1;
    position: relative;
    padding: 0;
    gap: 0;
  }
  div.media .h2-wrapper {
    z-index: 1;
    position: relative;
    margin: auto;
    width: 100%;
    padding-bottom: 0;
  }
  .block-list.swiper-list {
    position: relative;
    width: 100%;
    max-width: 1280px;
    padding-inline: 16px;
    padding-block: 24px;
    margin: 0 auto;
  }
  .block-list.swiper-list .item {
    aspect-ratio: unset;
  }
  .block-list.swiper-list.white {
    background: var(--white);
    margin: 0 -1rem;
    width: calc(100% + 2rem);
  }
  .contentpage .block-list.swiper-list {
    overflow-x: hidden;
    padding: 16px 32px;
  }
  .contentpage .block-list .modiv-default > .navigation {
    margin-right: -24px;
  }
  .media h2 {
    margin: 0;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 0 5px;
    background: var(--black);
    color: var(--white);
  }
  .block-gallery .wrapper {
    flex-direction: row;
  }
  .block-gallery .modiv-default {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .block-gallery .item {
    flex-shrink: 0;
  }
  .block-list.swiper-list .wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 0;
  }
  .block-list.swiper-list .swiper-initialized .wrapper {
    grid-template-columns: repeat(50, 1fr);
    gap: 0;
  }
  .block-list.swiper-list .modiv-default {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: auto;
  }
  .swiper-list .modiv-default .navigation {
    display: none;
  }
  .swiper-list .modiv-default > .navigation {
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: flex-end;
  }
  .swiper-list .modiv-default > .navigation button {
    width: 120px;
  }
  .block-gallery .modiv-default > .navigation button {
    pointer-events: all;
  }
  .block-gallery .item > div:nth-of-type(3) {
    display: none;
  }
  .block-gallery .swiper-slide-active > div:nth-of-type(3) {
    z-index: 1;
    display: flex;
    position: absolute;
    bottom: 0;
  }
}
@layer components {
  @media (max-width: 960px) {
    .block-list.swiper-list {
      overflow-x: hidden;
    }
    .swiper-list .modiv-default {
      -webkit-margin-end: 0.75rem;
      margin-inline-end: 0.75rem;
    }
    .swiper-list .modiv-default > .navigation {
      -webkit-margin-end: -0.75rem;
      margin-inline-end: -0.75rem;
    }
    .media .block-gallery.swiper-list .navigation {
      display: none;
    }
    .media .block-list.swiper-list .modiv-default {
      -webkit-margin-end: 0;
      margin-inline-end: 0;
    }
    .media .block-list.swiper-list .modiv-default > .navigation {
      display: none;
    }
    .media .block-list.swiper-list:not(:has(#bcRecommendations)) .item {
      margin-right: 0 !important;
    }
    .media .block-list.swiper-list .item:nth-of-type(n + 2) {
      display: none;
    }
  }
}
@layer components {
  @media (min-width: 960px) {
    .module.media {
      background: var(--gray-11);
    }
    .module.media h1 {
      color: var(--white);
      margin: 96px auto 0;
      padding-left: 20px;
      width: 100%;
    }
    body.home p[data-wm-anchor-id] a {
      margin-left: 20px;
      line-height: 17px;
    }
    .media
      > :where(
        [id^="mediacollectionelementdiv"],
        .embedded_wcbelement > div
      ):first-of-type {
      position: absolute;
      justify-self: center;
      width: 100%;
      height: 55%;
      top: 0;
      margin: 0;
      padding: 0;
    }
    .media
      > :where(
        [id^="mediacollectionelementdiv"],
        .embedded_wcbelement > div
      ):last-of-type {
      position: absolute;
      bottom: 0;
      display: flex;
      align-items: center;
      margin: 0;
      border-top: solid 2px var(--gray-08);
      height: 45dvh;
      max-height: 45%;
      width: 100%;
      background: url(../images/background-pattern.svg) repeat;
      background-color: var(--white);
      background-size: 400px;
    }
    .media
      > :where(
        [id^="mediacollectionelementdiv"],
        .embedded_wcbelement > div
      ):last-of-type:after {
      background: linear-gradient(90deg, var(--white), #bcbcbc);
    }
    .media .wrapper {
      gap: 32px;
    }
    .block-gallery {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 100%;
    }
    .block-gallery .modiv-default {
      position: relative;
      width: 90%;
      max-width: 75rem;
      height: 100%;
    }
    .block-gallery .wrapper {
      width: unset;
      height: 100%;
      gap: 0;
    }
    .block-gallery .item {
      flex-shrink: 0;
      -webkit-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
      clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
      filter: brightness(50%);
    }
    .block-gallery .swiper-slide-prev,
    .block-gallery .item:has(~ .swiper-slide-active) {
      translate: 25% 0;
    }
    .block-gallery .swiper-slide-next,
    .block-gallery .swiper-slide-active ~ .item {
      translate: -25% 0;
    }
    .block-gallery .swiper-slide-active {
      z-index: 1;
      transition: 0.3s;
      translate: 0;
      filter: brightness(100%);
    }
    .block-gallery .modiv-default > .navigation {
      position: absolute;
      z-index: 1;
      bottom: 25%;
      left: calc(-3.75% + 3rem);
      right: calc(11.25% - 5rem);
      display: flex;
      justify-content: space-between;
      translate: 0 -50%;
      pointer-events: none;
    }
    .block-gallery .item .title {
      bottom: 6.25rem;
      padding-left: 15%;
      padding-right: 20%;
      display: none;
    }
    .block-gallery .item .title span {
      font-size: 2.25rem;
      line-height: 1;
    }
    .block-gallery .swiper-slide-active .title {
      display: block;
    }
    .block-gallery .item :is(.contenttype span, time) {
      padding-block: 0.5rem;
      padding-right: 0.75rem;
      padding-left: 1.5rem;
      font-size: 1rem;
      font-weight: 500;
    }
    .block-gallery .item :is(.contenttype span, time):after {
      right: -0.5rem;
      width: 1rem;
    }
    .media .block-list.swiper-list .item {
      aspect-ratio: unset;
    }
    .block-list.swiper-list.white {
      margin: 0 -2rem;
      width: calc(100% + 4rem);
    }
    .contentpage .block-list .modiv-default > .navigation {
      margin-right: 0;
    }
  }
}
@layer components {
  .incontext .module.media .item {
    pointer-events: none;
  }
}
@layer components;
@layer components {
  .smokey-background {
    width: 100vw;
  }
  .smokey-background .container-background {
    isolation: isolate;
    display: none;
    max-height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    width: 100vw;
  }
  .smokey-background .container-background:before {
    z-index: 1;
    background: rgba(0 0 0 / 0.78);
    content: "";
    display: block;
    position: absolute;
    min-height: 100vh;
    min-width: 100vw;
    left: -0;
  }
  .smokey-background .container-background img {
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 100vh;
    min-width: 100vw;
    filter: grayscale(1);
  }
  .smokey-background {
    position: relative;
  }
  .home .module.matchcentre {
    grid-template-rows: 0.5fr 1fr 0.5fr 1fr;
    background: var(--gray-11);
    width: 100%;
    max-width: 100vw;
  }
  .home .module.matchcentre .block-default.previous-match {
    display: none;
  }
  .home .module.matchcentre .competition-logo {
    margin: -24px 0;
    max-width: 72px;
  }
  .home .module.matchcentre .clearer {
    display: none;
  }
  .home .module.matchcentre .block-default {
    display: flex;
    flex-direction: column;
    max-width: 100vw;
  }
  .home .module.matchcentre .block-default .block-title {
    display: none;
  }
  .home .module.matchcentre h2 {
    color: var(--white);
    font-family: psv-branding, sans-serif;
    font-size: 52px;
    line-height: 48px;
    padding: 48px 16px 16px;
  }
  .home .module.matchcentre .pagesection-matchday_announcement {
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.2) 100%
      ),
      var(--primary-red);
    box-shadow: 0 0.70192px 2.10577px #0003, 0 1.40385px 0.70192px #0000001f,
      0 0.70192px 0.70192px #00000024;
    display: flex;
    flex-direction: column;
  }
  .home .module.matchcentre .pagesection-matchday_announcement .white--filled {
    background: var(--white);
    color: var(--black);
    font-family: psv-sans, sans-serif;
    font-weight: 700;
    margin-bottom: 32px;
    max-width: 200px;
    padding: 8px 32px 8px 24px;
    text-transform: capitalize;
  }
  .home.smokey-background .bottom-button-container {
    display: none;
  }
  .home.smokey-background
    .module.matchcentre
    > .button--skewed-right.red--filled {
    z-index: 1;
    align-items: center;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10px 0);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10px 0);
    display: flex;
    gap: 8px;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 1;
    margin: -34px 0 0 auto;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 7px 25px;
  }
  .home.smokey-background
    .module.matchcentre
    > .button--skewed-right.red--filled:after {
    content: url(../icons/icon-arrow.svg);
  }
  .home .module.matchcentre .standings {
    margin-bottom: 0;
    margin-top: -1px;
    position: relative;
    width: 100%;
  }
  .home .module.matchcentre .standings .bottom {
    color: var(--primary-red);
    font-family: psv-condensed, sans-serif;
    font-size: 22px;
    font-style: normal;
    line-height: 18px;
    margin-top: 32px;
    text-transform: uppercase;
    text-align: right;
  }
  .home .module.matchcentre .standings thead {
    display: none;
  }
  .home .module.matchcentre .standings .table-overview-highlight-rank thead {
    background: transparent;
    display: contents;
  }
  .home .module.matchcentre .standings .table-overview-highlight-rank tbody td {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    height: auto;
    line-height: 22px;
    margin: 0 8px 0 0;
    text-indent: 23px;
    width: 21px;
  }
  .home .module.matchcentre .standings .table-overview-highlight-rank tr th {
    font-weight: 400;
    text-indent: 15px;
  }
  .home
    .module.matchcentre
    .standings
    .table-overview-highlight-rank
    div.wrapper {
    padding: 0;
  }
  .home .module.matchcentre .standings .table-overview-highlight-rank {
    font-size: 18px;
    padding: 16px;
    position: relative;
    width: 100vw;
    z-index: 1;
  }
  .home .module.matchcentre .standings .table-overview-highlight-rank tr {
    display: flex;
    justify-content: flex-start;
  }
  .home .module.matchcentre .block-highlight-rank img,
  .home .module.matchcentre .block-highlight-rank .top {
    display: none;
  }
  .home .module.matchcentre .block-highlight-rank .ranking-background {
    position: relative;
  }
  .home .module.matchcentre .block-highlight-rank .ranking-background img {
    display: block;
    height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: -16px;
    width: 100%;
    z-index: 0;
    filter: grayscale(1);
  }
  .home .module.matchcentre .odd,
  .home .module.matchcentre .even {
    background: transparent;
  }
  .home .module.matchcentre tr:not(.highlight-rank) {
    display: none;
  }
  .home .module.matchcentre .table-highlight-rank tr {
    display: contents;
  }
  .home
    .module.matchcentre
    .block-default
    .table-overview
    .table-overview-highlight-rank
    .top {
    display: block;
    padding: 0;
    margin: 0;
  }
  .home .module.matchcentre .table-overview-highlight-rank .top-mobile {
    color: var(--primary-red);
  }
  .home .module.matchcentre .rankings .top,
  .home .module.matchcentre .standings .top-desktop {
    display: none;
  }
  .home .module.matchcentre .pagesection-matchday_announcement .left,
  .home .module.matchcentre .pagesection-matchday_announcement .left a,
  .home .module.matchcentre .pagesection-matchday_announcement .right {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    gap: 8px;
    margin-top: 8px;
    padding: 0 16px;
    text-decoration: none;
  }
  .home .module.matchcentre .pagesection-matchday_announcement .left img {
    height: 73px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 91px;
  }
  .home .module.matchcentre .pagesection-matchday_announcement .left a {
    padding: 0 8px;
  }
  .home .module.matchcentre .pagesection-matchday_announcement .match-info a {
    display: flex;
    flex-direction: column;
    color: var(--white);
    text-decoration: none;
    justify-content: center;
  }
  .home
    .module.matchcentre
    .pagesection-matchday_announcement
    .match-info
    .tijd {
    font-family: psv-branding, sans-serif;
    font-size: 26px;
    line-height: 22px;
    margin: 0 16px;
  }
  .home .module.matchcentre .pagesection-matchday_announcement .right span {
    font-family: psv-sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin: 8px 0 32px;
  }
  .home .module.matchcentre .pagesection-matchday_announcement .right .datum {
    border-right: 1px solid var(--white);
    padding-right: 8px;
    text-transform: capitalize;
  }
  .home
    .module.matchcentre
    .pagesection-matchday_announcement
    .button-container {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 32px;
    padding: 0 16px;
  }
  .home .module.matchcentre .block-default .table-overview {
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.2) 100%
      ),
      linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  }
  .home .module.matchcentre .block-default .table-overview .top {
    color: var(--white);
    font-family: psv-condensed, sans-serif;
    font-size: 22px;
    font-style: normal;
    line-height: 18.7px;
    padding: 24px 16px;
    text-align: right;
    text-transform: uppercase;
  }
  .home .module.matchcentre .block-default .table-overview .wrapper {
    display: flex;
    flex-direction: row;
    color: var(--white);
    padding: 0 0 32px;
    justify-content: space-between;
    gap: 0;
    overflow: hidden;
  }
  .home .module.matchcentre .block-default .table-overview .wrapper .position {
    display: flex;
    align-items: center;
  }
  .home
    .module.matchcentre
    .block-default
    .table-overview
    .wrapper
    .position
    > p {
    font-family: psv-branding, sans-serif;
    font-size: 60px;
    line-height: 52px;
  }
  .home
    .module.matchcentre
    .block-default
    .table-overview
    .wrapper
    .position
    > span {
    font-family: psv-branding, sans-serif;
    font-size: 30px;
    line-height: 26px;
    margin-top: -12px;
  }
  .home .module.matchcentre .block-default .table-overview .wrapper .center th,
  .home .module.matchcentre .block-default .table-overview .wrapper .center tr {
    text-align: left;
  }
  .home .module.matchcentre .bottom-button-container {
    display: none;
  }
  .home .module.matchcentre .block-default .table-overview .wrapper .center {
    max-width: 200px;
    width: 100%;
  }
  .home .module.matchcentre .block-default .table-overview .wrapper .center th {
    color: var(--white);
    font-family: psv-sans, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
  .home .module.matchcentre .block-default .table-overview .wrapper .center tr {
    color: var(--white);
    font-family: psv-sans, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
  }
  .home .module.matchcentre .block-default .button--skewed-right.red--filled {
    -webkit-clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%);
    margin: 0 0 0 auto;
    max-width: 230px;
    padding-left: 24px;
    width: 100%;
  }
  .home .module.matchcentre .button--skewed-right.red--filled a {
    text-decoration: none;
    color: var(--white);
  }
  .home .module.matchcentre .block-highlight-rank .ranking-background:before {
    background: rgba(0 0 0 / 0.78);
    content: "";
    height: 300px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
}
@layer components {
  @media (min-width: 960px) {
    .smokey-background .container-background {
      display: flex;
    }
    .home .module.matchcentre .block-default .table-overview {
      background: var(--white);
      display: flex;
      flex-direction: column;
      justify-content: center;
      max-width: 358px;
      min-height: 295px;
    }
    .home
      .module.matchcentre
      .block-default
      .table-overview
      .wrapper
      .position
      > p,
    .module.matchcentre
      .block-default
      .table-overview
      .wrapper
      .position
      > span,
    .home
      .module.matchcentre
      .block-default
      .table-overview
      .wrapper
      .center
      tr,
    .home
      .module.matchcentre
      .block-default
      .table-overview
      .wrapper
      .center
      th {
      color: var(--black);
    }
    div.home .module.matchcentre {
      align-items: flex-start;
      background: transparent;
      -moz-column-gap: 24px;
      column-gap: 24px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin: 0 auto;
      padding: 5vh 16px 2rem;
      max-width: 1248px;
      row-gap: 0;
      width: 100%;
    }
    .home .module.matchcentre h2 {
      padding: 0 0 5vh;
      width: 100%;
    }
    .home .module.matchcentre .block-default {
      margin: 0;
      max-width: 358px;
      padding: 0;
      width: calc(30% - 16px);
    }
    .home .module.matchcentre .block-default.previous-match {
      display: flex;
    }
    .home .module.matchcentre .block-default .pagesection-matchday_previous {
      background: var(--white);
      display: flex;
      flex-direction: column;
      position: relative;
      max-width: 358px;
      padding: 16px;
    }
    .home
      .module.matchcentre
      .block-default
      .pagesection-matchday_previous:before {
      background: var(--gray-11);
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      height: 20px;
      border-right: 100px solid transparent;
      border-bottom: 100px solid var(--white);
    }
    .home .module.matchcentre .pagesection-matchday_previous .left,
    .home .module.matchcentre .pagesection-matchday_previous .right {
      align-items: center;
      color: var(--black);
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: space-between;
      z-index: 1;
    }
    .home .module.matchcentre .pagesection-matchday_announcement {
      margin-top: -25px;
    }
    .home .module.matchcentre .pagesection-matchday_previous > .left {
      justify-content: center;
      gap: 24px;
    }
    .home .module.matchcentre .pagesection-matchday_announcement .right span {
      font-size: 24px;
      margin: 8px 0 52px;
    }
    .home .module.matchcentre .block-default .table-overview .wrapper {
      padding: 0;
    }
    .home .module.matchcentre .pagesection-matchday_previous .left a,
    .home .module.matchcentre .pagesection-matchday_previous .right a {
      color: var(--black);
      text-decoration: none;
      font-size: 16px;
      text-align: center;
    }
    .home
      .module.matchcentre
      .pagesection-matchday_previous
      .left
      .match-info
      a {
      color: var(--black);
      font-family: psv-branding, sans-serif;
      font-size: 26px;
      line-height: 22px;
      text-decoration: none;
    }
    .home .module.matchcentre .pagesection-matchday_previous .left span {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      max-width: 72px;
    }
    .home .module.matchcentre .pagesection-matchday_previous .left.top {
      align-items: flex-start;
      flex-direction: column;
      font-family: psv-sans, sans-serif;
    }
    .home .module.matchcentre .pagesection-matchday_previous .top .location {
      color: var(--gray-10);
      flex-basis: 100%;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 14px;
      font-family: psv-sans, sans-serif;
      margin-bottom: 24px;
    }
    .home .module.matchcentre .pagesection-matchday_previous .left img {
      height: 73px;
      -o-object-fit: contain;
      object-fit: contain;
      width: 91px;
    }
    .home .module.matchcentre .pagesection-matchday_previous .result a {
      color: var(--black);
      font-size: 26px;
      font-weight: 700;
      line-height: 22px;
    }
    .home .module.matchcentre .block-default:nth-child(3) {
      max-width: 498px;
      width: 38%;
    }
    .home .module.matchcentre .pagesection-matchday_previous .title {
      color: var(--black);
      display: flex;
      font-family: psv-sans, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      gap: 8px;
      line-height: 18px;
    }
    .home .module.matchcentre .pagesection-matchday_previous .title .datum {
      text-transform: capitalize;
      max-width: unset;
    }
    .home .module.matchcentre .pagesection-matchday_previous .title .tijd {
      border-left: 1px solid var(--black);
      padding-left: 8px;
    }
    .home .module.matchcentre .pagesection-matchday_previous .competition-logo {
      position: absolute;
      right: 8px;
      top: 36px;
      max-width: 42px;
    }
    .home .module.matchcentre .pagesection-matchday_previous .button-container {
      display: flex;
      justify-content: center;
      margin: 64px 0 16px;
    }
    .home
      .module.matchcentre
      .pagesection-matchday_announcement
      .match-info
      .tijd {
      font-size: 40px;
      line-height: 40px;
    }
    .home .module.matchcentre .pagesection-matchday_announcement .left img {
      height: auto;
      margin: 46px 0 -12px;
      -o-object-fit: contain;
      object-fit: contain;
      width: 130px;
    }
    .home
      .module.matchcentre
      .pagesection-matchday_announcement
      .left:nth-of-type(2)
      img {
      margin-block: 0;
    }
    .home
      .module.matchcentre
      .pagesection-matchday_announcement
      .button-container {
      padding: 0 8px;
    }
    .home
      .module.matchcentre
      .pagesection-matchday_announcement
      .button-container
      .button.red--filled {
      padding: 16px 40px;
      font-size: 1.55rem;
      gap: 16px;
      align-items: center;
    }
    .home
      .module.matchcentre
      .pagesection-matchday_announcement
      .button-container
      .button.red--filled:after {
      width: 2rem;
    }
    .home .module.matchcentre .block-default .button--skewed-right.red--filled {
      display: none;
    }
    .home .module.matchcentre .bottom-button-container,
    .home.smokey-background .bottom-button-container {
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      max-width: 1172px;
      padding: 5vh 16px 0;
      width: 100%;
    }
    .home .module.matchcentre .bottom-button-container a {
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .home .module.matchcentre .block-default .block-title {
      color: var(--white);
      display: block;
      font-family: psv-condensed, sans-serif;
      font-size: 36px;
      font-style: normal;
      line-height: 30px;
      margin-bottom: 16px;
    }
    .home
      .module.matchcentre
      .pagesection-matchday_announcement
      .white--filled {
      margin-bottom: 16px;
    }
    .home .module.matchcentre .table-overview-highlight-rank .top-mobile,
    .home .module.matchcentre .standings .bottom,
    .home.smokey-background
      .module.matchcentre
      > .button--skewed-right.red--filled {
      display: none;
    }
    .home .module.matchcentre tr:not(.highlight-rank) {
      display: table-row;
      font-size: 16px;
      width: 100%;
    }
    .home .module.matchcentre .standings .table-overview-highlight-rank tr th,
    .home .module.matchcentre .standings .table-overview-highlight-rank tr,
    .home
      .module.matchcentre
      .standings
      .table-overview-highlight-rank
      div.wrapper {
      color: var(--black);
      gap: 8px;
      justify-content: space-between;
      margin: 0;
      min-width: 20px;
      text-indent: 0;
    }
    .home
      .module.matchcentre
      .standings
      .table-overview-highlight-rank
      tbody
      td {
      margin: 0;
      text-indent: -2px;
      width: 20px;
    }
    .home .module.matchcentre .standings tbody td {
      color: var(--black);
      height: 40px;
      min-width: 16px;
      padding: 0;
    }
    .home .module.matchcentre .standings tbody td strong:first-of-type {
      font-weight: 700;
    }
    .home .module.matchcentre .block-highlight-rank {
      overflow: hidden;
    }
    .module.matchcentre
      .block-default
      .table-overview
      .table-overview-highlight-rank
      .top,
    .home .module.matchcentre .block-highlight-rank img,
    .home .module.matchcentre .standings .top-desktop {
      display: flex;
    }
    .home .module.matchcentre .standings .top-desktop {
      align-items: center;
      color: var(--primary-red);
      gap: 20px;
    }
    .home
      .module.matchcentre
      .block-default
      .table-overview
      .table-overview-highlight-rank
      .top
      img {
      max-width: 32px;
    }
    .home .module.matchcentre .standings thead {
      background: var(--primary-red);
      display: table-caption;
      height: auto;
    }
    .home .module.matchcentre .standings .table-overview-highlight-rank {
      padding: 12px 16px 26px;
      position: relative;
      width: calc(100% + 2px);
      z-index: 1;
    }
    .home .module.matchcentre .standings tbody .odd {
      background: var(--gray-07);
    }
    .home .module.matchcentre .standings thead th {
      min-width: 40px;
      padding: 8px 0;
    }
    .home .module.matchcentre .standings th.even.club {
      min-width: 113px;
    }
    .home.smokey-background .bottom-button-container,
    .home.smokey-background .bottom-button-container a {
      display: flex;
      align-items: center;
      margin-top: -100px;
      position: relative;
    }
    .home.smokey-background .bottom-button-container a {
      color: var(--white);
      text-decoration: none;
      gap: 8px;
    }
    @media (min-width: 1200px) {
      .home .module.matchcentre .standings th.even.club {
        min-width: 180px;
      }
    }
    .home .module.matchcentre .block-highlight-rank .ranking-background:before {
      background: rgba(255 255 255 / 0.78);
      content: "";
      height: 300px;
      left: 0;
      position: absolute;
      width: 100%;
      z-index: 1;
    }
  }
}
@layer components {
  .module.matchcentre.countdown .smokey-background {
    min-height: 100vh;
  }
  .module.matchcentre.countdown .smokey-background .container-background {
    display: flex;
  }
  .module.matchcentre.countdown .h2-wrapper > h2 {
    max-width: unset;
    padding-bottom: 0;
  }
  .module.matchcentre.countdown .countdown__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1148px;
    margin: 0 auto;
    padding: 0 24px;
    justify-content: space-between;
    isolation: isolate;
  }
  .module.matchcentre.countdown .countdown__container h3 {
    font-family: psv-condensed, sans-serif;
    font-size: clamp(1.75rem, 5.5vw, 5rem);
    margin-bottom: 5rem;
    color: var(--white);
  }
  .module.matchcentre.countdown .countdown__timer {
    min-height: 12.5rem;
    width: 100%;
    display: flex;
    text-decoration: none;
    justify-content: space-between;
  }
  .module.matchcentre.countdown .countdown__timer img {
    width: 200px;
    height: auto;
  }
  .module.matchcentre.countdown .team {
    font-family: psv-sans, sans-serif;
    font-size: clamp(1.5rem, 5vw, 3.5rem);
    line-height: 1;
    font-weight: 700;
    color: var(--white);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
  .module.matchcentre.countdown time {
    display: none;
  }
  .module.matchcentre.countdown .team-name {
    margin-top: 2rem;
  }
  .module.matchcentre.countdown .counter {
    position: relative;
    font-family: psv-branding, sans-serif;
    font-size: clamp(2rem, 6.5vw, 5rem);
    line-height: 1;
    color: var(--white);
    display: flex;
    align-items: center;
    margin: 0 50px;
  }
  .module.matchcentre.countdown .counter-mini {
    color: var(--white);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .module.matchcentre.countdown .counter-mini .spec {
    position: absolute;
    bottom: 2.5rem;
    font-family: psv-condensed, sans-serif;
    font-size: clamp(1rem, 3.4vw, 1.625rem);
    font-style: normal;
    background-color: var(--black);
    padding: 5px;
  }
  .module.matchcentre.countdown .counter .dots {
    margin: 0 10px;
  }
  .module.matchcentre.countdown .countdown__container .button-container {
    display: flex;
    gap: 1rem;
    margin-top: 3rem;
  }
}
@layer components {
  @media (width < 960px) {
    .module.matchcentre.countdown .h2-wrapper > h2 {
      padding: 0;
    }
  }
}
@layer components {
  @media (width < 768px) {
    .module.matchcentre.countdown .countdown__container {
      margin-top: 2rem;
    }
    .module.matchcentre.countdown .countdown__container h3 {
      margin-bottom: 2.5rem;
    }
    .module.matchcentre.countdown .countdown__timer {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2.5rem;
    }
    .module.matchcentre.countdown .countdown__timer img {
      width: 5rem;
    }
    .module.matchcentre.countdown .team-name {
      margin-top: 1rem;
    }
    .module.matchcentre.countdown .counter {
      grid-row: 2;
      grid-column: 1 / -1;
      align-items: start;
      min-height: 2.25lh;
      margin: 0 auto;
    }
    .module.matchcentre.countdown .counter-mini .spec {
      bottom: 0;
    }
  }
}
@layer components;
@layer components {
  body.home {
    overflow-x: unset;
  }
  body.home #container-wrapper header,
  body.home #container-wrapper #header-wrapper {
    height: 0;
    padding: 0;
  }
  body.home .editableContainer {
    width: 100%;
    max-width: unset;
    padding-inline: unset;
  }
  body.home .editableContainer:after {
    content: "";
    display: block;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    height: 4px;
    width: var(--progress-width, auto);
    background-color: var(--primary-red);
  }
  html[data-home="true"] {
    max-height: 100dvh;
    scroll-snap-type: y mandatory;
    overflow-x: hidden !important;
    scroll-padding-top: 0;
  }
  body.home .incontext .editableContainer {
    overflow-x: hidden;
  }
  body.home .module {
    position: relative;
    display: grid;
    height: 100lvh;
    scroll-snap-align: start;
    overflow: hidden;
  }
  body.home .incontext .module {
    height: auto;
    min-height: 100lvh;
  }
  body.home .rte_container.module {
    border: red 3px dashed;
    margin: 10px 20px;
    width: auto;
    height: auto;
    min-height: 100dvh !important;
  }
  body.home main > .rte_container > p {
    padding-left: 20px;
  }
  .module__counter {
    z-index: 10;
    position: absolute;
    top: 2rem;
    right: 4rem;
    font-family: psv-sans, sans-serif;
    font-size: clamp(22px, 2.65vw, 32px);
    font-weight: 700;
    line-height: 1;
    color: var(--white);
  }
  .module.business .module__counter {
    color: var(--black);
  }
}
@layer components {
  @media (width < 960px) {
    .module__counter {
      top: 1rem;
      right: 1rem;
    }
    .module.media .module__counter {
      color: var(--black);
    }
  }
}

.block-team .wrapper .thumb {
  background: #fff;
  padding: 30px 20px 70px;
}

.block-team .wrapper .thumb img {
  width: 60%;
  margin: 0 auto;
}

.overviewheader-visual .content-wrapper-match {
  margin-top: -60px;
}

.match-details dl {
  margin-bottom: 1rem;
}

.match-details dt {
  margin: 1rem 0 0;
}
.match-details dt:first-child {
  margin-top: 0;
}

.match-details dd {
  font-size: 1.125rem;
  margin: 4px 0;
}


.filterbar-result .molist-matches ul li .competition-logo {
  font-size: 1rem;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--secondary-red);
  height: 50px;
  width: 170px;
}

@media (min-width: 960px) {
  .filterbar-result .molist-matches ul li .competition-logo {
    width: 82px;
    height: 100%;
  }
}

.filterbar-result .molist-matches .middle .results {
  justify-content: space-between;
}
.filterbar-result .molist-matches .middle .results > div {
  flex: 1;
}

.overviewheader-visual .content-wrapper-team {
  margin-top: 140px;
}
.overviewheader-visual .content-wrapper-team .top {
  gap: 4px;
}
.overviewheader-visual .content-wrapper-team .top .score {
  font-size: 52px
}
.overviewheader-visual .content-wrapper-team .bottom {
  top: 60px;
}
.overviewheader-visual .content-wrapper-team .bottom img {
  width: 120px;
  height: 120px;
  max-width: none;
}

@media (min-width: 960px) {
  .overviewheader-visual .content-wrapper-team .bottom {
    top: 30px;
  }
  .overviewheader-visual .content-wrapper-team .bottom img {
    width: 140px;
    height: 140px;
  }
  .overviewheader-visual .content-wrapper-team {
    margin-top: 80px;
  }
}

.team-list tbody tr {
  flex-wrap: wrap;
  height: auto;
  line-height: 32px;
}
.team-list .staff tbody td:first-child {
  padding-left: 1em;
}
.team-list tbody td {
  padding-right: 0.5em;
}
.team-list tbody td.player_icons img {
  width: 24px;
  height: 24px;
  max-width: none;
}

.team-list tbody td.player_name {
  order: 1;
  min-width: 60%;
}

.team-list tbody td.player_icons {
  order: 2;
  flex: 1;
  justify-content: flex-end;
}

.team-list tbody td.player_position {
  order: 4;
  width: 50%;
  justify-content: flex-end;
}

.team-list tbody td.player_date_birth {
  order: 2;
  width: 50%;
  padding-left: 49px;
}

@media (min-width: 960px) {
  .team-list tbody tr {
    flex-wrap: wrap;
    height: auto;
    line-height: 48px;
  }
  .team-list tbody td.player_name {
    order: unset;
    min-width: auto;
  }

  .team-list tbody td.player_icons {
    flex: 1;
    order: unset;
    justify-content: flex-start;
  }

  .team-list tbody td.player_position {
    order: unset;
    width: auto;
  }

  .team-list tbody td.player_date_birth {
    width: 100px;
    justify-content: flex-end;
    order: unset;
    padding-left: 0;
  }
}

@media (min-width: 960px) {
  #mediacollectionelementdiv547011 img {
    height: 183px;
  }
}

/*@media (min-width: 960px) {*/
/*  .matches__container__home .pagesection-matchday_announcement {*/
/*    min-width: 500px;*/
/*  }*/
/*}*/

/*@media (min-width: 960px) {*/
/*  .matches__container__home {*/
/*    padding-left: 15%;*/
/*  }*/
/*}*/
.matches__container__home {
  overflow: hidden;
  position: relative;
  width: 100vw;
}

.home .module.matchcentre {
  grid-template-rows: .5fr 2fr .5fr;
}

.home .module.matchcentre .pagesection-matchday_announcement.three-matches .white--filled {
  margin-bottom: 10px;
}
.home .module.matchcentre .pagesection-matchday_announcement.three-matches .right span {
  margin-bottom: 10px;
}
.home .module.matchcentre .pagesection-matchday_announcement.three-matches .left {
  margin-top: 6px;
}

@media (min-width: 960px) {
  .matches__container__home .swiper-slide {
    height: calc(100dvh - 475px);
    max-height: 568px;
    /*max-width: 376px;*/
  }
  .home .module.matchcentre .pagesection-matchday_announcement .left img {
    margin: 0 20px;
  }
  .home .module.matchcentre .pagesection-matchday_announcement .right span {
    margin: 0 0 50px;
  }
  .home .module.matchcentre .pagesection-matchday_announcement.three-matches .right span {
    margin: 0 0 20px;
  }
  .home .module.matchcentre .pagesection-matchday_announcement .left img {
    width: 90px;
  }

    .matches__container__home .match-info > div {
    text-align: center;
    margin-bottom: 5px;
  }

}
.matches__container__home .swiper-slide {
  /*align-items: flex-start;*/
  /*border: 8px solid transparent;*/
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: calc(100dvh - 325px);
  margin-top: 0;
  /*max-height: 374px;*/
  /*opacity: 1;*/
  /*padding: 24px;*/
  /*position: relative;*/
  /*transition: all 0.4s linear;*/
}

.contenttype span { white-space: nowrap; }

.winners-table {
  border: none;
  border-collapse: collapse;
  font-family: psv-sans, sans-serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  box-shadow: 0 4px 4px #00000040;
  width: 100%;
}
.winners-table th,
.winners-table td {
  padding: 8px 16px;
}
.winners-table thead {
  background-color: var(--black);
  color: var(--white);
  font-weight: 700;
}
.winners-table thead th {
  text-align: left;
}
.winners-table .highlight {
  background-color: var(--primary-red);
  color: var(--white);
}

.image-default .wrapper {
  align-items: center;
}

.quote p {
  font-style: italic;
}

#ground-plan-image-desktop { display: none; }

@media (min-width: 960px) {
  #ground-plan-image-mobile { display: none; }
  #ground-plan-image-desktop { display: block; }
}

.live-page a { font-family: psv-sans, sans-serif; }
.live-page .pagesection-timeline { order: unset; }
.live-page .pagesection-timeline .wrapper { z-index: 0; }
.live-page .pagesection-timeline .wrapper a { font-size: clamp(0.75rem, 0.875rem, 1rem) }
.live-page .pagesection-timeline .wrapper p { font-size: 1.125rem }
.live-page .pagesection-timeline .wrapper p a { font-size: 1.125rem }

.live-page .statistics-wrapper .wrapper { padding-bottom: 1.5em; }
.live-page .statistics-wrapper h2 { font-size: 26px; margin-bottom: 0.5em; margin-top: 1em; }

.live-page .inline-icon {
  display: inline;
  height: 28px;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 4px;
  margin-left: -6px;
}

p.match-report { padding: 0.25em 1em; }

.pagesection-timeline li time { z-index: 2; }

/*.partners {*/
/*  display: grid;*/
/*  grid-template-columns: 1fr;*/
/*  gap: 40px;*/
/*}*/

/*@media (min-width: 520px) {*/
/*  .partners {*/
/*    max-width: 80%;*/
/*    margin: 0 auto;*/
/*  }*/
/*}*/

/*@media (min-width: 660px) {*/
/*  .partners {*/
/*    grid-template-columns: 1fr 1fr;*/
/*    max-width: 100%;*/
/*  }*/
/*}*/