/* instrument-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/instrument-sans-v1-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/css/fonts/instrument-sans-v1-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/css/fonts/instrument-sans-v1-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 500;
  src: url('/css/fonts/instrument-sans-v1-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/css/fonts/instrument-sans-v1-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 600;
  src: url('/css/fonts/instrument-sans-v1-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/instrument-sans-v1-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/css/fonts/instrument-sans-v1-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/******* MONA SANS ********/
/* mona-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mona Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 75% 125%;
  src: url('/css/fonts/mona-sans-v3-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mona-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mona Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/css/fonts/mona-sans-v3-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mona-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mona Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/css/fonts/MonaSansBold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mona-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mona Sans';
  font-style: italic;
  font-weight: 600;
  src: url('/css/fonts/MonaSansBold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mona-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mona Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 75% 125%;
  src: url('/css/fonts/MonaSansBold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mona-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mona Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/css/fonts/mona-sans-v3-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  /* Fonts */
  --font-family: 'Instrument Sans';
  --font-family-secondary: 'Instrument Sans';
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;
}
h1 {
  font-family: "Mona Sans";
  font-weight: 700;
  font-size: 4.5rem;
  text-transform: uppercase;
  line-height: 4rem;
}
/** umb_name:Undiryvirskrift */
h2 {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  font-size: 1.5rem;
  margin-top: 2.5rem;
  margin-bottom: 0;
  font-family: 'Instrument Sans';
  font-family: var(--font-family-secondary);
}
/** umb_name:Tekstur */
p {
  font-size: 1.25rem;
  font-family: "Instrument Sans";
  line-height: 1.875rem;
}
p {
  margin: 0;
}
figcaption{
  font-size: 0.875rem;
  font-style: italic;
}
h1 + p, h1 + blockquote, h1 + ul, h1 + ol, h1 + table, h2 + p, h2 + blockquote, h2 + ul, h2 + ol, h2 + table, h3 + p, h3 + blockquote, h3 + ul, h3 + ol, h3 + table, p + p, p + blockquote, p + ul, p + ol, p + table, blockquote + p, blockquote + blockquote, blockquote + ul, blockquote + ol, blockquote + table, ul + p, ul + blockquote, ul + ul, ul + ol, ul + table, ol + p, ol + blockquote, ol + ul, ol + ol, ol + table, table + p, table + blockquote, table + ul, table + ol, table + table {
  margin-top: 1rem;
}
.embeditem iframe[src^="https://www.youtube.com"]{
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
.embeditem iframe[src^="https://vimeo.com"]{
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
.embeditem iframe[src^="https://player.vimeo.com"]{
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
[data-ani] {
  --delay: 0ms;
  --time: 400ms;
  --timing: ease;
  --distance: 100;

  opacity: 0;
  transition: opacity 400ms ease, transform 400ms ease;
  transition: opacity var(--time) var(--timing), transform var(--time) var(--timing);
  animation-fill-mode: both;
}
[data-ani-init='true'][data-ani][data-ani-run='true'], [data-ani-init='true'][data-ani*='fade'][data-ani-run='true'] {
      transform: translateY(0);
      opacity: 1;
      transition-delay: var(--delay);
    }
[data-ani-init='true'][data-ani='fade-left'] {
    transform: matrix(1, 0, 0, 1, var(--distance), 0);
  }
[data-ani-init='true'][data-ani='fade-right'] {
    transform: matrix(1, 0, 0, 1, calc(-1 * var(--distance)), 0);
  }
[data-ani-init='true'][data-ani='fade-up'] {
    transform: matrix(1, 0, 0, 1, 0, var(--distance));
  }
[data-ani-init='true'][data-ani='fade-up-right'] {
    transform: matrix(1, 0, 0, 1, calc(-1 * var(--distance)), var(--distance));
  }
[data-ani-init='true'][data-ani='fade-up-left'] {
    transform: matrix(1, 0, 0, 1, var(--distance), var(--distance));
  }
:root {
  /* Colors */
  --color-white: white;
  --color-black: black;
  
  /* Color intentions */
  --color-background: var(--color-white);
  --color-font: var(--color-black);

  /* Sizes */
  --side-padding: 15px;

  /* Widths */
  --page-width-large: min(1300px, calc(100vw - var(--side-padding) * 2));

  /* Z-Indexes */
  --z-index-header: 1000;
}
body {
  display: block;
  grid-template-rows: auto 1fr auto;
  max-width: 100vw;

  /* Sticky footer */
  min-height: 100vh;
  min-height: 100svh;
  color: black;
  color: var(--color-font);
  font-family: 'Instrument Sans';
  font-family: var(--font-family);
  background: white;
  background: var(--color-background);
}
body > main, body > .main {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
body:has(.visible-search){
  overflow-y: hidden;
}
body:has(.visible-search) .search-dialog{
    position: fixed;
  }
.skip-link {
  position: absolute;
  top: -100%;
  color: black;
  background: #fff;
}
.skip-link:focus {
  top: 0;
}
:focus-visible {
  outline: 4px dashed currentcolor;
}
/* Helper rules */
.max-lines {
  --max-lines: 3;

  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  -webkit-line-clamp: var(--max-lines);
}
.visually-hidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
/* Icons */
.c-icon {
  --icon-url: url('');
  --icon-color: currentcolor;
  --icon-size: 16px;

  display: block;
  width: 16px;
  width: var(--icon-size);
  min-width: 16px;
  min-width: var(--icon-size);
  height: 16px;
  height: var(--icon-size);
  min-height: 16px;
  min-height: var(--icon-size);
  background-color: currentcolor;
  background-color: var(--icon-color);
  -webkit-mask-image: url('');
          mask-image: url('');
  -webkit-mask-image: var(--icon-url);
          mask-image: var(--icon-url);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.c-icon.example {
    --icon-url: url('/images/icons/example.svg');
  }
.main-content{
  min-height: calc(100vh - 420px);
}
@media print {

  a::after {
    font-size: 90%;
    content: ' (' attr(href) ') ';
  }

  h1, h2, h3, h4 {
    page-break-after: avoid;
  }
}
.c-popup {
  --outside-padding: 5vw;
  --max-card-width: 1098px;
  --max-card-height: calc(100vh - 100px);
  --card-padding-vertical: var(--gap-64, 64px);
  --card-padding-horizontal: var(--gap-64, 64px);

  position: fixed;
  z-index: 99999;
  display: grid;
  width: 100vw;
  height: 100vh;
  padding: 5vw;
  padding: var(--outside-padding);
  background-color: rgba(0, 0, 0, 0.75);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
}
.c-popup .wrapper {
    width: calc(100vw - (var(--outside-padding) * 2));
    width: calc(100vw - calc(var(--outside-padding) * 2));
    max-width: var(--max-card-width);
    max-height: var(--max-card-height);
    padding: var(--card-padding-vertical) var(--card-padding-horizontal);
    overflow: auto;
    background-color: white;
    border-radius: 13px;
    transform: scale(1);
    align-self: center;
    justify-self: center;
    place-self: center;
  }
.c-popup.closed {
    animation: fade-out 500ms cubic-bezier(0.5, 0, 0.14, 1.32) 1 forwards;
    pointer-events: none;
  }
.c-popup.closed > .wrapper {
      animation: scale-down 500ms cubic-bezier(0.5, 0, 0.14, 1.32) 1 forwards;
    }
.c-popup:not(.c-popup.closed) {
    animation: fade-in 500ms cubic-bezier(0.5, 0, 0.14, 1.32) 1 forwards;
  }
.c-popup:not(.c-popup.closed) > .wrapper {
      animation: scale-up 500ms cubic-bezier(0.5, 0, 0.14, 1.32) 1 forwards;
    }
@keyframes fade-out {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fade-in {

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes scale-up {

  0% {
    transform: scale(25%);
  }

  100% {
    transform: scale(100%);
  }
}
@keyframes scale-down {

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

  100% {
    transform: scale(50%);
  }
}
*, *::before, *::after {
  box-sizing: inherit;
}
:root {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  line-height: 1.5;
}
body {
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
}
body, figure, blockquote, dl, dd, ol, ul, pre {
  margin: 0;
}
h1, h2, h3, h4, p {
  word-wrap: break-word;
}
h1, h2, h3, h4, button, input, label {
  line-height: 1.1;
}
h1, h2, h3, h4 {
  text-wrap: balance;
}
p, li, .intro-text, dd {
  text-wrap: pretty;
}
ul[role='list'], ol[role='list'] {
  list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  max-width: 100%;
}
img, svg, video, canvas {
  height: auto;
}
source {
  display: none;
}
img {
  -o-object-fit: cover;
     object-fit: cover;
  border-style: none;
}
input, button, textarea, select { font: inherit; }
pre { white-space: pre-wrap; }
hr {
  height: 0;
  overflow: visible;
  color: inherit;
  border-style: solid;
  border-width: 1px 0 0;
}
[hidden] {
  display: none !important;
}
:target {
  scroll-margin-block: 5ex;
  scroll-margin-block: 5rlh;
}
/* Browser fixes */
summary::-webkit-details-marker {
  display: none;
  width: 0;
  height: 0;
  margin-right: 0;
}
[data-slider-init] {
  --button-width: 40px;
  --button-height: 40px;
  --previous-arrow-color: white;
  --next-arrow-color: white;

  position: relative;
  width: inherit;
}
[data-slider-init] .slides {
    display: flex;
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none; /* Firefox */
  }
[data-slider-init] .slides::-webkit-scrollbar {
      display: none; /* Chrome, Safari, Opera */
    }
[data-slider-init] .slides, [data-slider-init] .slides > .slide {
      width: inherit;
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
[data-slider-init] .slides .slide {
      flex: 0 0 100%;
      width: 100%;
      height: 100%;
      scroll-snap-align: center;
      scroll-snap-stop: always;
    }
nav.breadcrumbs {
  font-size: max(0.625rem, min(2vw, 0.75rem));
  line-height: 0.625rem;
  background: none;
  border: 0;

  padding-top: 13px;
  padding-bottom: 21px;
}
nav.breadcrumbs ol {
    margin: 0;
    padding-left: 0;
    list-style: none;
  }
/*& li:last-child{
    font-weight: 700;
  }*/
nav.breadcrumbs li {
    display: inline;
  }
nav.breadcrumbs li a {
      color: black;
      color: var(--color-font);
      font-family: 'Instrument Sans';
      font-family: var(--font-family);
      -webkit-text-decoration: none;
      text-decoration: none;
      margin: 0 8px;
      color: #6E645C;
      font-weight: 400;
    }
nav.breadcrumbs li a:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }
nav.breadcrumbs li + li::before {
      display: inline-block;
      height: 0.8em;
      margin: 0 0.25em;
      border-right: 0.1em solid currentcolor;
      transform: rotate(15deg);
      content: '';
      margin-right: 10px;
    }
nav.breadcrumbs a[aria-current='page'] {
  /*font-weight: var(--font-weight-bold);*/
  }
@media screen and (max-width: 730px){
nav.breadcrumbs {
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 24px;
}
  }
.c-contact-page-content{

    padding: 22px;
    padding-bottom: 64px;

}
.c-contact-page-content .centered{
        max-width: 586px;
        width: 100%;
        margin: 0 auto;
    }
.c-contact-page-content h1{
        margin: 0;
        line-height: 2.375rem;
        padding-bottom: 64px;
    }
.c-contact-page-content .block{
        display: flex;
        width: 100%;

        margin-top: 27px;

        position: relative;

        border-top: 1px solid #d5d7ec;
        padding-top: 16px;
        padding-right: 144px;
    }
.c-contact-page-content .list .block:first-child{
        border: 0;
    }
.c-contact-page-content .portrait{
        width: 132px;
        height: 132px;

        background-color: #e0e0e0;

        display: flex;
        justify-content: center;
        align-items: center;

        border-radius: 100px;
        overflow: hidden;
    }
.c-contact-page-content .portrait img{
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }
.c-contact-page-content .dialog-portrait{
        border-radius: 1000px;
    }
.c-contact-page-content .name{
        font-weight: 700;
        line-height: 1.3125rem;
        margin-top: -6px;
    }
.c-contact-page-content .tel{
        margin-top: -5px;
    }
.c-contact-page-content .tel:hover{
        color: #C92A8C;
    }
.c-contact-page-content .mail:hover{
        color: #C92A8C;
    }
.c-contact-page-content .position, .c-contact-page-content .tel, .c-contact-page-content .mail{
        font-size: 1rem;
        color: #000;
        -webkit-text-decoration: none;
        text-decoration: none;
    }
.c-contact-page-content .left-pad{
        padding-left: 16px;

        display: flex;
        flex-direction: column;

        justify-content: center;
    }
.c-contact-page-content .left-pad p, .c-contact-page-content .left-pad a{
            margin: 0;
            display: block;
        }
.c-contact-page-content .info-button{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 32px;

        background-color: transparent;
        outline: 1px solid #C92A8C;

        width: -moz-fit-content;

        width: fit-content;
        padding: 8px 14px;
        border-radius: 8px;

        border: 0;

        cursor: pointer;
    }
.c-contact-page-content .info-button:hover{
        background-color: #e04fa8;
        color: #fff;
    }
.c-contact-page-content .contact-dialog{
        display: none;

        max-width: 800px;
        width: 100%;

        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        background-color: #fff;
        padding: 22px;
        border-radius: 8px;

        box-shadow: 0px 0px 16px rgba(0,0,0, 0.5);

        z-index: 51;
    }
.c-contact-page-content .dialog-bg{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        z-index: 50;

        pointer-events: none;
    }
.c-contact-page-content .active-dialog-bg{
        pointer-events: all;
    }
.c-contact-page-content .active-contact-dialog{
        display: flex;
    }
.c-contact-page-content .dialog-item img{
            min-width: 102px;
            min-height: 102px;
            display: block;
        }
.c-contact-page-content .right-dialog-item{
        padding-left: 32px;
    }
.c-contact-page-content .dialog-title{
        font-family: "Instrument Sans";
        font-size: 1.25rem;
        font-weight: 700;
        line-height: normal;
        margin: 0;
    }
.c-contact-page-content .dialog-position{
        margin: 0;

        font-size: 1rem;
        font-weight: 500;
        line-height: normal;
    }
.c-contact-page-content .dialog-phone{
        margin: 0;

        font-size: 1rem;
        font-weight: 500;
        line-height: normal;
        color: #000;
        display: block;
    }
.c-contact-page-content .dialog-email{
        margin: 0;

        font-size: 1rem;
        font-weight: 500;
        line-height: normal;
        color: #000;

        display: block;
    }
.c-contact-page-content .dialog-content{
        padding-top: 53px;
    }
.c-contact-page-content .dialog-x-button{
        width: 18px;
        height: 24px;

        position: absolute;
        top: 19px;
        right: 24px;

        background-color: #000;

        -webkit-mask-image: url("/images/icons/close.svg");

                mask-image: url("/images/icons/close.svg");
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;

        border: 0;

        cursor: pointer;
    }
.c-contact-page-content .category-title{
        font-family: "Mona Sans";
        font-size: 2.5rem;
        margin-bottom: 32px;
        text-transform: capitalize;
    }
.c-contact-page-content .category-input{
        padding: 10px 22px;
        max-width: 280px;
        width: 100%;
        
    }
@media screen and (max-width: 600px){
        .c-contact-page-content .contact-dialog{
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: scroll;
            transform: none;

            flex-direction: column;
        }

            .c-contact-page-content .contact-dialog .dialog-title{
                padding-right: 32px;
            }

        .c-contact-page-content .right-dialog-item{
            padding-left: 0;
            padding-top: 32px;
        }

        .c-contact-page-content .position{
            line-height: 1.1875rem;
        }

        .c-contact-page-content .portrait{
            width: 100px;
            height: 100px;
        }

        .c-contact-page-content .block:has(.info-button){
            padding-right: 40px;
        }

        .c-contact-page-content .info-button{
            right: 0;

            font-size: 0;
            width: 32px;
            height: 32px;
            border-radius: 100px;
            padding: 0;
            border: 0;
            background-color: #C92A8C;

            -webkit-mask-image: url("/images/icons/circle-info.svg");

                    mask-image: url("/images/icons/circle-info.svg");
            -webkit-mask-size: cover;
                    mask-size: cover;
            -webkit-mask-position: center;
                    mask-position: center;
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
        }
            .c-contact-page-content .block p{
                font-size: 1rem;
            }

        .c-contact-page-content .category-input{
            max-width: 100%;
            width: 100%;
        }


    }
.c-block-grid {
  display: grid;
  grid-auto-rows: minmax(50px, min-content);
  grid-auto-flow: row;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-columns: repeat(var(--c-block-grid-columns, 1), minmax(0, 1fr));
  width: 80vw;
  max-width: 100%;
  margin: auto;
  grid-column-gap: 0;
  grid-column-gap: var(--c-block-grid-column-gap, 0);
  -moz-column-gap: 0;
       column-gap: 0;
  -moz-column-gap: var(--c-block-grid-column-gap, 0);
       column-gap: var(--c-block-grid-column-gap, 0);
  grid-row-gap: 0;
  grid-row-gap: var(--c-block-grid-row-gap, 0);
  row-gap: 0;
  row-gap: var(--c-block-grid-row-gap, 0);
}
.c-404-not-found {
  margin: 0 auto;
  padding: 22px;

  max-width: 600px;
}
@media screen and (max-width: 700px){
    .c-404-not-found h1{
      font-size: 3.5rem;
    }
  }
.c-front-page-banner{

    padding: 0 22px;

    overflow: hidden;
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    aspect-ratio: 16 / 9;

}
@media screen and (min-width: 1000px) {
.c-front-page-banner{
        aspect-ratio: 16 / 4;

}
    }
.c-front-page-banner .banner-image{
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
.c-front-page-banner .banner-video{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;

        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;

        min-height: 430px;
    }
@media screen and (max-width: 1000px){
.c-front-page-banner .banner-video{
            min-height: auto;
            aspect-ratio: 16 / 9;
            -o-object-fit: contain;
               object-fit: contain;
    }
        }
.c-front-page-banner .overlay{
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
    }
.c-front-page-banner .center{
        text-align: center;
        max-width: 410px;
        z-index: 2;
    }
.c-front-page-banner .title{
        font-size: 3.25rem;
        color: #fff;
        font-family: "Mona Sans";
        font-weight: 700;
        text-transform: uppercase;
        line-height: 3.125rem;
        padding-top: 30px;
    }
@media screen and (min-width: 600px) {
.c-front-page-banner .title{
          font-size: 4.5rem;
          line-height: 4rem;
    }
        }
.c-front-page-banner .subTitle{
        font-size: 1.25rem;
        color: #fff;
        font-family: "Instrument Sans";
        font-weight: 600;
        margin-top: 18px;
    }
.c-footer {
  min-height: 420px;
  background-image: url("/images/footer-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;

  background-color: #01088a;

  padding: 0 22px;

  color: #fff;
}
.c-footer .centered{
    max-width: 1252px;
    width: 100%;
    margin: 0 auto;
    padding-top: 48px;

    display: flex;
  }
.c-footer .footer-logo{
    max-width: 97px;
    width: 100%;
  }
.c-footer .some-links{
    display: flex;
    padding-top: 9px;
    align-items: center;
  }
.c-footer .some-links img{
        width: 16px;
        margin-right: 7px;
    }
.c-footer .item-small{
    min-width: 256px;
  }
.c-footer .item-small p{
        padding-top: 50px;
        font-weight: 600;
        font-size: 1.125rem;
    }
.c-footer .samstarv-text{
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 0.875rem;
  }
.c-footer .sponsor-list{
    display: flex;
    padding-top: 18px;
    align-items: center;

    flex-wrap: wrap;
  }
.c-footer .sponsor-list a{
        margin-right: 31px;
        margin-top: 20px;

        display: flex;
        justify-content: center;
        align-items: center;
    }
.c-footer .sponsor-list a img{
          -o-object-fit: contain;
             object-fit: contain;
        }
.c-footer .inner-list{
    padding-top: 49px;

    display: flex;
  }
.c-footer .inner-list a{
        color: #fff;
    }
.c-footer .inner-list .inner-item a{
            display: block;
            font-size: 0.875rem;
        }
.c-footer .inner-list .inner-item a:hover{
          color: #c92a8c;
        }
.c-footer .inner-list .left-side{
        min-width: 220px;
    }
.c-footer .inner-list .right-side{
        max-width: 410px;
        padding-left: 32px;
    }
.c-footer .inner-list .right-side a, .c-footer .inner-list .right-side p{
            font-size: 0.875rem;
            line-height: 1.25rem;
        }
.c-footer .inner-list .creator-link{
        padding-top: 0px;
    }
.c-footer .address-info p{
      font-size: 0.875rem;
      line-height: normal;
      margin: 0;
    }
@media screen and (max-width: 650px){
.c-footer {
    background-color: #01088A;
    background-image: url("/images/footer-bg-mobile.png");
}

    .c-footer .centered{
      flex-direction: column;
    }

    .c-footer .item-small{
      display: flex;
      justify-content: space-between;
    }

      .c-footer .item-small p{
        padding-top: 0;
      }

    .c-footer .right-side{
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .c-footer .samstarv-text{
      display: none;
    }

    .c-footer .sponsor-list{
      display: none;
    }

    .c-footer .inner-list{
      display: flex;
      flex-direction: column;
    }

    .c-footer .right-side{
      padding-left: 0 !important;
    }

    .c-footer .creator-link{
      padding-left: 0;
    }
  }
.c-front-page-countdown{
    padding: 0 22px;

    min-height: 254px;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.c-front-page-countdown .center{
        position: relative;
        max-width: 1326px;
        width: 100%;
        margin: 0 auto;

        display: flex;
        justify-content: center;
    }
.c-front-page-countdown .item{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
.c-front-page-countdown .title{
        font-size: 2rem;
        font-weight: 700;
        font-family: "Mona Sans";
        text-align: center;
        text-transform: uppercase;
        margin-top: 4px;
        padding-bottom: 33px;
    }
.c-front-page-countdown .counter{
        font-size: 3.5rem;
        font-weight: 700;
        font-family: "Arial", monospace;
        letter-spacing: -0.125rem;   
    }
.c-front-page-countdown .spacer{
        font-size: 3.5rem;
        font-family: "Mona Sans";
        font-weight: 600;
        margin: -32px 11px;
    }
.c-front-page-countdown .info{
        font-size: 1rem;
        font-family: "Instrument Sans";
        font-weight: 500;
        margin-top: 15px;
    }
.c-front-page-countdown .anim-arrow{
        position: absolute;
        top: 9%;
        transform: translateY(-50%);
        right: 67px;
    }
@media screen and (max-width: 520px){

        .c-front-page-countdown .counter{
            font-size: 2.6rem;
        }

        .c-front-page-countdown .anim-arrow{
            display: none;
        }
    }
.c-front-page-news{
    padding: 22px;
    padding-bottom: 52px;

}
.c-front-page-news .centered{
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;

        padding: 35px 0;

        display: flex;
        justify-content: space-between;
    }
.c-front-page-news .block{
        display: flex;
        -webkit-text-decoration: none;
        text-decoration: none;
        
        margin-top: 32px;
        margin-bottom: -7px;
    }
.c-front-page-news .block:hover p{
            color: #C92A8C;
        }
.c-front-page-news .block-item .date{
            margin: 0;
            font-family: "Instrument Sans";
            font-size: 1rem;
            font-weight: 500;
            color: #000;
            line-height: normal;
            margin-top: -17px;
        }
.c-front-page-news .block-item .title{
            margin: 0;
            font-family: "Instrument Sans";
            font-size: 1.5rem;
            font-weight: 600;
            color: #000;

            max-width: 320px;
            line-height: normal;

            margin-top: 5px;
        }
.c-front-page-news .image-holder{
        width: 96px;
        height: 96px;
        border-radius: 9px;
        overflow: hidden;
    }
.c-front-page-news .image-holder img{
            -o-object-fit: cover;
               object-fit: cover;
        }
.c-front-page-news .center-align{
        display: flex;
        flex-direction: column;
        justify-content: center;

        padding-left: 24px;
    }
.c-front-page-news .news-title{
        font-size: 3rem;
        font-weight: 700;
        font-family: "Mona Sans";
        text-transform: uppercase;
        line-height: 2.0625rem;
        color: #000;
        -webkit-text-decoration: none;
        text-decoration: none;
        position: relative;
    }
.c-front-page-news .news-title::after{
        content: '';
        width: 35px;
        height: 33px;

        background-image: url("/images/icons/arrow-right-pink.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right center;

        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -50px;

        transition: right 0.2s ease;
    }
.c-front-page-news .news-title:hover::after{
        right: -75px;
    }
.c-front-page-news .info-block{
        display: flex;
    }
.c-front-page-news .follow-us{
        width: 279px;
        background-color: #01088A;
        color: #fff;

        border-radius: 8px;

        padding: 60px 40px;
    }
.c-front-page-news .follow-title{
        font-size: 3rem;
        font-weight: 700;
        font-family: "Mona Sans";
        text-transform: uppercase;
        line-height: 2.875rem;
        padding-bottom: 30px;
    }
.c-front-page-news .contact-title{
        font-size: 3rem;
        font-weight: 700;
        font-family: "Mona Sans";
        text-transform: uppercase;
        line-height: 2.8125rem;
    }
.c-front-page-news .contact{
        width: 279px;
        background-color: #01088A;
        color: #fff;
        border-radius: 8px;
        margin-left: 28px;
        padding: 60px 40px;
    }
.c-front-page-news .some-link{
        color: #fff;
        display: block;
        font-size: 1.25rem;
        font-weight: 600;
        margin: 0;
        margin-bottom: 7px;

        padding-left: 32px;

        background-position: left 7px;
        background-size: 21px;
        background-repeat: no-repeat;
    }
.c-front-page-news .some-link:hover{
        color: #C92A8C;
    }
.c-front-page-news .instagram{
        background-image: url("/images/icons/instagram.svg");
    }
.c-front-page-news .facebook{
        background-image: url("/images/icons/facebook.svg");
    }
.c-front-page-news .tiktok{
        background-image: url("/images/icons/tiktok.svg");
    }
.c-front-page-news .snapchat{
        background-image: url("/images/icons/snapchat.svg");
    }
.c-front-page-news .contact-text{
        font-size: 1.25rem;
        font-family: "Instrument Sans";
        line-height: normal;
        margin-top: 32px;
    }
.c-front-page-news .more-button{
        background-color: #C92A8C;
        color: #fff;
        font-family: "Mona Sans";
        font-size: 1.25rem;
        font-weight: 600;
        text-transform: uppercase;
        max-width: 103px;
        width: 100%;
        padding: 10px 20px;
        display: block;
        -webkit-text-decoration: none;
        text-decoration: none;
        border-radius: 8px;

        transition: background-position 0.4s ease;

        background-image: url("/images/icons/arrow-right-white.svg");
        background-position: calc(100% - 16px) center;
        background-repeat: no-repeat;
        background-size: 21px;

        margin-top: 24px;
    }
.c-front-page-news .more-button:hover{
        background-color: #d83d9d;
        background-position: calc(100% - 8px) center;
    }
@media screen and (max-width: 1010px){
        .c-front-page-news .centered{
            flex-direction: column;
        }

        .c-front-page-news .follow-us{
            display: none;
        }

        .c-front-page-news .block{
            margin-bottom: 0;
        }
            .c-front-page-news .block-item .title{
                max-width: 100%;
            }

        .c-front-page-news .contact{
            width: 100%;
            margin-left: 0;
            margin-top: 32px;
        }
    }
.c-front-page-shortcuts{
    background-color: #01088A;
    min-height: 223px;
    padding: 0 22px;

    display: flex;
    justify-content: center;
    align-items: center;

    overflow-x: hidden;
}
.c-front-page-shortcuts .centered{
        max-width: 716px;
        width: 100%;
        margin: 0 auto;

        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
.c-front-page-shortcuts .item{
        max-width: 240px;
        width: 100%;

        display: flex;
        align-items: center;
    }
.c-front-page-shortcuts a{
        color: #fff;
        -webkit-text-decoration: none;
        text-decoration: none;
        font-family: "Mona Sans";
        font-weight: 700;
        font-size: 3rem;
        text-transform: uppercase;
        width: -moz-fit-content;
        width: fit-content;

        margin: 28px;
        
        line-height: 1.3125rem;

        display: block;

        position: relative;
        line-height: 3.25rem;
    }
.c-front-page-shortcuts a::after{
        content: '';
        width: 35px;
        height: 33px;
        background-image: url("/images/icons/arrow-right-pink.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -60px;

        transition: right 0.2s ease;
    }
.c-front-page-shortcuts .item:hover a::after{
            right: -100px;
        }
@media screen and (max-width: 650px){
        .c-front-page-shortcuts .centered{
            flex-direction: column;

            padding-top: 32px;
            padding-bottom: 32px;
        }

        .c-front-page-shortcuts a{
            margin-left: 0;
        }

        .c-front-page-shortcuts a::after{
            right: -40px;
        }

    }
[data-scroll='down'][data-scrolled-past-header="true"] .sticky-header {
  transform: translateY(-100%);
  transition: transform 100ms;
}
.c-header .sticky-header {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    background-color: #fff;
    transition: transform 200ms;
  }
.c-header .test{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

  }
.c-header .no-smooth{
    transition: none !important;
  }
.c-header .sticky-down{
    top: -153px;
  }
.c-header .sticky-up{
    top: 0px;
  }
.c-header .smooth-follow{
    transition: top 0.1s ease;
  }
.c-header .dummy{
    height: 153px;
  }
.c-header .black-bar{
    background-color: #000;
    color: #fff;

    min-height: 44px;
    padding: 0 22px;

    display: flex;
    align-items: center;
  }
.c-header .centered-bar{
    max-width: 1200px;
    width: 100%;
    display: flex;
    margin: 0 auto;

    justify-content: space-between;
    align-items: center;

    height: 100%;
  }
.c-header .flex-item{
    display: flex;
    align-items: center;
  }
.c-header .flex-item *{
      padding-left: 8px;
    }
.c-header .follow-us{
    font-family: "Mona Sans";
    font-size: 1.25rem;
    font-weight: 700;
  }
.c-header .date p{
      font-family: "Mona Sans";
      font-weight: 600;
      font-size: 1.25rem;
    }
.c-header .white-bar{
    min-height: 109px;
    padding: 0 22px;

    display: flex;
    align-items: center;
  }
.c-header .centered{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;

    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
  }
.c-header .centered .flex-item{
      align-items: center;
    }
.c-header .centered .flex-item *{
        padding: 0;
      }
.c-header .centered button{
      display: block;
      width: 22px;
      height: 32px;

      display: flex;
      justify-content: center;
      align-items: center;

      margin-left: 25px;
      background-color: #fff;
      border: 0;
      cursor: pointer;
    }
.c-header .centered button img{
        width: 24px;
      }
.c-header .centered button .active{
        display: none;
      }
.c-header .centered button .inactive{
        display: block;
      }
.c-header button:hover .active{
      display: block;
    }
.c-header button:hover .inactive{
      display: none;
    }
.c-header .logo{
    width: 199px;
  }
.c-header .lang a{
      font-size: 1.5rem;
      font-weight: 500;
      color: #000;
      -webkit-text-decoration: none;
      text-decoration: none;
    }
.c-header .lang a:hover{
      color: #c92a8c;
    }
.c-header .gradient-line{
    height: 2px;
    width: 100%;

    background: linear-gradient(287deg, #01088A 2.32%, #C92A8C 84.41%);
  }
.c-header .center-crumbs{
    max-width: 586px;
    width: 100%;
    margin: 0 auto;
  }
.c-header .breadcrumbs{
    padding-top: 24px;
  }
.c-header .breadcrumbs a{
      font-size: 0.875rem;
      font-family: "Instrument Sans";

      margin-left: 0;
    }
.c-header .wave-banner{
    height: 150px;

    display: flex;
    justify-content: center;
    align-items: center;

    overflow: hidden;
  }
.c-header .wave-banner img{
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      min-height: 150px;
    }
.c-header .image-holder-mobile{
    display: none;
  }
.c-header .image-description{
    padding: 0 22px;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;

    font-size: 1rem;
    color: #adadad;
  }
@media screen and (max-width: 600px){
    .c-header .image-holder-mobile{
      display: block;
    }
      .c-header .breadcrumbs_wrapper .breadcrumbs{
        margin-bottom: 0 !important;
      }
  }
@media screen and (max-width: 500px){
    .c-header .follow-us{
      display: none;
    }
  }
.c-list-page-content{
    padding: 22px;
    padding-top: 51px;
    padding-bottom: 62px;

}
.c-list-page-content .centered{
        max-width: 586px;
        width: 100%;
        margin: 0 auto
    }
.c-list-page-content h1{
        margin-top: 0;
    }
.c-list-page-content a{
        display: block;
        font-family: "Mona Sans";
        font-weight: 600;
        font-size: 2rem;
        text-transform: uppercase;
        line-height: 3.5rem;
        margin-top: -1px;

        -webkit-text-decoration: none;

        text-decoration: none;
        color: #000;

        border-bottom: 1px solid #e6e6f3;
        padding-left: 24px;

        position: relative;
    }
.c-list-page-content a::after{
        content: '';
        width: 28px;
        height: 28px;

        background-image: url("/images/icons/arrow-right-pink.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;

        position: absolute;
        top: 50%;
        transform: translateY(-50%);

        right: 24px;

        transition: right 0.4s ease;
    }
.c-list-page-content a:hover::after{
        right: 0;
    }
.c-list-page-content a:last-child{
        border-bottom: 0;
    }
@media screen and (max-width: 600px){
.c-list-page-content{
        padding-top: 26px;

}

        .c-list-page-content h1{
            font-size: 3.5625rem;
            margin-bottom: 14px;
        }
            .c-list-page-content .child-list a{
                padding-left: 0;
            }

            .c-list-page-content .child-list a::after{
                right: 14px;
            }
    }
@keyframes gradient-slide{
    from{
        transform: translateX(-100%);
    }

    to{
        transform: translateX(100%);
    }
}
.c-logo{
    width: 199px;
    height: 55px;
}
.c-logo .gradient{
        /*animation: gradient-slide 1s alternate infinite;
        animation-timing-function: cubic-bezier(0,-0.36,1,1.61);

        will-change: transform;
        transform: translateZ(0);*/
    }
.c-news-list{

    padding: 22px;

}
.c-news-list .centered{
        max-width: 586px;
        width: 100%;
        margin: 0 auto;
    }
.c-news-list h1{
        margin: 0;
    }
.c-news-list .news-block{
        display: flex;
        margin: 22px 0;

        -webkit-text-decoration: none;

        text-decoration: none;

        background-image: url("/images/icons/arrow-right-pink.svg");
        background-size: 21px;
        background-position: calc(100% - 21px) center;
        background-repeat: no-repeat;

        transition: background-position 0.4s ease;

        padding-right: 64px;
    }
.c-news-list .news-block:hover{
        background-position: 100% center;
    }
.c-news-list .news-block:hover p{
            color: #c92a8c;
        }
.c-news-list .image-holder{
        width: 96px;
        height: 96px;

        display: flex;
        justify-content: center;
        align-items: center;

        border-radius: 8px;
        overflow: hidden;
    }
.c-news-list .text-item{
        padding-left: 12px;
    }
.c-news-list .text-item p{
            margin: 0;
        }
.c-news-list .title{
        font-size: 1.5rem;
        font-weight: 600;
        font-family: "Instrument Sans";

        color: #000;
    }
.c-news-list .date{
        font-size: 1rem;
        font-weight: 500;
        font-family: "Instrument Sans";
        color: #000;
    }
@media screen and (max-width: 600px){
        .c-news-list .title{
            font-size: 1.3125rem;
        }

        .c-news-list .news-block{
            background-image: none;
        }
    }
.c-news-page-content{

    padding: 22px;

}
.c-news-page-content .image-holder{
        max-width: 793px;
        height: auto;
        aspect-ratio: 16 / 9;
        margin:  0 auto;

        display: flex;
        justify-content: center;
        align-items: center;
    }
.c-news-page-content img{
        width: 100%;
    }
.c-news-page-content h1{
        font-family: "Instrument Sans";
        text-transform: none;
        font-size: 3rem;
        font-weight: 600;
        margin-bottom: 0;
    }
.c-news-page-content .centered{
        max-width: 586px;
        width: 100%;
        margin: 0 auto;
    }
.c-news-page-content .date{
        font-size: 0.875rem;
        line-height: 1.75rem;
        font-family: "Instrument Sans";
        padding-bottom: 32px;
        margin-top: 32px;
    }
.c-news-page-content .gradient-line{
        height: 2px;
        max-width: 894px;
        width: 100%;
        background: linear-gradient(287deg, #01088A 2.32%, #C92A8C 84.41%);
        margin: 40px auto;
    }
.c-news-page-content .news-list{
        max-width: 586px;
        width: 100%;
        margin: 0 auto;
    }
.c-news-page-content .other-news-title{
        font-family: "Mona Sans";
        font-weight: 700;
        font-size: 2.5rem;
        text-transform: uppercase;
    }
.c-news-page-content .block{
        display: flex;
        margin: 32px 0;
        color: #000;
        -webkit-text-decoration: none;
        text-decoration: none;
    }
.c-news-page-content .block p{
            margin: 0;
        }
.c-news-page-content .right-item{
        padding-left: 10px;
    }
.c-news-page-content .news-title{
        font-family: "Instrument Sans";
        font-size: 1.5rem;
        font-weight: 600;
        line-height: normal;

        max-width: 416px;
    }
.c-news-page-content .news-date{
        font-size: 1rem;
        font-weight: 500;
        font-family: "Instrument Sans";
    }
.c-news-page-content .news-img-holder{
        display: flex;
        justify-content: center;
        align-items: center;

        width: 96px;
        height: 96px;

        border-radius: 8px;
        overflow: hidden;
    }
.c-news-page-content .news-img-holder img{
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }
.c-news-page-content .image-description{
        max-width: 600px;
        width: 100%;
        margin: 0 auto;

        font-size: 1rem;
        color: #adadad;
    }
@media screen and (max-width: 600px){
        .c-news-page-content .image-holder{
            display: none;
        }

        .c-news-page-content .image-description{
            display: none;
        }

        .c-news-page-content h1{
            margin-top: 0;
        }
    }
.c-page-image {
    aspect-ratio: 16 / 9;
    position: relative;
}
@media screen and (min-width: 1000px) {
.c-page-image {
        aspect-ratio: 16 / 4;
}
    }
.c-page-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
.c-pager {
  width: 100%;
  max-width: min(1300px, calc(100vw - 15px * 2));
  max-width: var(--page-width-large);
  margin: max(15px, min(8vw, 107px)) auto 50px;
}
.c-pager > .items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(345px, min(1300px, calc(100vw - 15px * 2))), 393px));
    grid-template-columns: repeat(auto-fit, minmax(min(345px, var(--page-width-large)), 393px));
    grid-gap: max(30px, min(6vw, 43px)) 60px;
    gap: max(30px, min(6vw, 43px)) 60px;
    justify-content: center;
    width: 100%;
    margin-bottom: 66px;
  }
.c-pagination {

  width: -moz-fit-content;

  width: fit-content;
  margin: 0 auto;
  padding-top: 64px;
}
.c-pagination ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin: 0;
    padding: 0;
    list-style: none;
  }
.c-pagination ul > li {

      display: flex;
      align-items: center;
    }
.c-pagination ul > li a{
        color: #000;
      }
.c-pagination ul > li > * {
        display: block;
        padding: 0.7em 0.7em;
        aspect-ratio: 1 / 1;
      }
.c-pagination ul > li > *[aria-current='page'] {
          color: #fff;
          background-color: #01088a;
        }
.c-pagination .previous, .c-pagination .next {
    display: flex;
    align-items: center;
  }
.c-pagination .previous::before, .c-pagination .next::before, .c-pagination .previous::after, .c-pagination .next::after {
      display: none;
      width: 1em;
      height: 1em;
      background-color: currentcolor;
      content: '';
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-position: center;
              mask-position: center;
    }
.c-pagination .previous::before {
    display: inline-block;
    margin-right: 1ch;
    -webkit-mask-image: url('/images/pagination/icons/chevron-left.svg');
            mask-image: url('/images/pagination/icons/chevron-left.svg');
  }
.c-pagination .next::after {
    display: inline-block;
    margin-left: 1ch;
    -webkit-mask-image: url('/images/pagination/icons/chevron-right.svg');
            mask-image: url('/images/pagination/icons/chevron-right.svg');
  }
.visually-hidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
*:focus-visible > .visually-hidden {
  animation: none 0s ease 0s 1 normal none running !important;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  border: medium none currentColor !important;
  border-collapse: separate !important;
  -o-border-image: none !important;
     border-image: none !important;
  border-radius: 0 !important;
  border-spacing: 0 !important;
  bottom: auto !important;
  box-shadow: none !important;
  box-sizing: content-box !important;
  caption-side: top !important;
  clear: none !important;
  clip: auto !important;
  color: #000 !important;
  -moz-columns: auto !important;
       columns: auto !important;
  -moz-column-count: auto !important;
       column-count: auto !important;
  -moz-column-fill: balance !important;
       column-fill: balance !important;
  -moz-column-gap: normal !important;
       column-gap: normal !important;
  -moz-column-rule: medium none currentColor !important;
       column-rule: medium none currentColor !important;
  -moz-column-span: 1 !important;
       column-span: 1 !important;
  -moz-column-width: auto !important;
       column-width: auto !important;
  content: normal !important;
  counter-increment: none !important;
  counter-reset: none !important;
  cursor: auto !important;
  direction: ltr !important;
  display: inline !important;
  empty-cells: show !important;
  float: none !important;
  font-family: serif !important;
  font-size: medium !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  line-height: normal !important;
  height: auto !important;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  left: auto !important;
  letter-spacing: normal !important;
  list-style: disc outside none !important;
  margin: 0 !important;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  opacity: 1 !important;
  orphans: 2 !important;
  outline: medium none invert !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  padding: 0 !important;
  page-break-after: auto !important;
  page-break-before: auto !important;
  page-break-inside: auto !important;
  perspective: none !important;
  perspective-origin: 50% 50% !important;
  position: static !important;
  right: auto !important;
  -moz-tab-size: 8 !important;
    -o-tab-size: 8 !important;
       tab-size: 8 !important;
  table-layout: auto !important;
  text-align: left !important;
  text-align-last: auto !important;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
  top: auto !important;
  transform: none !important;
  transform-origin: 50% 50% 0 !important;
  transform-style: flat !important;
  transition: none 0s ease 0s !important;
  unicode-bidi: normal !important;
  vertical-align: baseline !important;
  visibility: visible !important;
  white-space: normal !important;
  widows: 2 !important;
  width: auto !important;
  word-spacing: normal !important;
  z-index: auto !important;
  all: initial !important;
}
.c-search{

  display: none;
  pointer-events: none;

}
.c-search mark{
    background-color: transparent;
  }
.c-search .search-bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0.8;

    z-index: 5000;
  }
.c-search .search-dialog{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;

    z-index: 5001;
  }
.c-search .centered-search{
    position: relative;
    max-width: 1192px;
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
    padding: 22px;
  }
.c-search .centered-search:has(a) input{
      border-radius: 40px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
.c-search .centered-search:has(p) input{
      border-radius: 40px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
.c-search input{
    width: 100%;
    padding: 20px 44px;
    font-size: 1.25rem;
    outline: 0;
    border-radius: 100px;
    border: 0;
  }
.c-search .search-close{
    position: absolute;
    top: 47px;
    right: 47px;
    width: 20px;

    cursor: pointer;
  }
.c-search .search-result{
    background-color: #fff;
  }
.c-search .search-result a{
      display: block;
      -webkit-text-decoration: none;
      text-decoration: none;
      color: #000;
      font-size: 1.25rem;
      padding: 6px 0;
    }
.c-search .search-result a:hover{
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }
.c-search .search-result:has(a){
    padding: 22px 22px;
    padding-top: 0;
  }
.c-search .search-result:has(p){
    padding: 22px 22px;
    padding-top: 0;
  }
.visible-search{
  display: block;
  pointer-events: all;
}
.c-search-result
{
	max-width: 586px;
	margin: 0 auto;
	padding: 0 0px;
}
.c-search-result .header-part{
		max-width: 1192px;
		margin: 0 auto;
	}
.c-search-result .header-part h2{
			font-size: 4.125rem;
			line-height: 4rem;
			font-weight: 400;
		}
.c-search-result .header-part h2 span{
				font-weight: 400;
			}
.c-search-result .result-list{
		padding-top: 0px;
	}
.c-search-result .search-result-block{
		display: block;
		color: #000;
		-webkit-text-decoration: none;
		text-decoration: none;
		margin-bottom: 32px;
		margin-top: 32px;
	}
.c-search-result .url{
		-webkit-text-decoration: underline;
		text-decoration: underline;
		font-size: 1.125rem;
		color: #000;
	}
.c-search-result .title{
		font-weight: 700;
		font-size: 1.375rem;
		color: #000;
	}
.c-search-result .title mark{
			font-weight: 800;
		}
.c-search-result .description{
		font-size: 1.125rem;
	}
.c-search-result mark{
		font-weight: 800;
		background-color: transparent;
		color: #000;
	}
@media screen and (max-width: 640px) {
.c-search-result
{

		padding: 0 22px;
}

		.c-search-result h2{
			font-size: 2rem !important;
			line-height: 2rem !important;
		}
	}
.c-side-menu .menu-bg{
        display: none;
        pointer-events: none;

        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.5);

        z-index: 1000;
    }
.c-side-menu .main-menu{
        width: 512px;
        height: 100%;
        position: fixed;
        top: 0;
        right: -512px;
        background-color: #01088A;

        transition: right 0.2s ease;

        overflow-y: scroll;
        
        color: #fff;

        z-index: 1001;

        padding: 98px;
    }
.c-side-menu ol{
        list-style: none;
        padding-left: 0;
    }
.c-side-menu a{
        font-size: 2.375rem;
        color: #fff;
        font-family: "Mona Sans";
        font-weight: 600;
        text-transform: uppercase;
        -webkit-text-decoration: none;
        text-decoration: none;

        border-bottom: 1px solid rgba(255, 255, 255, 0.25);

        display: block;
        width: 100%;

        padding-left: 24px;
    }
.c-side-menu .active{
        color: #c92a8c;
    }
.c-side-menu .pactive a{
            color: #c92a8c;
        }
.c-side-menu a:hover{
        color: #c92a8c;
    }
.c-side-menu .menu-item{
        position: relative;
    }
.c-side-menu .triangle-icon{
        width: 32px;
        height: 32px;

        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 22px;
        background-color: transparent;
        border: 0;

        cursor: pointer;

        display: flex;
        justify-content: center;
        align-items: center;
    }
.c-side-menu .triangle-icon img{
            width: 25px;
            transition: transform 0.2s ease;
        }
.c-side-menu .lvl2{
        overflow: hidden;
        max-height: 0;

        transition: max-height 0.2s ease;
        
    }
.c-side-menu .lvl2 > li{
            padding: 4px 0;
        }
.c-side-menu .lvl2 a{
            font-size: 1.6875rem;
            padding-left: 64px;
            color: #fff;
        }
.c-side-menu .lvl2 a:hover{
            color: #c92a8c;
        }
.c-side-menu .lvl2 .pactive .active a{
                    /*color: #c92a8c;*/
                }
.c-side-menu .lvl2 .active-div:has(.active) .testy{
                color: #fff;
            }
.c-side-menu .lvl2 .active-link{
            color: #c92a8c;
        }
.c-side-menu .pactive .active-link{
            color: #fff;
        }
.c-side-menu .active .active-link{
            color: #c92a8c;
        }
.c-side-menu .lvl3{
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.2s ease;
    }
.c-side-menu .lvl3 a{
            font-size: 1.25rem;
            padding-left: 100px;
            color: #fff;
        }
.c-side-menu .lvl3 a:hover{
            color: #c92a8c;
        }
.c-side-menu .lvl3 .active .active a{
                    color: #c92a8c;
                }
.c-side-menu .lvl3 .active-div a{
                color: #c92a8c;
            }
/*& li:has(.active-menu){
        .triangle-icon{
            & img{
                transform: rotate(45deg);
            }
        }
    }*/
.c-side-menu .active-triangle-icon img{
            transform: rotate(45deg);
        }
.c-side-menu .close-button{
        position: absolute;
        top: 32px;
        right: 32px;

        width: 32px;
        height: 32px;

        display: flex;
        justify-content: center;
        align-items: center;

        background-color: transparent;
        border: 0;
        cursor: pointer;
    }
.c-side-menu .close-button img{
            width: 21px;
            height: 21px;
        }
.c-side-menu .close-button .active{
            display: none;
        }
.c-side-menu .close-button:hover .active{
            display: block;
        }
.c-side-menu .close-button:hover .inactive{
            display: none;
        }
@media screen and (max-width: 512px){
        .c-side-menu .main-menu{
            width: 100%;
            padding: 22px;
            padding-top: 96px;
        }
    }
.visible-menu .menu-bg{
        display: block;
        pointer-events: all;
    }
.visible-menu .main-menu{
        right: 0;
    }
.c-slide-shortcuts{
    padding: 22px 0;
    overflow-x: scroll;
    scrollbar-width: none;
    padding-top: 50px;

    position: relative;
    width: 100%;
}
.c-slide-shortcuts .pad{
        display: flex;
        justify-content: center;
    }
.c-slide-shortcuts .centered{
        position: relative;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;

        display: flex;
        /*justify-content: center;*/

        overflow: visible;

        scrollbar-width: none;

        box-sizing: content-box;
    }
.c-slide-shortcuts .slide{
        min-width: 280px;
        margin: 0 13px;
        height: 432px;

        border-radius: 9px;
        overflow: hidden;

        position: relative;
        z-index: 2;
    }
.c-slide-shortcuts .slide .bg-image{
            transition: transform 0.4s ease;
        }
.c-slide-shortcuts .slide p{
            position: absolute;
            bottom: 42px;
            left: 28px;

            color: #fff;
            font-size: 1.25rem;
            font-weight: 700;
            font-family: "Instrument Sans";
            max-width: 150px;
            line-height: normal;
        }
.c-slide-shortcuts .slide .arrow{
            width: 28px;
            position: absolute;
            bottom: 54px;
            right: 19px;
        }
.c-slide-shortcuts .slide:hover .bg-image{
            transform: scale(1.04);
        }
.c-slide-shortcuts .dummy{
        min-width: calc(50vw - 50%);
        flex: 1;
    }
@media screen and (max-width: 650px){

        .c-slide-shortcuts .slide{
            min-width: 237px;
            height: 366px;
        }

        .c-slide-shortcuts .dummy{
            min-width: calc(50vw - 50% + 3px);
        }

    }
.button-holder{
    width: 100%;
    position: relative;
}
.button-holder .scroll-button-right{
        display: none;
        position: absolute;
        top: 240px;
        right: 32px;

        background-color: #c92a8c;
        width: 50px;
        height: 50px;
        padding: 10px;

        justify-content: center;
        align-items: center;

        border: 0;
        border-radius: 100px;

        z-index: 3;
    }
.button-holder .scroll-button-right img{
            -o-object-fit: contain;
               object-fit: contain;
            width: 21px;
        }
.button-holder .scroll-button-left{
        display: none;
        position: absolute;
        top: 240px;
        left: 32px;

        background-color: #c92a8c;
        width: 50px;
        height: 50px;
        padding: 10px;

        justify-content: center;
        align-items: center;

        border: 0;
        border-radius: 100px;

        z-index: 3;
    }
.button-holder .scroll-button-left img{
            -o-object-fit: contain;
               object-fit: contain;
            width: 21px;
            transform: rotate(180deg);
        }
.button-holder .visible-button{
        display: flex;
    }
@media screen and (max-width: 1010px){
        .button-holder .visible-button{
            display: none !important;
        }
    }
@keyframes scroll{
    0% {
        transform: translateX(0);
    }

    100%{
        transform: translateX(-50%);
    }
}
.c-sponsor-list{

    background-color: #1a1a1a;
    min-height: 128px;
    max-height: 128px;

    display: flex;

    overflow: hidden;
    transform: translateZ(0);

}
.c-sponsor-list .list-holder{
        display: flex;
        position: relative;
        animation: scroll 50s linear infinite;
    }
.c-sponsor-list .list{
        min-width: 130vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
.c-sponsor-list a{
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
.c-sponsor-list .list-holder-mobile{
        display: none;
        position: relative;

        animation: scroll 50s linear infinite;
        transition: transform 0.5s ease;
    }
.c-sponsor-list .list-holder-mobile .list{
            width: 200vw;
        }
@media screen and (max-width: 750px){
        .c-sponsor-list .list-holder{
            display: none;
        }

        .c-sponsor-list .list-holder-mobile{
            display: flex;
        }

            .c-sponsor-list .list-holder-mobile .list{
                width: 300vw;
                min-width: 100vw;
            }

                .c-sponsor-list .list-holder-mobile .list a{
                    margin: 0 18px;
                    aspect-ratio: 1 / 1;
                }
    }
.c-text-page-content{

    padding: 22px;

}
.c-text-page-content .centered{
        max-width: 586px;
        width: 100%;
        margin: 0 auto;
    }
.c-text-page-content img{
        width: 100%;
    }
.c-text-page-content h1{
        margin: 0;
        line-height: 4rem;
        padding-bottom: 17px;
        margin-top: -14px;
    }
.c-text-page-content .venue-list{
        padding-top: 5px;
    }
.c-text-page-content .venue-list a{
            font-family: "Instrument Sans";
            font-size: 1.25rem;
            line-height: 1.75rem;
            color: #000;
            display: block;
        }
.c-text-page-content .venue-title{
        font-family: "Mona Sans";
        font-weight: 700;
        font-size: 1.5rem;
        line-height: 1.75rem;
        text-transform: uppercase;
    }
.c-text-page-content .contact-image{
        width: 100px;
        height: 100px;
        border-radius: 100px;

        display: flex;
        justify-content: center;
        align-items: center;

        overflow: hidden;
    }
.c-text-page-content .contact-image img{
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }
.c-text-page-content .contact-list{
        margin: 42px 0;
    }
.c-text-page-content .block{
        background-color: #01088A;
        border-radius: 8px;
        padding: 32px 24px;
        width: 100%;

        display: flex;
    }
.c-text-page-content .block .item{
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
.c-text-page-content .block .left-pad{
            padding-left: 17px;
        }
.c-text-page-content .block p{
            margin: 0;
            color: #fff;
        }
.c-text-page-content .block .contact-txt{
            font-family: "Mona Sans";
            font-weight: 700;
            font-size: 1.5rem;
            text-transform: uppercase;
        }
.c-text-page-content .block .email{
            -webkit-text-decoration: underline;
            text-decoration: underline;
            color: #fff;
            font-size: 1.25rem;
        }
.c-text-page-content .block .email:hover{
            color: #c92a8c;
        }
.c-text-page-content .block .phone-number{
            -webkit-text-decoration: underline;
            text-decoration: underline;
            color: #fff;
            font-size: 1.25rem;
        }
.c-text-page-content .block .phone-number:hover{
            color: #c92a8c;
        }
.c-text-page-content .block .name{
            -webkit-text-decoration: underline;
            text-decoration: underline;
            color: #fff;
            font-size: 1.25rem;
        }
.c-text-page-content .block .name:hover{
            color: #c92a8c;
        }
.c-text-page-content .block .position{
            -webkit-text-decoration: underline;
            text-decoration: underline;
            color: #fff;
            font-size: 1.25rem;
        }
.c-text-page-content .block + .block{
        margin-top: 16px;
    }
.c-text-page-content .gradient-line{
        max-width: 894px;
        width: 100%;
        height: 2px;
        background: linear-gradient(287deg, #01088A 2.32%, #C92A8C 84.41%);
        margin: 0 auto;

        margin-top: 32px;
    }
.c-text-page-content .venue-info-list{
        max-width: 586px;
        width: 100%;
        margin:  0 auto;
    }
.c-text-page-content .info-title{
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Mona Sans";
        text-transform: uppercase;
        padding: 32px 0;
    }
.c-text-page-content .venue-block{
        margin-bottom: 32px;
    }
.c-text-page-content .venue-block .venue-name{
            font-size: 1.25rem;
            color: #000;
            font-weight: 600;
        }
.c-text-page-content .venue-block p{
            margin: 0;
        }
@media screen and (max-width: 600px){
.c-text-page-content{

        padding-top: 0;

}

        .c-text-page-content h1{
            font-size: 3.5rem;
            padding-bottom: 0;
        }
            .c-text-page-content .contact-list .block{
                padding-left: 0;
                padding-right: 0;
                position: relative;
            }

            .c-text-page-content .contact-list .block::after{
                content: '';
                background-color: #01088A;
                width: 100vw;
                height: 100%;

                position: absolute;
                z-index: -1;

                top: 0;
                left: 50%;
                transform: translateX(-50%);
            }

    }
.c-venue-page-content{

    padding: 22px;

}
.c-venue-page-content .centered{
        max-width: 586px;
        width: 100%;
        margin: 0 auto;
    }
.c-venue-page-content img{
        width: 100%;
    }
.c-venue-page-content h1{
        margin: 0;
        line-height: 4rem;
        padding-bottom: 17px;
        margin-top: -14px;
    }
@media screen and (max-width: 1000px){
.c-venue-page-content h1{
            margin-top: -39px;
            padding-bottom: 0;
    }
        }
.c-venue-page-content .venue-list{
        padding-top: 5px;
    }
.c-venue-page-content .venue-list a{
            font-family: "Instrument Sans";
            font-size: 1.25rem;
            line-height: 1.75rem;
            color: #000;
            display: block;
        }
.c-venue-page-content .venue-title{
        font-family: "Mona Sans";
        font-weight: 700;
        font-size: 1.5rem;
        line-height: 1.75rem;
        text-transform: uppercase;
    }
.c-venue-page-content .contact-image{
        width: 100px;
        height: 100px;
        border-radius: 100px;

        display: flex;
        justify-content: center;
        align-items: center;

        overflow: hidden;
    }
.c-venue-page-content .contact-image img{
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }
.c-venue-page-content .contact-list{
        margin: 40px 0;
    }
.c-venue-page-content .block{
        background-color: #01088A;
        border-radius: 8px;
        padding: 32px 24px;
        width: 100%;

        display: flex;
    }
.c-venue-page-content .block .item{
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
.c-venue-page-content .block .left-pad{
            padding-left: 17px;
        }
.c-venue-page-content .block p{
            margin: 0;
            color: #fff;
        }
.c-venue-page-content .block .contact-txt{
            font-family: "Mona Sans";
            font-weight: 700;
            font-size: 1.5rem;
            text-transform: uppercase;
        }
.c-venue-page-content .block .email{
            -webkit-text-decoration: underline;
            text-decoration: underline;
            color: #fff;
            font-size: 1.25rem;
        }
.c-venue-page-content .block .email:hover{
            color: #c92a8c;
        }
.c-venue-page-content .block .phone-number{
            -webkit-text-decoration: underline;
            text-decoration: underline;
            color: #fff;
            font-size: 1.25rem;
        }
.c-venue-page-content .block .phone-number:hover{
            color: #c92a8c;
        }
.c-venue-page-content .block .name{
            -webkit-text-decoration: underline;
            text-decoration: underline;
            color: #fff;
            font-size: 1.25rem;
        }
.c-venue-page-content .block .name:hover{
            color: #c92a8c;
        }
.c-venue-page-content .block .position{
            -webkit-text-decoration: underline;
            text-decoration: underline;
            color: #fff;
            font-size: 1.25rem;
        }
.c-venue-page-content .block .position{
            -webkit-text-decoration: underline;
            text-decoration: underline;
        }
.c-venue-page-content .block + .block{
        margin-top: 16px;
    }
.c-venue-page-content .address-text{
        margin: 0;
    }
.c-venue-page-content .gradient-line{
        max-width: 894px;
        width: 100%;
        height: 2px;
        background: linear-gradient(287deg, #01088A 2.32%, #C92A8C 84.41%);
        margin: 0 auto;

        margin-top: 39px;
    }
.c-venue-page-content .venue-info-title{
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Mona Sans";
        text-transform: uppercase;

        //padding: 32px 0;
        padding-top: 46px;
        padding-bottom: 19px;
    }
.c-venue-page-content .venue-map{
        max-width: 586px;
        width: 100%;
        margin: 0 auto;
    }
.c-venue-page-content .address-info p{
            margin: 0;
        }
.c-venue-page-content .show-direction-button{
        background-color: #C92A8C;
        color: #fff;
        font-family: "Mona Sans";
        font-weight: 700;
        font-size: 1.25rem;
        -webkit-text-decoration: none;
        text-decoration: none;
        text-transform: uppercase;
        border-radius: 8px;

        display: block;

        max-width: 189px;
        width: 100%;

        padding: 10px 22px;

        margin-top: 23px;
    }
.c-venue-page-content .show-direction-button:hover{
        background-color: #db4ea5;
    }
.c-venue-page-content .show-direction-button[href^="https://"]{
        background-image: url("/images/icons/external-link.svg");
        background-size: 21px;
        background-position: calc(100% - 16px) center;
        background-repeat: no-repeat;
    }
@media screen and (max-width: 600px){
        .c-venue-page-content h1{
            font-size: 3.5rem;
        }
            .c-venue-page-content .contact-list .block{
                padding-left: 0;
                padding-right: 0;
                position: relative;
            }

            .c-venue-page-content .contact-list .block::after{
                content: '';
                background-color: #01088A;
                width: 100vw;
                height: 100%;

                position: absolute;
                z-index: -1;

                top: 0;
                left: 50%;
                transform: translateX(-50%);
            }
            .c-venue-page-content .map-frame iframe{
                aspect-ratio: 1 / 1;
            }
    }
.map-frame{
    max-width: 894px;
    width: 100%;
    margin: 0 auto;
    margin-top: 7px;
    margin-bottom: 74px;

    outline: 0;
}
.map-frame iframe{
        width: 100%;
        height: auto;
        outline: 0;
        border: 0;

        aspect-ratio: 16 / 7.7;
    }
@media screen and (max-width: 600px){
.map-frame{
        margin-bottom: 0;
}

        .map-frame iframe{
            aspect-ratio: 1/ 1;
        }
    }
.c-block-grid-item {
  grid-row: span 1;
  grid-row: span var(--c-block-grid-item-row-span, 1);
  grid-column:
    span min(
      calc(1 * 3),
      var(--c-block-grid-columns)
    );
  grid-column:
    span min(
      calc(var(--c-block-grid-item-column-span, 1) * 3),
      var(--c-block-grid-columns)
    );
  min-height: 100px;

  background-color: bisque;
  border: solid 2px pink;
}
@media screen and (min-width: 1024px) {
.c-block-grid-item {
    grid-column:
      span min(
        1,
        var(--c-block-grid-columns)
      );
    grid-column:
      span min(
        var(--c-block-grid-item-column-span, 1),
        var(--c-block-grid-columns)
      );
}
  }