.highlight {
  position: relative;
   }
  .highlight .layout-wrapper {
    position: relative;
    z-index: 2; }
  .highlight .layout-wysiwyg {
    margin: 0; }
  .highlight.primary h1 {
    position: relative;
    z-index: 1; }
  .highlight.primary article:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
    bottom: 0;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    pointer-events: none;
    width: 100%;
    z-index: 1; }
  .highlight.primary .media-image-instagram {
    max-width: none; }
  .highlight.primary .video .watch-more {
    padding-top: 0;
    font-size: 1.4rem; }
    .highlight.primary .video .watch-more .icon {
      border-color: #ffffff; }
      .highlight.primary .video .watch-more .icon:before {
        border-color: #ffffff; }
  .highlight.primary .video .row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 20px; }
  .highlight.primary .layout-wrapper:first-child {
    margin-bottom: 0; }
    .highlight.primary .layout-wrapper:first-child > h1 {
      max-width: 9em; }
  .highlight.primary article:hover .content .read-more {
    padding-right: 24px; }
  .highlight.primary .content {
    gap: 16px; }
    .highlight.primary .content h2,
    .highlight.primary .content .h-level-2 {
      margin-bottom: 0; }
    .highlight.primary .content .read-more {
      background: #ffffff;
      display: inline-flex;
      color: #282f50;
      font-size: 13px;
      line-height: 1;
      margin-right: auto;
      font-family: "AcherusBold", sans-serif;
      padding: 12px 12px 10px 12px;
      transition: padding-right 0.3s; }
      .highlight.primary .content .read-more svg {
        fill: #282f50; }
  .highlight.secondary .articles-container {
    width: 100%;
    margin: 0 auto; }
    .highlight.secondary .articles-container .content-grid {
      display: grid;
      gap: 30px; }
      .highlight.secondary .articles-container .content-grid .content {
        gap: 8px;
        padding: 15px 5px 0 5px; }
    .highlight.secondary .articles-container .layout-wysiwyg p {
      font-size: 1.4rem;
      line-height: 1.9rem;
      margin-top: 0;
      opacity: 0.8; }
    .highlight.secondary .articles-container .h-level-2 {
      margin-bottom: 0; }
    .highlight.secondary .articles-container .read-more {
      padding-top: 0; }
  .highlight.secondary .content {
    position: relative; }
  .highlight.secondary .video-metas {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: calc(32px / 2);
    position: absolute;
    right: calc(32px / 2);
    top: -40px;
    z-index: 1; }
    .highlight.secondary .video-metas .icon-play {
      border-color: #ffffff; }
      .highlight.secondary .video-metas .icon-play svg {
        fill: #ffffff; }
    .highlight.secondary .video-metas.no-image .duration {
      background-color: #282f50;
      color: #ffffff; }
    .highlight.secondary .video-metas.no-image .icon-play {
      border-color: #282f50; }
      .highlight.secondary .video-metas.no-image .icon-play svg {
        fill: #282f50; }
  .highlight.secondary .video-overlay {
    height: auto;
    aspect-ratio: 1 / 0.625; }
  @media only screen and (min-width: 600px) {
    .highlight.secondary .layout-wrapper:first-child {
      margin-bottom: 28px; }
    .highlight.secondary .articles-container .content-grid .content {
      gap: 12px;
      padding: 15px 0 0 0; } }
  @media only screen and (min-width: 0) and (max-width: calc(1440px - 1px)) {
    .highlight.grid p {
      max-width: 720px; } }
  @media only screen and (min-width: 1440px) {
    .highlight.grid p {
      max-width: 850px; } }
  @media only screen and (min-width: 2160px) and (orientation: portrait) {
    .explore-iframe-content .highlight.grid p {
      max-width: none;
      padding: 0 120px; } }
  .highlight.grid .highlight-grid {
    display: grid;
    gap: 16px; }
    .highlight.grid .highlight-grid > div {
      position: relative; }
    .highlight.grid .highlight-grid .season-teaser > .content-wrapper {
      bottom: 0;
      color: #ffffff;
      left: 0;
      margin: 0 32px 32px 32px;
      position: absolute;
      z-index: 4;
      display: grid;
      gap: 8px;
      grid-template-columns: 1fr auto;
      width: calc(100% - 20px); }
      .highlight.grid .highlight-grid .season-teaser > .content-wrapper a.read-more {
        align-self: end;
        color: #ffffff; }
        .highlight.grid .highlight-grid .season-teaser > .content-wrapper a.read-more .icon {
          margin-right: 0;
          transform: translate(12px, 0);
          transition: transform 0.3s; }
      .highlight.grid .highlight-grid .season-teaser > .content-wrapper p {
        margin: 0; }
      .highlight.grid .highlight-grid .season-teaser > .content-wrapper svg {
        fill: #ffffff; }
    .no-touchevents .highlight.grid .highlight-grid .season-teaser:hover > .content-wrapper a.read-more .icon,
    .no-touchevents .highlight.grid .highlight-grid .season-teaser:focus-visible > .content-wrapper a.read-more .icon {
      transform: translate(0, 0) !important; }
  @media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
    .highlight.grid .highlight-grid .season-teaser > .content-wrapper {
      margin: 0 10px 10px 10px; }
      .highlight.grid .highlight-grid .season-teaser > .content-wrapper .h-level-3 {
        font-size: 1.4rem;
        line-height: 1.5rem;
        text-transform: uppercase; }
      .highlight.grid .highlight-grid .season-teaser > .content-wrapper p {
        font-size: 1.3rem;
        line-height: 1.4rem; } }
  @media only screen and (min-width: 768px) {
    .highlight.grid .highlight-grid {
      grid-template-columns: 1fr 1fr; }
      .highlight.grid .highlight-grid .season-teaser > .content-wrapper {
        margin: 0 16px 16px 16px;
        width: calc(100% - 32px); }
        .highlight.grid .highlight-grid .season-teaser > .content-wrapper .h-level-3 {
          font-size: 1.8rem;
          line-height: 2rem;
          text-transform: uppercase; }
        .highlight.grid .highlight-grid .season-teaser > .content-wrapper p {
          font-size: 1.5rem;
          line-height: 1.7rem; } }
  @media only screen and (min-width: 0) and (max-width: calc(600px - 1px)) {
    .highlight.primary {
      padding-top: 12px; }
      .highlight.primary h1 {
        margin-bottom: 28px; }
      .highlight.primary .articles-container:after {
        background: #58c5c7;
        bottom: 0;
        content: '';
        display: block;
        height: 70%;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: -1; } }
  @media only screen and (min-width: 600px) and (max-width: calc(768px - 1px)) {
    .highlight.primary {
      margin-bottom: 55px; }
      .highlight.primary + div {
        transform: translateY(-120px); } }
  @media only screen and (min-width: 768px) and (max-width: calc(1024px - 1px)) {
    .highlight.primary {
      margin-bottom: 55px; }
      .highlight.primary + div {
        transform: translateY(-140px); } }
  @media only screen and (min-width: 1024px) {
    .highlight.primary {
      margin-bottom: 55px; }
      .highlight.primary + div {
        transform: translateY(-220px); } }
  @media only screen and (min-width: 600px) {
    .highlight .content-slider.splide.is-initialized:not(.is-active) .splide__list,
    .highlight .content-grid {
      display: grid;
      grid-gap: 10px;
      grid-template-columns: 1fr 1fr; }
      .highlight .content-slider.splide.is-initialized:not(.is-active) .splide__list > :only-child,
      .highlight .content-grid > :only-child {
        grid-column-end: -1;
        grid-column-start: 1; }
    .highlight.primary + div {
      transition: transform 0.75s cubic-bezier(0.75, 0, 0.25, 1); }
    .highlight.primary h1 {
      margin-bottom: 82px; }
    .highlight.primary .articles-container {
      transition: transform 0.75s cubic-bezier(0.75, 0, 0.25, 1);
      transform: translateY(0) scale(0.75);
      transform-origin: 50% 0; }
      .highlight.primary .articles-container article .content {
        transform: translate(16%, -16%) scale(1.3333);
        transition: transform 0.75s cubic-bezier(0.75, 0, 0.25, 1); }
      .highlight.primary .articles-container article .media-image img {
        transform: scale(1.3);
        transition: transform 0.75s cubic-bezier(0.75, 0, 0.25, 1), opacity 0.5s; }
    .highlight.primary.showcased + div {
      transform: none; }
    .highlight.primary.showcased .articles-container {
      transform: none; }
      .highlight.primary.showcased .articles-container article .content {
        transform: none; }
      .highlight.primary.showcased .articles-container article .media-image img {
        transform: none; } }
  @media only screen and (min-width: 1024px) {
    .highlight.primary h1 {
      margin-top: 55px; }
    .highlight.primary .articles-container {
      width: 100%; } }

/*# sourceMappingURL=highlights.css.map */