/* kumbh-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: 'Kumbh Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/kumbh-sans-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* kumbh-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: 'Kumbh Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/css/fonts/kumbh-sans-v27-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* kumbh-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: 'Kumbh Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/css/fonts/kumbh-sans-v27-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* kumbh-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: 'Kumbh Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/kumbh-sans-v27-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  /* Fonts */
  --font-family: 'Kumbh Sans', sans-serif;
  --font-family-secondary: 'Kumbh Sans', sans-serif;
  --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 {
  margin: 0;
  font-weight: 800;
  font-weight: var(--font-weight-extra-bold);
  font-size: 2rem;
  font-family: 'Kumbh Sans', sans-serif;
  font-family: var(--font-family-secondary);
  line-height: 1;
}
p{
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-family: 'Kumbh Sans';
}
/** umb_name:Undiryvirskrift */
h2 {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  font-size: 1.875rem;
  margin-top: 2.5rem;
  margin-bottom: 0;
  font-family: 'Kumbh Sans', sans-serif;
  font-family: var(--font-family-secondary);
}
h2 + p{
  margin-top: 4px !important;
}
p + h2{
  margin-top: 53px;
}
/** umb_name:Tekstur */
p {
  margin: 0;
  font-size: 1.25rem;
}
.page-title{
  font-size: 4.0625rem;
  max-width: 1200px;
  margin: 0 auto;
}
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: #fff;
  --color-black: #000;
  --color-grey: #808080;
  --color-light-grey: #DEDEDE;
  --color-red: #E6242F;
  --color-latte: #FFF9EF;
  --color-blue: #C6E4FE;
  --color-dark-blue: #ADD9FD;
  --color-very-dark-but-not-black: #232B33;
  --color-green: #7DB844;

  /* Color intentions */
  --color-background: var(--color-latte);
  --color-font: var(--color-black);

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

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

  --mobile-width-large: 700px;

  /* Z-Indexes */
  --z-index-header: 1000;
}
.main-content{
  min-height: calc(100vh - 332px);
}
body {
  grid-template-rows: auto 1fr auto;
  max-width: 100vw;

  /* Sticky footer */
  min-height: 100vh;
  min-height: 100svh;
  color: #000;
  color: var(--color-font);
  font-family: 'Kumbh Sans', sans-serif;
  font-family: var(--font-family);
  background: #FFF9EF;
  background: var(--color-background);
}
body > main, body > .main {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
.skip-link {
  position: absolute;
  top: -100%;
  color: black;
  background: #fff;
}
.skip-link:focus {
  top: 0;
}
:focus-visible {
  outline: 2px 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/c/icons/example.svg');
  }
@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;
    }
.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);
  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-footer{
  /*min-height: 332px;*/

  padding: 98px 20px;

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

    display: flex;
    justify-content: space-between;

    gap: 32px;
  }
.c-footer .left-item{
    display: flex;
    gap: 109px;
  }
.c-footer .left-item .left-side{
      max-width: 320px;
    }
.c-footer .right-side{
    min-width: 264px;
  }
.c-footer .right-side img{
      width: 190px;
    }
.c-footer .so-me-links{
    display: flex;
    align-items: center;
    gap: 10px;
  }
.c-footer .so-me-links a{
      width: 30px;
      height: 30px;
      display: block;

      background-color: #000;

      background-color: var(--color-black);


      -webkit-mask-size: contain;


              mask-size: contain;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
    }
.c-footer .so-me-links a:hover{
      background-color: #E6242F;
      background-color: var(--color-red);
    }
.c-footer .so-me-links a:focus-visible{
      background-color: #E6242F;
      background-color: var(--color-red);
    }
.c-footer .footer-text{
    font-size: 1.25rem;
    line-height: normal;
    padding-bottom: 27px;
  }
.c-footer .middle p{
      font-size: 1.25rem;
    }
.c-footer .middle p + p{
      margin-top: -7px;
    }
.c-footer .middle p + a{
      margin-top: 20px;
    }
.c-footer .middle a{
      display: block;
      font-size: 1.25rem;
      color: #000;
      color: var(--color-black);
      -webkit-text-decoration: none;
      text-decoration: none;
    }
.c-footer .middle a:hover{
      color: #E6242F;
      color: var(--color-red);
    }
.c-footer .facebook-link{
    -webkit-mask-image: url("/images/c/icons/facebook.svg");
            mask-image: url("/images/c/icons/facebook.svg");
  }
.c-footer .instagram-link{
    -webkit-mask-image: url("/images/c/icons/instagram.svg");
            mask-image: url("/images/c/icons/instagram.svg");
  }
.c-footer .tiktok-link{
    -webkit-mask-image: url("/images/c/icons/tiktok.svg");
            mask-image: url("/images/c/icons/tiktok.svg");
  }
.c-footer .youtube-link{
    -webkit-mask-image: url("/images/c/icons/youtube.svg");
            mask-image: url("/images/c/icons/youtube.svg");
  }
@media screen and (max-width: 820px){
.c-footer{

    padding-top: 65px;
    padding-bottom: 65px;

}

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

    .c-footer .left-item{
      flex-direction: column;
      gap: 64px;
    }

    .c-footer .footer-text{
      padding-bottom: 31px;
    }
      .c-footer .right-side img{
        width: 168px;
      }

  }
@media print{
.c-footer{
    display: none !important;

}
  }
.white-background{
  background-color: #fff;
  background-color: var(--color-white);
}
.c-404-not-found {
  margin: 0 auto;
}
@keyframes draw{
    to{
        stroke-dashoffset: 0;
    }
}
.c-front-page-guide{

    padding: 0px 0px;
    padding-top: 145px;
    padding-bottom: 141px;

    position: relative;
    overflow: hidden;

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

        position: relative;
    }
.c-front-page-guide h2{
        max-width: 1200px;
        margin: 0 auto;
        font-size: 2.1875rem;

        padding-left: 20px;
        padding-right: 20px;
        box-sizing: content-box;
    }
.c-front-page-guide .scroll-container{
        
        scrollbar-width: none !important;
    }
.c-front-page-guide .scroll-container{
        width: 100%;
        overflow-x: scroll;
    }
.c-front-page-guide .scroll-container::-webkit-scrollbar {
        display: none;
    }
.c-front-page-guide .figure-list{
        width: 100%;
        display: flex;
        justify-content: space-between;
        min-width: 1180px;
        gap: 32px;

        scrollbar-width: 0px;
    }
.c-front-page-guide a{
        font-size: 1.875rem;
        line-height: normal;
        font-weight: 600;
        color: #000;
        color: var(--color-black);
        -webkit-text-decoration: none;
        text-decoration: none;

        display: flex;
        flex-direction: column;
        max-width: 270px;
        justify-content: flex-start;
        gap: 32px;

        min-height: 550px;
        position: relative;
    }
.c-front-page-guide a .icon-holder{
            display: flex;
            align-items: flex-end;
            height: 100%;
            max-height: 362px;

            transition: transform 0.4s cubic-bezier(.68,-0.55,.27,1.55);
        }
.c-front-page-guide a img{
            text-align: center;
            max-width: 179px;
            width: 100%;
            margin: 0 auto;
            -o-object-fit: scale-down;
               object-fit: scale-down;

            transition: transform 0.4s cubic-bezier(.68,-0.55,.27,1.55);
        }
/*.title::after{
        content: '';
        width: 34px;
        height: 22px;
        background-color: var(--color-red);
        display: inline-block;

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

        position: relative;
        left: 10px;
        top: 1px;
    }*/
.c-front-page-guide .title .c-animated-inline-arrow{
            width: 40px;
            height: 23px;
            position: relative;
            top: 3px;
        }
/*text-decoration: underline;*/
.c-front-page-guide a:hover .icon-holder{
            transform: rotate(5deg);
        }
.c-front-page-guide a:hover img{
            transform: scale(1.05);
        }
.c-front-page-guide .background-curve{
        position: absolute;
        bottom: -1003px;
        left: -150px;
        z-index: -1;

        transform: rotateZ(17deg);

        max-width: 2593px;
        width: 2000px;

        height: 2000px;
    }
.c-front-page-guide #line-effect{
        stroke-width: 16;
        stroke-dashoffset: 3070.235107421875;
        stroke-dasharray: 3070.235107421875;
        stroke: #ADD9FD;

        height: 500px;

        display: none;
    }
.c-front-page-guide .draw #line-effect{
            display: block !important;
        }
.c-front-page-guide .draw #line-effect{
            animation: draw 18s ease-in forwards;
        }
@media screen and (max-width: 700px){
.c-front-page-guide{

        padding-top: 50px;
        padding-bottom: 12px;

}

        .c-front-page-guide h2{
            font-size: 1.5rem;
        }
            .c-front-page-guide .title .c-animated-inline-arrow{
                width: 29px;
                height: 23px;
                top: 5px;
            }

        .c-front-page-guide .figure-list{
            padding-left: 20px;
            padding-right: 54px;
        }

        .c-front-page-guide a{
            font-size: 1.25rem;
            height: 468px;
            max-width: 160px;
        }

            .c-front-page-guide a .icon-holder{
                max-height: 310px;
            }

            .c-front-page-guide a img{
                max-width: 150px;
            }

        .c-front-page-guide .title::after{
            width: 28px;
            height: 25px;
            top: 5px;
        }

        .c-front-page-guide .background-curve{
            width: 1000px;
            height: 1000px;

            bottom: -303px;
            left: -279px;
        }

    }
.c-front-page-help{

    padding: 41px 20px;

    background-color: #E6242F;

    background-color: var(--color-red);

}
.c-front-page-help .centered{
        width: 100%;
        height: 100%;
        max-width: 1011px;
        margin: 0 auto;
        
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 32px;

    }
.c-front-page-help h2{
        color: #fff;
        color: var(--color-white);
        font-size: 1.875rem;
        font-weight: 600;
        margin: 0;
    }
.c-front-page-help a{
        color: #fff;
        color: var(--color-white);
        -webkit-text-decoration: none;
        text-decoration: none;

        font-size: 1.875rem;
        font-weight: 600;

        width: 100%;
        max-width: 370px;
    }
.c-front-page-help a:hover{
        -webkit-text-decoration: underline;
        text-decoration: underline;
    }
@media screen and (max-width: 770px){
.c-front-page-help{

        padding-top: 27px;
        padding-bottom: 27px;

}

        .c-front-page-help .centered{
            flex-direction: column;
            align-items: center;

            gap: 18px;
        }

        .c-front-page-help h2{
            font-size: 1.5rem;
            text-align: center;
        }

        .c-front-page-help a{
            width: -moz-fit-content;
            width: fit-content;
            font-size: 1.5rem;
        }

    }
.c-front-page-news{

    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 57px;

}
.c-front-page-news .centered{
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
.c-front-page-news h2{
        margin: 0;
        font-size: 2.1875rem;
    }
.c-front-page-news li > a{
        width: 100%;
        max-width: 340px;
        -webkit-text-decoration: none;
        text-decoration: none;
    }
.c-front-page-news li > a:hover .title{
            /*color: var(--color-red);*/
        }
.c-front-page-news li > a:hover .image-holder{
            
        }
.c-front-page-news li > a:hover img{
            transform: scale(1.05);
        }
.c-front-page-news .title-area{
        display: flex;
        justify-content: space-between;
        align-items: center;

        padding-top: 63px;
        padding-bottom: 39px;
    }
.c-front-page-news .show-more-link{
        color: #000;
        -webkit-text-decoration: none;
        text-decoration: none;
        font-size: 1.25rem;
        font-weight: 700;
    }
.c-front-page-news .show-more-link:hover{
        color: #E6242F;
        color: var(--color-red);
    }
.c-front-page-news .news-list{
        display: flex;
        padding-left: 0;
        gap: 90px;

        list-style: none;
    }
.c-front-page-news li{
        max-width: 340px;
        width: 100%;
    }
.c-front-page-news .image-holder{
        max-width: 340px;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;

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

        overflow: hidden;
    }
.c-front-page-news .image-holder img{
            min-height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            transition: transform 0.2s ease-out;
        }
.c-front-page-news .date{
        display: block;
        color: #000;
        color: var(--color-black);
        padding-top: 23px;
        padding-bottom: 10px;
    }
.c-front-page-news .title{
        display: block;
        color: #000;
        color: var(--color-black);
        font-size: 3.1875rem;
        font-weight: 700;
        padding-bottom: 24px;
        line-height: normal;
    }
.c-front-page-news .desc{
        display: block;
        color: #000;
        color: var(--color-black);
        font-size: 1.3125rem;
        line-height: normal;
        padding-bottom: 30px;
    }
.c-front-page-news .read-more{
        color: #E6242F;
        color: var(--color-red);
        font-weight: 700;
        font-size: 1.25rem;
    }
@media screen and (max-width: 1170px){
        .c-front-page-news .news-list{
            flex-direction: column;
            align-items: center;
            gap: 48px;
        }

            .c-front-page-news .news-list .desc{
                display: none;
            }

        .c-front-page-news .image-holder{
            display: none;
        }

        .c-front-page-news li{
            max-width: 600px;
            position: relative;
        }

        .c-front-page-news li::after{
            content: '';
            height: 1px;
            width: 100%;
            background-color: #808080;

            position: absolute;
            bottom: -35px;
            left: 0;
        }

        .c-front-page-news li:last-child::after{
            display: none;
        }

        .c-front-page-news .image-holder{
            max-width: 600px;
        }

        .c-front-page-news .title-area{
            padding-top: 32px;
            padding-bottom: 7px;
        }

            .c-front-page-news .title-area h2{
                font-size: 1.25rem;
            }

        .c-front-page-news .title{
            font-size: 1.75rem;
            padding-bottom: 12px;
        }

        .c-front-page-news .date{
            font-size: 0.875rem;
        }

        .c-front-page-news .read-more{
            font-size: 1rem;
        }

        .c-front-page-news .show-more-link{
            font-size: 1rem;
        }
    }
.c-front-page-shortcuts{

    padding: 77px 20px;

}
.c-front-page-shortcuts .centered{
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
    }
.c-front-page-shortcuts a{
        position: relative;
        color: #fff;
        color: var(--color-white);
        background-color: #000;
        background-color: var(--color-black);
        -webkit-text-decoration: none;
        text-decoration: none;

        padding: 16px 27px;
        border-radius: 1000px;

        display: block;
        width: -moz-fit-content;
        width: fit-content;

        font-size: 1.5625rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;

        transition: transform 0.3s cubic-bezier(.71,-0.54,.44,1.7);
    }
.c-front-page-shortcuts .text{
        position: relative;
        display: block;
        
        transition: transform 0.3s cubic-bezier(.71,-0.54,.44,1.7);
    }
.c-front-page-shortcuts .left-rotate-1:hover{
        transform: scale(1.1) rotate(-5deg);
    }
.c-front-page-shortcuts .left-rotate-1:hover .text{
            transform: scale(0.9) rotate(5deg);
        }
.c-front-page-shortcuts .right-rotate-1:hover{
        transform: scale(1.1) rotate(5deg);
    }
.c-front-page-shortcuts .right-rotate-1:hover .text{
            transform: scale(0.9) rotate(-5deg);
        }
.c-front-page-shortcuts .left-rotate-2:hover{
        transform: scale(1.1) rotate(6deg);
    }
.c-front-page-shortcuts .left-rotate-2:hover .text{
            transform: scale(0.9) rotate(-6deg);
        }
.c-front-page-shortcuts .right-rotate-2:hover{
        transform: scale(1.1) rotate(-6deg);
    }
.c-front-page-shortcuts .right-rotate-2:hover .text{
            transform: scale(0.9) rotate(6deg);
        }
.c-front-page-shortcuts .left-rotate-3:hover{
        transform: scale(1.1) rotate(6deg);
    }
.c-front-page-shortcuts .left-rotate-3:hover .text{
            transform: scale(0.9) rotate(-6deg);
        }
.c-front-page-shortcuts .right-rotate-3:hover{
        transform: scale(1.1) rotate(-6deg);
    }
.c-front-page-shortcuts .right-rotate-3:hover .text{
            transform: scale(0.9) rotate(6deg);
        }
.c-front-page-shortcuts a:focus-visible{
        transform: scale(1.1) rotate(-5deg);
    }
.c-front-page-shortcuts a:focus-visible .text{
            transform: scale(0.9) rotate(5deg);
        }
.c-front-page-shortcuts .link-group{
        display: flex;

        display: flex;
        /*flex-wrap: wrap;*/

        gap: 31px;
    }
.c-front-page-shortcuts .link-group-reversed{
        display: flex;
        flex-direction: row-reverse;
        /*flex-wrap: wrap;*/
        justify-content: flex-start;

        gap: 31px;
    }
.c-front-page-shortcuts li + li{
        margin-top: 30px;
    }
.c-front-page-shortcuts ul{
        padding-left: 0;
    }
.c-front-page-shortcuts .centered-mobile{
        display: none;
        flex-direction: column;
    }
.c-front-page-shortcuts .centered-mobile a{
            padding: 11px 14px;
        }
.c-front-page-shortcuts .centered-mobile li{
            gap: 9px;
        }
@media screen and (max-width: 1090px){
.c-front-page-shortcuts{

        padding: 38px 20px;

}
        
        .c-front-page-shortcuts a{
            font-size: 1.125rem;
        }
        
        .c-front-page-shortcuts li + li{
            margin-top: 17px;
        }
        
    }
@media screen and (max-width: 780px){
        .c-front-page-shortcuts a{
            padding: 11px 14px;
        }
    }
@media screen and (max-width: 650px){
        .c-front-page-shortcuts .centered{
            display: none;
        }
    
        .c-front-page-shortcuts .centered-mobile{
            display: flex;
        }
    }
@media screen and (max-width: 340px){

        .c-front-page-shortcuts .link-group{
            flex-wrap: wrap;
        }
        
        .c-front-page-shortcuts .link-group-reversed{
            flex-wrap: wrap;
        }

    }
.c-front-page-slideshow{

    width: 100%;
    height: 800px;
    overflow: hidden;

    position: relative;

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

}
.c-front-page-slideshow picture{
        display: flex;
    }
.c-front-page-slideshow img{
        opacity: 0;

        width: 100%;
        min-height: 800px;

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

        transition: opacity 0.1s ease-out;
    }
.c-front-page-slideshow .visible-image{
        display: block;
        opacity: 1;
    }
.c-front-page-slideshow iframe{
        -o-object-fit: cover;
           object-fit: cover;
        min-width: 100%;
        min-height: 800px;
        border: 0;
        aspect-ratio: 16 / 9;
    }
.c-front-page-slideshow .sucd-wrapper{
        width: 300px !important;
        height: 100px !important;
    }
@media screen and (max-width: 1410px){
.c-front-page-slideshow{
        height: 345px;

}

        .c-front-page-slideshow iframe{
            aspect-ratio: 1 / 1;
            min-width: 150%;
        }
    }
@media screen and (max-width: 1090px){
.c-front-page-slideshow{
        height: 345px;

}
    }
@media screen and (max-width: 440px){
        .c-front-page-slideshow iframe{
            aspect-ratio: 1 / 1;
            min-width: 160%;
        }
    }
@media screen and (max-width: 390px){
        .c-front-page-slideshow iframe{
            aspect-ratio: 1 / 1;
            min-width: 200%;
        }
    }
.c-front-page-slideshow:has(iframe){
    background-color: #000 !important;
}
.c-front-page-video{

    padding: 32px 20px;

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

        display: flex;
        gap: 83px;
    }
.c-front-page-video .video-holder{
        max-width: 499px;
        width: 100vw;
        
        height: auto;
        aspect-ratio: 9 / 16;

        border-radius: 40px;

        overflow: hidden;

        background-color: #000;
        position: relative;
    }
.c-front-page-video .video-holder .sucd-wrapper{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
.c-front-page-video .video-holder img{
            width: 100%;
            min-height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }
.c-front-page-video .right-side{
        display: flex;
        align-items: center;
    }
.c-front-page-video iframe{
        width: 100%;
        height: 100%;

        outline: 0;
        border: 0;
    }
.c-front-page-video a{
        font-size: 3.6875rem;
        color: #000;
        color: var(--color-black);
        -webkit-text-decoration: none;
        text-decoration: none;
        line-height: 4.625rem;
        font-weight: 700;
        max-width: 500px;
        margin-top: 24px;
    }
.c-front-page-video a:hover{
        /*text-decoration: underline;*/
    }
/*& a::after{
        content: '';
        width: 85px;
        height: 43px;
        display: inline-block;
        background-color: var(--color-red);

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

        position: relative;
        top: 4px;
        left: 28px;
    }*/
@media screen and (max-width: 1100px){

        .c-front-page-video a{
            font-size: 1.75rem;
            line-height: normal;
        }

        .c-front-page-video a::after{
            width: 51px;
            height: 34px;

            top: 4px;
            left: 25px;
        }

        .c-front-page-video .video-holder{
            max-width: 299px;
        }

        .c-front-page-video .left-side{
            padding-top: 0px;
            padding-left: 28px;
            padding-right: 28px;
        }

        .c-front-page-video .centered{
            gap: 20px;
            justify-content: center;
        }

    }
@media screen and (max-width: 770px){
.c-front-page-video{
        padding-top: 0;

}

        .c-front-page-video .centered{
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .c-front-page-video .centered .right-side{
                padding-left: 28px;
                padding-right: 28px;
            }

            .c-front-page-video .centered a{
                font-size: 1.5rem;
                margin-top: 20px;
            }

        .c-front-page-video .c-animated-inline-arrow{
            width: 41px;
            height: 19px;
            position: relative;
            top: 2px;
        }

        .c-front-page-video .video-holder{
            max-width: 100%;
        }

        .c-front-page-video .left-side{
            width: 100%;
        }

    }
@media screen and (max-width: 380px){
            .c-front-page-video .centered .right-side{
                padding-left: 0;
                padding-right: 0;
            }
            
            .c-front-page-video .centered .left-side{
                padding-left: 0;
                padding-right: 0;
            }

    }
.c-front-page-welcome-title{

    padding: 84px 25px;

}
.c-front-page-welcome-title .centered{
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
    }
.c-front-page-welcome-title .centered a{
            color: #000;
            color: var(--color-black);
            -webkit-text-decoration: none;
            text-decoration: none;
            max-width: 1050px;
            width: 100%;
            display: inline-block;
            font-size: 3.75rem;
            font-weight: 700;
            line-height: normal;
        }
.c-front-page-welcome-title .centered a:hover{
            /*text-decoration: underline;*/
        }
/*& a::after{
            content: '';
            background-color: var(--color-red);
            width: 97px;
            height: 42px;

            position: relative;
            left: 20px;
            top: 4px;

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

            display: inline-block;
        }*/
.c-front-page-welcome-title .centered svg{
            display: inline-block;
            width: 97px;
            height: 42px;
            
            position: relative;
            top: 5px;
        }
.c-front-page-welcome-title .centered svg .arrow-line-1{
                stroke-width: 28;
                stroke-dasharray: 498.7180480957031;
                stroke-dashoffset: 0;
                color: #E6242F;
                color: var(--color-red);
                stroke: #E6242F;
                stroke: var(--color-red);
            }
.c-front-page-welcome-title .centered svg .arrow-line-2{
                animation-delay: 1s;
                stroke-width: 28;
                stroke-dasharray: 184.75125122070312;
                stroke-dashoffset: 0;
                color: #E6242F;
                color: var(--color-red);
                stroke: #E6242F;
                stroke: var(--color-red);
            }
@media screen and (max-width: 700px){
.c-front-page-welcome-title{
        
        padding-top: 35px;
        padding-right: 15px;
        padding-bottom: 36px;

}
            .c-front-page-welcome-title .centered a{
                font-size: 1.5rem;
            }

            .c-front-page-welcome-title .centered a::after{
                width: 52px;
                height: 33px;
            }

            .c-front-page-welcome-title .centered .c-animated-inline-arrow{
                width: 38px;
                height: 17px;
                
            }
            
            .c-front-page-welcome-title .centered svg{
                top: 2px;
            }

    }
:root{
  --logo-animation-speed: 5.0s;
  --logo-animation-delay: 5.0s;
  --dot-animation-speed: 0.1s;
  --animation-type: ease-in-out;
}
@keyframes draw-logo{
    to{
        stroke-dashoffset: 0;
    }
}
@keyframes reveal-dot{
    0%{
        opacity: 1;
    }

    99%{
        opacity: 1;
    }

    100%{
        opacity: 0;
    }
}
.c-header{

  background-color: #fff;

  background-color: var(--color-white);
  padding: 0 25px;

}
.c-header .centered{
    max-width: 1236px;
    width: 100%;
    margin: 0 auto;

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

    min-height: 154px;

    position: relative;
  }
.c-header .dot-cover{
    background-color: #fff;
    width: 10px;
    height: 10px;

    position: absolute;
    top: 38px;
    left: 117px;

    z-index: 2;

    animation: reveal-dot 0.1s linear 5.0s forwards;

    animation: reveal-dot var(--dot-animation-speed) linear var(--logo-animation-delay) forwards;
  }
.c-header ol{
    list-style: none;
  }
.c-header .pivot{
    min-height: 0;
  }
.c-header #top-menu{
    max-width: 334px;
    width: 100%;
    position: absolute;
    top: 154px;
    right: 0;

    z-index: 10;

    padding-left: 0;

    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s ease;
    overflow: hidden;

    background-color: #fff;

    background-color: var(--color-white);
  }
.c-header #top-menu > .pivot .ol-item{
      padding: 30px 47px;
      min-height: 0;
    }
.c-header #top-menu a{
      display: inline-block;
      color: #000;
      color: var(--color-black);
      -webkit-text-decoration: none;
      text-decoration: none;
      position: relative;
      font-weight: 600;

      font-size: 1.25rem;
    }
.c-header #top-menu a:hover{
      color: #808080 !important;
      color: var(--color-grey) !important;
    }
.c-header #top-menu a:hover{
      /*text-decoration: underline;*/
    }
.c-header #top-menu li + li{
      margin-top: 24px;
    }
.c-header #top-menu li > div{
      position: relative;
      width: -moz-fit-content;
      width: fit-content;
    }
.c-header ol{
    transition: grid-template-rows 0.4s ease;
  }
.c-header .c-menu:has(*:focus-visible){
    grid-template-rows: 1fr !important;
  }
.c-header .visible-desktop-menu{
    grid-template-rows: 1fr !important;
  }
.c-header .triangle-icon{
    background-color: transparent;
    /*mask-image: url("/images/c/pagination/chevron-right.svg");
    mask-size: 10px;
    mask-position: center;
    mask-repeat: no-repeat;*/
    position: absolute;

    width: 16px;
    height: 16px;
    border: 0;

    top: -1px;
    right: -31px;

    padding: 10px;
    box-sizing: content-box;

    cursor: pointer;
  }
.c-header .triangle-icon::after{
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;

    background-color: #000;
    
    -webkit-mask-image: url("/images/c/pagination/chevron-right.svg");
    
            mask-image: url("/images/c/pagination/chevron-right.svg");
    -webkit-mask-size: 10px;
            mask-size: 10px;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;

    width: 16px;
    height: 16px;
  }
.c-header .triangle-icon:focus-visible::after{
    outline: 1px solid #000;
  }
.c-header .active > div > a{
      color: #808080 !important;
      color: var(--color-grey) !important;
    }
.c-header .pactive > div > a{
      color: #000 !important;
      color: var(--color-black) !important;
    }
.c-header .visible-lvl .lvl2{
      grid-template-rows: 1fr !important;
    }
.c-header .visible-lvl > div .triangle-icon::after{
      -webkit-mask-image: url("/images/c/icons/xmark.svg");
              mask-image: url("/images/c/icons/xmark.svg");
      -webkit-mask-size: 13px;
              mask-size: 13px;
    }
.c-header .lvl2{
    overflow: hidden;

    padding-left: 20px;

    display: grid;
    grid-template-rows: 0fr;
  }
.c-header .lvl2 a{
      font-size: 1.125rem !important;
      color: #000 !important;
      color: var(--color-black) !important;
    }
.c-header .lvl2 a{
      font-weight: 400;
    }
.c-header .lvl2 a:hover{
      color: #808080 !important;
      color: var(--color-grey) !important;
    }
.c-header .lvl2 > .pivot > .ol-item{
      padding: 0 !important;
    }
.c-header .lvl2 > li > div{
      min-height: 0;
    }
.c-header .lvl2 > .pivot > .ol-item li:first-child{
      margin-top: 21px;
    }
.c-header .ol-item{
    min-height: 0;
  }
.c-header .ol-item > li:has(.visible-lvl) .triangle-icon{
        transform: rotate(90deg);
      }
.c-header .menu-item{
    min-height: 0;
  }
.c-header .li{
    min-height: 0;
  }
.c-header .left-side{
    position: relative;
  }
.c-header .logo img{
      max-width: 143px;
      margin-left: 18px;
      margin-top: -5px;
      min-width: 143px;
    }
.c-header .logo-line{
    position: absolute;
    top: -60px;
    left: 8px;
    width: 170px;
    min-width: 105px;
    pointer-events: none;
  }
.c-header .logo-line .line{
      stroke-width: 15.5;
      stroke: #000;
      color: #000;

      stroke-dashoffset: 530.9686889648438;
      stroke-dasharray: 530.9686889648438;

      animation: draw-logo 5.0s ease-in-out forwards;

      animation: draw-logo var(--logo-animation-speed) var(--animation-type) forwards;
    }
.c-header .right-side{
    
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;

    margin-top: 20px;
  }
.c-header .right-side button{
      background-color: #000;
      background-color: var(--color-black);
      width: 66px;
      height: 66px;
      aspect-ratio: 1 / 1;
      display: block;

      background-color: transparent;
      transition: background-color 0.1s ease;

      border-radius: 1000px;
      border: 0;

      cursor: pointer;

      border: 0;
    }
.c-header .right-side button:hover{
      background-color: #ADD9FD;
      background-color: var(--color-dark-blue);
    }
.c-header .right-side button:focus-visible{
      outline: 2px dashed #000;
    }
.c-header .right-side .support-button{
      background-color: #ADD9FD;
      background-color: var(--color-dark-blue);
      width: 95px;
      height: 41px;
      border-radius: 1000px;
      font-weight: 600;
      font-size: 1.3125rem;

      margin-right: 6px;
      margin-top: -3px;

      color: #000;
      -webkit-text-decoration: none;
      text-decoration: none;
      text-align: center;

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

      transition: transform 0.2s cubic-bezier(.68,-0.55,.27,1.55);
    }
.c-header .right-side .support-button span{
        display: block;
        transition: transform 0.2s cubic-bezier(.68,-0.55,.27,1.55);
      }
.c-header .right-side .support-button:hover{
      background-color: #ADD9FD;
      background-color: var(--color-dark-blue);

      transform: scale(1.1) rotate(7deg);
    }
.c-header .right-side .support-button:hover span{
        transform: scale(0.9) rotate(-7deg);
      }
.c-header .right-side .search-button{
      position: relative;

      display: flex;
      justify-content: center;
      align-items: center;
    }
.c-header .right-side .search-button::after{
      content: '';
      display: block;
      width: 24px;
      height: 24px;
      background-color: #000;
      background-color: var(--color-black);

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

              mask-image: url("/images/c/icons/search.svg");
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
    }
.c-header .right-side .menu-button{
      display: flex;
      justify-content: center;
      align-items: center;
    }
.c-header .right-side .menu-button::after{
      content: '';
      display: block;
      width: 30px;
      height: 30px;
      background-color: #000;
      background-color: var(--color-black);

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

              mask-image: url("/images/c/icons/menu.svg");
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
    }
.c-header .news-page-highlight > div > a{
      color: #C6E4FE !important;
      color: var(--color-blue) !important;
    }
.c-header .mobile-menu-button{
    display: none !important;
  }
.c-header .desktop-close-button{
    background-color: #E6242F !important;
    background-color: var(--color-red) !important;
  }
.c-header .desktop-close-button{
    -webkit-mask-image: url("/images/c/icons/xmark.svg");
            mask-image: url("/images/c/icons/xmark.svg");
    -webkit-mask-size: 30px;
            mask-size: 30px;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
.c-header .desktop-close-button::after{
    display: none !important;
  }
@media screen and (max-width: 500px){

    .c-header #top-menu{
      display: none !important;
    }

    .c-header .mobile-menu-button{
      display: block !important;
    }

    .c-header .mobile-menu-button:hover{
      background-color: transparent !important;
    }

    .c-header .desktop-menu-button{
      display: none !important;
    }

    .c-header .centered{
      min-height: 103px;
    }
      .c-header .logo img{
        max-width: 80px;
        min-width: 80px;
        width: 80px;
        margin-left: 0;
      }

    .c-header .dot-cover{
      top: 20px;
      left: 56px;
      width: 5px;
      height: 5px;
    }
    
    .c-header .logo-line{
      width: 80px;
      top: -36px;
      left: -6px;
      min-width: 91px;
    }
      .c-header .right-side button{
        width: 60px;
        margin-right: -3px;
      }

      .c-header .right-side button::after{
        -webkit-mask-size: 34px !important;
                mask-size: 34px !important;
        width: 60px !important;
        height: 60px !important;
      }

    .c-header .support-button{
      display: none !important;
    }

    .c-header .search-button{
      display: none !important;
    }

  }
@media print{
.c-header{
    display: none !important;

}
  }
.c-header-search{

    display: none;

    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

    z-index: 100;

    padding: 58px 20px;

}
.c-header-search .background{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;

        background-color: rgba(0,0,0,0.33333);
    }
.c-header-search .search-bar{
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        position: relative;

        z-index: 101;
    }
.c-header-search .search-bar input{
            width: 100%;
            font-size: 1.3125rem;
            padding: 10px;
            padding-left: 32px;

            border: 0;

            border-radius: 1000px;
        }
.c-header-search .close-button{
        background-color: #E6242F;
        background-color: var(--color-red);
        width: 18px;
        height: 18px;
        
        -webkit-mask-image: url("/images/c/icons/close.svg");
        
                mask-image: url("/images/c/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;

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

        cursor: pointer;
    }
.c-header-search .header-search-input{
        outline: 0;
    }
.c-header-search .desktop-search-results{
        display: none;

        background-color: #fff;

        background-color: var(--color-white);
        padding: 20px 32px;

        width: 100%;
    }
.c-header-search .desktop-search-results a{
            display: block;
            color: #000;
            color: var(--color-black);
            font-size: 1.25rem;
            padding: 10px 0;
            -webkit-text-decoration: none;
            text-decoration: none;
        }
.c-header-search .desktop-search-results a:hover{
            -webkit-text-decoration: underline;
            text-decoration: underline;
        }
.c-header-search .desktop-search-results mark{
            background-color: transparent;
        }
.c-header-search .desktop-search-results:has(a){
        display: block;
    }
.c-header-search :has(.link-item) .header-search-input{
            border-radius: 25px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }
.visible-search{
    display: block !important;
}
:root{
    --arrow-animation-speed: 1.0s;
    --chevron-animation-speed: 0.3s;
    --arrow-animation-delay: 0.8s;
}
@keyframes draw-line-1{
    from{
        stroke-dashoffset: 498.7180480957031;
    }

    to{
        stroke-dashoffset: 0;
    }
}
@keyframes draw-line-2{
    0%{
        stroke-dashoffset: 184.75125122070312;
    }

    100%{
        stroke-dashoffset: 0;
    }
}
:root a:has(.c-animated-inline-arrow):hover .arrow-line-1{
        animation: draw-line-1 1.0s ease forwards;
        animation: draw-line-1 var(--arrow-animation-speed) ease forwards;
    }
:root a:has(.c-animated-inline-arrow):hover .arrow-line-2{
        stroke-dashoffset: 184.75125122070312;
        animation: draw-line-2 0.3s ease 0.8s forwards;
        animation: draw-line-2 var(--chevron-animation-speed) ease var(--arrow-animation-delay) forwards;
    }
.c-animated-inline-arrow{
    display: inline-block;
    width: 97px;
    height: 42px;
}
.c-animated-inline-arrow .arrow-line-1{
        stroke-width: 28;
        stroke-dasharray: 498.7180480957031;
        stroke-dashoffset: 0;
        color: #E6242F;
        color: var(--color-red);
        stroke: #E6242F;
        stroke: var(--color-red);
    }
.c-animated-inline-arrow .arrow-line-2{
        animation-delay: 1s;
        stroke-width: 28;
        stroke-dasharray: 184.75125122070312;
        stroke-dashoffset: 0;
        color: #E6242F;
        color: var(--color-red);
        stroke: #E6242F;
        stroke: var(--color-red);
    }
c-input-field {
	display: block;
	accent-color: currentColor;
	accent-color: var(--color-foreground, currentColor);
}
c-input-field input:not([type="radio"]):not([type="checkbox"]), c-input-field textarea {
		margin-top: 0.25em;
		display: block;
		width: 100%;
		border: solid 1px #000;
		border: solid 1px var(--color-black, currentColor);
		border-radius: 0;
	}
c-input-field input:not([type="radio"]):not([type="checkbox"]):focus-visible, c-input-field textarea:focus-visible {
			border-color: #ADD9FD;
			border-color: var(--color-dark-blue);
		}
c-input-field input:focus-visible,
	c-input-field textarea:focus-visible {
		outline: solid 1px #ADD9FD;
		outline: solid 1px var(--color-dark-blue, currentColor);
		outline-offset: 0px;
	}
c-input-field .hint {
		font-size: var(--step--1);
	}
c-input-field input ~ .hint, c-input-field textarea ~ .hint {
		display: inline-block;
		margin-left: 0.5ch;
	}
c-input-field .error {
		display: none;
		color: #E6242F;
		color: var(--color-red);
		font-weight: 700;
		font-weight: var(--font-weight-bold);
		font-size: var(--step--1);
	}
c-input-field .error:last-child {
			margin-left: 2ch;
		}
c-input-field:has([aria-invalid="true"]) .error {
		display: block;
	}
c-input-field:has([aria-invalid="true"]) .error:last-child {
			display: inline;
		}
.c-mobile-menu{

    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

    overflow: hidden;

    pointer-events: none;

    z-index: 100;

}
.c-mobile-menu .background{
        background-color: rgba(0,0,0,0.33333);
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;

        display: none;
    }
.c-mobile-menu .right-menu{
        position: fixed;
        top: 0;
        right: -440px;

        max-width: 440px;
        width: 100%;
        height: 100%;
        background-color: #fff;
        background-color: var(--color-white);

        transition: right 0.4s ease;

        overflow-y: scroll;

        padding-bottom: 40px;
    }
.c-mobile-menu .top-part{
        display: flex;
        justify-content: space-between;
        align-items: center;

        padding: 20px 25px;
    }
.c-mobile-menu .top-part img{
            width: 81px;
        }
.c-mobile-menu .mobile-menu-close-button{
        width: 23px;
        height: 23px;
        border: 0;
        background-color: #E6242F;
        background-color: var(--color-red);

        margin-top: 25px;
        margin-right: 3px;

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

                mask-image: url("/images/c/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;

        cursor: pointer;
    }
.c-mobile-menu .mobile-search-input{
        max-width: 263px;
        background-color: #DEDEDE;
        background-color: var(--color-light-grey);

        border: 0;
        font-size: 1.25rem;

        border-radius: 1000px;

        outline: 0;
        font-size: 1.5625rem;

        padding: 6px 20px;
        padding-left: 45px;

        background-image: url("/images/c/icons/search.svg");
        background-size: 16px;
        background-position: 18px 18px;
        background-repeat: no-repeat;
    }
.c-mobile-menu .mobile-support-button{
        background-color: #C6E4FE;
        background-color: var(--color-blue);
        color: #000;
        color: var(--color-black);

        font-size: 1.1875rem;
        font-weight: 700;
        -webkit-text-decoration: none;
        text-decoration: none;

        padding: 8px 5px;
        border-radius: 1000px;

        text-align: center;
        display: block;
        width: 107px;
        margin-left: 25px;

    }
.c-mobile-menu .search-area{
        padding: 26px 27px;
        padding-bottom: 23px;
        width: 100%;

        position: relative;
    }
.c-mobile-menu .search-area:has(.link-item) .mobile-search-input{
            border-radius: 25px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }
.c-mobile-menu .mobile-search-results{
        display: none;
        position: absolute;
        top: 75px;
        left: 27px;
        z-index: 10;
        background-color: #DEDEDE;
        background-color: var(--color-light-grey);

        max-width: 263px;

        padding: 18px;
    }
.c-mobile-menu .mobile-search-results a{
            display: block;
            color: #000;
            color: var(--color-black);
            -webkit-text-decoration: none;
            text-decoration: none;
            font-size: 1.25rem;
        }
.c-mobile-menu .mobile-search-results a + a{
            margin-top: 20px;
        }
.c-mobile-menu .mobile-search-results mark{
            background-color: transparent;
        }
.c-mobile-menu .mobile-search-results:has(.link-item){
        display: block;
    }
.c-mobile-menu #top-menu{
        list-style: none;
        padding-top: 28px;
        padding-left: 25px;
        padding-right: 25px;
    }
.c-mobile-menu #top-menu a{
            font-size: 1.25rem;
            font-weight: 700;
            -webkit-text-decoration: none;
            text-decoration: none;
            color: #000;
        }
.c-mobile-menu #top-menu ol{
            list-style: none;
        }
.c-mobile-menu #top-menu div{
            width: -moz-fit-content;
            width: fit-content;
            position: relative;
        }
.c-mobile-menu .triangle-icon{
        background-color: #000;
        background-color: var(--color-black);
        width: 23px;
        height: 32px;
        display: block;
        box-sizing: content-box;

        position: absolute;
        top: 0px;
        right: -30px;

        transition: transform 0.4s ease;

        border: 0;

        -webkit-mask-image: url("/images/c/pagination/chevron-right.svg");

                mask-image: url("/images/c/pagination/chevron-right.svg");
        -webkit-mask-size: 9px;
                mask-size: 9px;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;

        cursor: pointer;
    }
.c-mobile-menu .triangle-icon span{
            display: none;
        }
.c-mobile-menu .pivot{
        min-height: 0;
    }
.c-mobile-menu .lvl2{
        min-height: 0;
        display: grid;
        grid-template-rows: 0fr;
        overflow: hidden;

        padding-left: 0;

        transition: grid-template-rows 0.4s ease;
    }
.c-mobile-menu .lvl2 a{
            color: #808080 !important;
            color: var(--color-grey) !important;
            font-size: 1.125rem !important;
        }
.c-mobile-menu .lvl2 > .pivot > .ol-item{
            margin-top: 20px;
        }
.c-mobile-menu .lvl2 li + li{
            margin-top: 9px;
        }
.c-mobile-menu .visible-lvl .lvl2{
            grid-template-rows: 1fr;

        }
.c-mobile-menu .visible-lvl > div .triangle-icon{
            -webkit-mask-image: url("/images/c/icons/xmark.svg");
                    mask-image: url("/images/c/icons/xmark.svg");
            top: 0px;
            right: -31px;
        }
.c-mobile-menu .ol-item{
        min-height: 0;
    }
.c-mobile-menu .ol-item > li:has(.visible-lvl) .triangle-icon{
                -webkit-mask-image: url("/images/c/icons/xmark.svg");
                        mask-image: url("/images/c/icons/xmark.svg");
            }
.c-mobile-menu li + li{
        margin-top: 24px;
    }
.c-mobile-menu .active > div > a{
      color: #E6242F !important;
      color: var(--color-red) !important;
    }
.c-mobile-menu .pactive > div > a{
      color: #000 !important;
      color: var(--color-black) !important;
    }
.c-mobile-menu .news-page-highlight > div > a{
            color: #E6242F !important;
            color: var(--color-red) !important;
        }
@media screen and (min-width: 500px){
.c-mobile-menu{
    display: none !important;
    pointer-events: none !important;

}
  }
.active-mobile-menu{
    pointer-events: all;
}
.active-mobile-menu .background{
        display: block;
    }
.active-mobile-menu .right-menu{
        right: 0;
    }
.c-news-list{

    padding: 64px 20px;

}
.c-news-list .centered{
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
    }
.c-news-list h1{
        font-size: 4.0625rem;
        margin-bottom: 131px;
        font-weight: 700;
    }
.c-news-list .news-list{
        width: 100%;

        display: flex;
        flex-wrap: wrap;
        gap: 64px;
    }
.c-news-list .item{
        max-width: 340px;
        width: 100%;
        display: block;

        color: #000;
        -webkit-text-decoration: none;
        text-decoration: none;
    }
.c-news-list .item .news-image-holder{
            width: 100%;
            height: auto;
            aspect-ratio: 1 / 1;
            overflow: hidden;
        }
.c-news-list .item .news-image-holder img{
                min-height: 100%;
                -o-object-fit: contain;
                   object-fit: contain;
                transition: transform 0.2s ease-out;
            }
.c-news-list .item .title{
            font-size: 3.1875rem;
            margin-top: 0;

            margin-top: 14px;
            margin-bottom: 24px;
        }
.c-news-list .item .date{
            margin-top: 14px;
            font-size: 1rem;
        }
.c-news-list .item .desc{
            font-size: 1.3125rem;
        }
.c-news-list .item:hover .news-image-holder img{
                transform: scale(1.05);
            }
.c-news-list .item:hover .title{
            /*color: var(--color-red);*/
        }
.c-news-list .read-more{
        font-size: 1.25rem;
        font-weight: 700;
        color: #E6242F;
        color: var(--color-red);
    }
@media screen and (max-width: 1239px){

        .c-news-list .main-news-list{
            margin: 0 auto;
            max-width: 770px;
        }

    }
@media screen and (max-width: 809px){

        .c-news-list h1{
            font-size: 2.5625rem;
            margin-bottom: 32px;
        }

        .c-news-list .main-news-list{
            max-width: 100%;
        }

        .c-news-list .item{
            max-width: 100%;
        }

            .c-news-list .item .news-image-holder{
                transition: none !important;
            }

            .c-news-list .item .news-image-holder{
                display: none;
            }
            
            .c-news-list .item .title{
                font-size: 1.75rem;
                font-weight: 700;
                line-height: normal;
                margin-top: 8px;
                margin-bottom: 12px;
            }

            .c-news-list .item .text{
                display: none;
            }

            .c-news-list .item .date{
                font-size: 0.875rem;
            }

            .c-news-list .item .read-more{
                margin-top: 0;
                font-size: 1rem;
            }

        .c-news-list .item::after{
            content: '';
            width: 100%;
            height: 1px;
            background-color: #808080;
            display: block;
            position: relative;
            top: 35px;
        }
            .c-news-list .item:hover .news-image-holder{
                transition: none !important;
            }
            .c-news-list .item:hover .news-image-holder{
                transform: none;
            }
            .c-news-list .news-list .item:last-child::after{
                content: none;
            }

    }
.c-news-page-content{

    padding-top: 107px;

}
.c-news-page-content .centered{
        max-width: 750px;
        width: 100%;
        margin: 0 auto;
    }
.c-news-page-content .image-holder{
        max-width: 490px;
        height: auto;
        aspect-ratio: 1 / 1;

        margin: 0 auto;
    }
.c-news-page-content .image-holder picture{
            display: flex;
            width: 100%;
            height: auto;
            aspect-ratio: 1 / 1;
        }
.c-news-page-content .image-holder img{
            min-height: 100%;
        }
.c-news-page-content .text-contents{
        padding: 0px 20px;
        padding-top: 87px;
        padding-bottom: 108px;
    }
.c-news-page-content h1{
        font-size: 3.125rem;
        padding-top: 18px;
        padding-bottom: 16px;
    }
.c-news-page-content .other-news{
        background-color: #fff;
        padding: 64px 20px;
    }
.c-news-page-content .news-list{
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;

        display: flex;
        gap: 90px;

        font-size: 3.125rem;
        font-weight: 600;
        line-height: normal;
    }
.c-news-page-content .news-list .item{
            max-width: 340px;
            width: 100%;

            color: #000;

            color: var(--color-black);
            -webkit-text-decoration: none;
            text-decoration: none;
        }
/*color: var(--color-red);*/
.c-news-page-content .news-list .item:hover .other-image-holder img{
                    transform: scale(1.05);
                }
.c-news-page-content .news-list .item:hover .description{
                color: #000;
                color: var(--color-black);
            }
.c-news-page-content .news-list .item:hover time{
                color: #000;
                color: var(--color-black);
            }
.c-news-page-content .news-list time{
            display: block;
            font-size: 1rem;
            font-weight: 400;
            padding-top: 25px;
            padding-bottom: 17px;
        }
.c-news-page-content .news-list .description{
            display: block;
            font-size: 1.25rem;
            font-weight: 400;
            padding-top: 28px;
        }
.c-news-page-content .news-list .read-more{
            font-size: 1.25rem;
            font-weight: 500;
            color: #E6242F;
            color: var(--color-red);
        }
.c-news-page-content .other-image-holder{
        max-width: 340px;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;

        font-size: 0.875rem;
        font-weight: normal;

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

        overflow: hidden;
    }
.c-news-page-content .other-image-holder img{
            width: 100%;
            min-height: 100%;
            -o-object-fit: cover;
               object-fit: cover;

            transition: transform 0.4s ease-out;
        }
.c-news-page-content .other-news-title{
        color: #000;
        color: var(--color-black);

        width: -moz-fit-content;

        width: fit-content;

        margin-top: 0;
        padding-bottom: 0;

        font-size: 2.1875rem;
    }
.c-news-page-content .other-title{
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;

        padding-bottom: 47px;

        display: flex;
        justify-content: space-between;
        align-items: center;
    }
.c-news-page-content .show-more-link{
        color: #000;
        -webkit-text-decoration: none;
        text-decoration: none;
        font-size: 1.25rem;
        font-weight: 700;
        min-width: 62px;
    }
.c-news-page-content .show-more-link:hover{
        color: #E6242F;
        color: var(--color-red);
    }
@media screen and (max-width: 1080px){

        .c-news-page-content .news-list{
            flex-direction: column;
        }
            .c-news-page-content .news-list .other-image-holder{
                display: none;
            }

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

            .c-news-page-content .news-list .read-more{
                padding-top: 20px;
                display: block;
            }

            .c-news-page-content .news-list .item{
                max-width: 100%;
                position: relative;
            }

            .c-news-page-content .news-list .item::after{
                content: '';
                width: 100%;
                height: 1px;
                background-color: #808080;

                position: absolute;
                bottom: -27px;
                left: 0;
            }

            .c-news-page-content .news-list .item:last-child::after{
                background-color: transparent;
            }

        .c-news-page-content .other-news-title{
            font-size: 1.5625rem;
        }

    }
@media screen and (max-width: 640px){
.c-news-page-content{

        padding-top: 0;

}

        .c-news-page-content h1{
            font-size: 2.5625rem;
        }

        .c-news-page-content .text-contents{
            padding-top: 32px;
            padding-bottom: 64px;
        }

        .c-news-page-content .news-list{
            gap: 32px;
        }

        .c-news-page-content .item{
            font-size: 2.5625rem;
            position: relative;
        }

        .c-news-page-content .show-more-link{
            font-size: 1rem;
        }

            .c-news-page-content .other-news .other-title{
                padding-bottom: 32px;
            }

            .c-news-page-content .other-news .other-news-title{
                font-size: 1.25rem;
            }

            .c-news-page-content .other-news time{
                font-size: 0.875rem;
                font-weight: 400;
            }

            .c-news-page-content .other-news .item{
                font-size: 1.75rem;
                font-weight: 700;
            }
            
            .c-news-page-content .other-news .read-more{
                font-size: 1rem;
                font-weight: 400;
            }

    }
@media print{
.c-news-page-content{

        padding-top: 0;
        padding-bottom: 0;

}

        .c-news-page-content .other-news{
            display: none !important;
        }

    }
.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: block;
        padding: 14px;
        min-width: 50px;
        height: auto;
        text-align: center;
        -webkit-text-decoration: none;
        text-decoration: none;
        aspect-ratio: 1 / 1;
        color: #000;
      }
.c-pagination ul > li > *[aria-current='page'] {
          color: #000;
          background-color: #C6E4FE;
          background-color: var(--color-blue);
        }
.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/c/pagination/icons/chevron-left.svg');
            mask-image: url('/images/c/pagination/icons/chevron-left.svg');
  }
.c-pagination .next::after {
    display: inline-block;
    margin-left: 1ch;
    -webkit-mask-image: url('/images/c/pagination/icons/chevron-right.svg');
            mask-image: url('/images/c/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;
  columns: auto !important;
  column-count: auto !important;
  column-fill: balance !important;
  column-gap: normal !important;
  column-rule: medium none currentColor !important;
  column-span: 1 !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;
  -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-result
{
    font-size: 1rem;
    line-height: 1.5rem;

    max-width: 1200px;
    margin: 0 auto;
    padding: 64px 32px;
}
.c-search-result .bolded{
        font-weight: 800;
    }
.c-search-result .head
    {
        font-size: 2.5rem;
        line-height: 3.125rem;
        font-weight: normal;
        padding: 30px 0;
    }
.c-search-result .head-description mark, .c-search-result .head-description span
        {
            font-weight: normal;
        }
.c-search-result .items > a
        {
            display: block;
            color: inherit;
            padding: 24px 0;
            border-bottom: solid 1px #D9D9D9;
            -webkit-text-decoration: none;
            text-decoration: none;
        }
.c-search-result .items > a:hover .title
            {
                -webkit-text-decoration: underline;
                text-decoration: underline;
            }
.c-search-result .items > a:not(:first-child)
            {
                border-top: solid 1px #D9D9D9;
            }
.c-search-result .items > a::after
            {
                display: none;
            }
.c-search-result .items > a[href$=".pdf"] .title::after
            {
                display: inline-block;
                content: ">";
                color: transparent;
                font-size: inherit;
                line-height: inherit;
                width: 18px;
                margin-left: 7px;
                background: svg-uri('<svg width="16" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="#0064d2" fill-rule="nonzero"><path d="M13.675 10.362c-.24-.236-.771-.36-1.581-.372a13.223 13.223 0 00-1.901.14c-.311-.18-.632-.375-.883-.61-.676-.631-1.24-1.508-1.591-2.472.022-.09.042-.169.06-.25 0 0 .382-2.163.28-2.894a.822.822 0 00-.049-.207l-.033-.086c-.103-.238-.307-.491-.625-.478l-.192-.006c-.356 0-.645.182-.72.454-.231.852.007 2.125.438 3.774l-.11.27c-.31.753-.696 1.512-1.038 2.182l-.045.086c-.36.704-.687 1.302-.982 1.808l-.305.162c-.023.011-.546.29-.669.364-1.041.622-1.731 1.327-1.846 1.887-.036.18-.009.407.176.513l.296.149a.891.891 0 00.401.097c.742 0 1.603-.924 2.79-2.995 1.37-.446 2.93-.817 4.297-1.022 1.041.586 2.323.994 3.13.994.144 0 .268-.014.368-.04a.627.627 0 00.366-.25c.156-.237.189-.562.146-.895a.598.598 0 00-.176-.305l-.002.002zM2.595 14.31c.135-.37.67-1.101 1.463-1.75.05-.041.172-.156.285-.263-.829 1.321-1.383 1.848-1.748 2.012v.001zm4.69-10.8c.239 0 .375.6.386 1.164.012.564-.12.96-.283 1.252-.135-.433-.202-1.115-.202-1.562 0 0-.01-.854.1-.854zm-1.399 7.696c.167-.297.339-.61.515-.944.431-.814.702-1.451.905-1.974A6.54 6.54 0 008.8 10.143c.073.062.152.125.233.187-1.2.237-2.236.525-3.148.876h.001zm7.56-.067c-.073.046-.282.072-.416.072-.434 0-.972-.198-1.725-.522.29-.022.555-.033.793-.033.436 0 .565-.002.99.107.426.109.431.33.358.374v.002z"/><path d="M15.009 4.026a15.966 15.966 0 00-1.533-1.752A15.966 15.966 0 0011.724.74C10.817.077 10.377 0 10.125 0H1.406C.631 0 0 .631 0 1.406v15.188C0 17.369.631 18 1.406 18h12.938c.775 0 1.406-.631 1.406-1.406V5.625c0-.252-.076-.692-.741-1.599zm-2.33-.956c.54.54.964 1.026 1.277 1.43h-2.707V1.794c.404.313.89.736 1.43 1.276zm1.946 13.524a.284.284 0 01-.281.281H1.406a.285.285 0 01-.281-.281V1.406c0-.152.13-.281.281-.281h8.719v3.938c0 .31.252.562.563.562h3.937v10.969z"/></g></svg>') no-repeat center center;
            }
.c-search-result .title
    {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 10px;
        display: block;
    }
.c-search-result .description
    {
        line-height: 1.625rem;
        display: block;
    }
.c-search-result mark
    {
        color: #000;
        color: initial;
        background-color: transparent;
        font-weight: 800;
    }
.c-search-result .filter-name
    {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 17px;
        font-weight: 500;
    }
.c-search-result .filter
    {
        font-size: 0.9375rem;
        line-height: 1.3125rem;
        border-bottom: solid 1px #1B0759;
        overflow: hidden;
        margin-bottom: 30px;

        @include screen(1000px)
        {
            font-size: 1rem;
        }
    }
.c-search-result .filter a
        {
            display: inline-block;
            -webkit-text-decoration: none;
            text-decoration: none;
            color: inherit;
            padding: 13px 0;
            border-bottom: solid 4px transparent;
            margin-right: 15px;
        }
.c-search-result .filter a.active
            {
                font-weight: bold;
                border-color: #1B0759;
            }
@media screen and (max-width: 440px){
.c-search-result
{
        padding-top: 0;
}
    }
.c-search a[href*=".pdf?"]::after,
.c-search-result a[href*=".pdf?"] .title::after
{
    display: inline-block;
    content: ">";
    color: transparent;
    font-size: inherit;
    line-height: inherit;
    width: 18px;
    margin-left: 7px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23eb601d' fill-rule='nonzero'%3E%3Cpath d='M13.675 10.362c-.24-.236-.771-.36-1.581-.372a13.223 13.223 0 00-1.901.14c-.311-.18-.632-.375-.883-.61-.676-.631-1.24-1.508-1.591-2.472.022-.09.042-.169.06-.25 0 0 .382-2.163.28-2.894a.822.822 0 00-.049-.207l-.033-.086c-.103-.238-.307-.491-.625-.478l-.192-.006c-.356 0-.645.182-.72.454-.231.852.007 2.125.438 3.774l-.11.27c-.31.753-.696 1.512-1.038 2.182l-.045.086c-.36.704-.687 1.302-.982 1.808l-.305.162c-.023.011-.546.29-.669.364-1.041.622-1.731 1.327-1.846 1.887-.036.18-.009.407.176.513l.296.149a.891.891 0 00.401.097c.742 0 1.603-.924 2.79-2.995 1.37-.446 2.93-.817 4.297-1.022 1.041.586 2.323.994 3.13.994.144 0 .268-.014.368-.04a.627.627 0 00.366-.25c.156-.237.189-.562.146-.895a.598.598 0 00-.176-.305l-.002.002zM2.595 14.31c.135-.37.67-1.101 1.463-1.75.05-.041.172-.156.285-.263-.829 1.321-1.383 1.848-1.748 2.012v.001zm4.69-10.8c.239 0 .375.6.386 1.164.012.564-.12.96-.283 1.252-.135-.433-.202-1.115-.202-1.562 0 0-.01-.854.1-.854zm-1.399 7.696c.167-.297.339-.61.515-.944.431-.814.702-1.451.905-1.974A6.54 6.54 0 008.8 10.143c.073.062.152.125.233.187-1.2.237-2.236.525-3.148.876h.001zm7.56-.067c-.073.046-.282.072-.416.072-.434 0-.972-.198-1.725-.522.29-.022.555-.033.793-.033.436 0 .565-.002.99.107.426.109.431.33.358.374v.002z'/%3E%3Cpath d='M15.009 4.026a15.966 15.966 0 00-1.533-1.752A15.966 15.966 0 0011.724.74C10.817.077 10.377 0 10.125 0H1.406C.631 0 0 .631 0 1.406v15.188C0 17.369.631 18 1.406 18h12.938c.775 0 1.406-.631 1.406-1.406V5.625c0-.252-.076-.692-.741-1.599zm-2.33-.956c.54.54.964 1.026 1.277 1.43h-2.707V1.794c.404.313.89.736 1.43 1.276zm1.946 13.524a.284.284 0 01-.281.281H1.406a.285.285 0 01-.281-.281V1.406c0-.152.13-.281.281-.281h8.719v3.938c0 .31.252.562.563.562h3.937v10.969z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}
:root{
    --text-line-animation-speed: 8.0s;

    --mobile-banner-height: 180px;
}
@keyframes draw-text-line{
    to{
        stroke-dashoffset: 0;
    }
}
.c-support-page-content .header-area{
        background-color: #C6E4FE;
        background-color: var(--color-blue);
        min-height: 486px;

        overflow: hidden;
        position: relative;
        
        padding-left: 20px;
        padding-right: 20px;
    }
.c-support-page-content .header-center{
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        min-height: 486px;

        gap: 40px;

    }
.c-support-page-content .left-side{
        max-width: 840px;
        width: 100%;
    }
.c-support-page-content .left-side svg{
            display: none;
        }
.c-support-page-content .right-side{
        max-width: 210px;
        width: 100%;

        position: relative;

        display: flex;
        align-items: flex-end;
    }
.c-support-page-content .right-side img{
            -o-object-fit: contain;
               object-fit: contain;
            width: 100%;

            position: relative;
            z-index: 2;
        }
.c-support-page-content .centered{
        max-width: 750px;
        width: 100%;
        margin: 0 auto;
        padding: 130px 20px;
    }
.c-support-page-content .centered h2:first-child{
            margin-top: 0;
        }
.c-support-page-content h1{
        color: #E6242F;
        color: var(--color-red);
        font-size: 4.0625rem;

        padding-top: 132px;
        padding-bottom: 128px;
        text-wrap: auto;

        margin-left: 12px;
        line-height: normal;

        position: relative;
        z-index: 1;
    }
.c-support-page-content .text-line{
        position: absolute;
        top: -322px;
        right: -713px;

        min-width: 1100px;
    }
.c-support-page-content .header-line{
        width: 200px;
    }
.c-support-page-content .accordion-list{
        padding-top: 78px;
        padding-left: 0;
        list-style: none;
    }
.c-support-page-content .accordion-list li + li{
            margin-top: 8px;
        }
.c-support-page-content .accordion-button{
        width: 100%;
        text-align: left;

        border: 0;
        padding: 20px 36px;

        font-size: 1.25rem;
        font-weight: 600;

        background-color: #ADD9FD;

        background-color: var(--color-dark-blue);

        cursor: pointer;

        position: relative;
    }
.c-support-page-content .accordion-button::after{
        content: '';
        width: 20px;
        height: 20px;
        background-color: #E6242F;
        background-color: var(--color-red);

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

        -webkit-mask-image: url("/images/c/icons/acc-plus.svg");

                mask-image: url("/images/c/icons/acc-plus.svg");
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
    }
.c-support-page-content li:has(.visible-content) button{
            background-color: #fff;
            background-color: var(--color-white);
        }
.c-support-page-content li:has(.visible-content) .accordion-button::after{
            -webkit-mask-image: url("/images/c/icons/acc-minus.svg");
                    mask-image: url("/images/c/icons/acc-minus.svg");
        }
.c-support-page-content .accordion-content{
        display: grid;
        grid-template-rows: 0fr;
        min-height: 0;

        overflow: hidden;

        transition: grid-template-rows 0.2s ease;
    }
.c-support-page-content .padded{
        min-height: 0;
        padding: 32px;
    }
.c-support-page-content .pivot{
        min-height: 0;
    }
.c-support-page-content .visible-content{
        grid-template-rows: 1fr;
    }
.c-support-page-content .text-cloud-line{
        stroke: #ADD9FD;
        stroke: var(--color-dark-blue);
        stroke-width: 40px;

        stroke-dasharray: 1660.948974609375;
        stroke-dashoffset: 1660.948974609375;
        animation: draw-text-line 8.0s ease-out forwards;
        animation: draw-text-line var(--text-line-animation-speed) ease-out forwards;
    }
@media screen and (max-width: 700px){

        .c-support-page-content h1{
            font-size: 1.875rem;

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

        .c-support-page-content .header-area{
            min-height: 180px;
            min-height: var(--mobile-banner-height);
        }

        .c-support-page-content .header-center{
            min-height: 180px;
            min-height: var(--mobile-banner-height);

            
            gap: 18px;
        }

        .c-support-page-content .header-area:has(img){
            min-height: 270px;
        }

            .c-support-page-content .header-area:has(img) .header-center{
                min-height: 270px;
            }

        .c-support-page-content .left-side{
            max-width: 360px;
        }

            .c-support-page-content .left-side h1{
                position: relative;
                z-index: 5;
            }

            .c-support-page-content .left-side svg{
                display: block;
                position: absolute;
                top: -100px;
                right: -100px;

                width: 400px;
                min-width: 400px;

                z-index: 0;
            }

        .c-support-page-content .right-side{
            max-width: 0px;
            width: 100%;
            justify-content: flex-end;

            position: relative;
        }
            
            .c-support-page-content .right-side img{
                min-width: 120px;
                position: absolute;
                bottom: 0;
                right: 0;
            }

        .c-support-page-content .centered{
            padding-top: 45px;
            padding-bottom: 45px;
        }

        .c-support-page-content .text-line{
            display: none;
            min-width: 400px;
            width: 400px;
            transform: translate(65px, -280px) rotate(25deg);
        }

    }
@media screen and (max-width: 520px){
        .c-support-page-content .left-side{
            max-width: 230px;
        }
    }
@media screen and (max-width: 380px){
            .c-support-page-content .right-side img{
                min-width: 90px;
            }
    }
@media screen and (max-width: 350px){
        .c-support-page-content .left-side{
            max-width: 200px;
        }
    }
@media print{

        .c-support-page-content .centered{
            padding-top: 32px;
        }

        .c-support-page-content .header-area{
            height: -moz-fit-content;
            height: fit-content;
            min-height: 240px;
        }
        
        .c-support-page-content .header-center{
            height: -moz-fit-content;
            height: fit-content;
            min-height: 240px;
        }

        .c-support-page-content .left-side{
            max-width: 600px;
        }

            .c-support-page-content .left-side h1{
                color: #000;
                padding-top: 0;
                padding-bottom: 0;
            }

        .c-support-page-content .right-side{
            align-items: flex-end;
            max-width: 120px;
        }

            .c-support-page-content .right-side svg{
                display: none;
            }

        .c-support-page-content h2{
            font-size: 1.25rem;
            font-width: 600;
        }

        .c-support-page-content p{
            font-size: 1.25rem;
        }
    }
:root{
    --text-line-animation-speed: 8.0s;

    --mobile-banner-height: 180px;
}
@keyframes draw-text-line{
    to{
        stroke-dashoffset: 0;
    }
}
.c-text-page-content .header-area{
        background-color: #C6E4FE;
        background-color: var(--color-blue);
        min-height: 486px;

        overflow: hidden;
        position: relative;
        
        padding-left: 20px;
        padding-right: 20px;
    }
.c-text-page-content .header-center{
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        min-height: 486px;

        gap: 40px;

    }
.c-text-page-content .left-side{
        max-width: 840px;
        width: 100%;
    }
.c-text-page-content .left-side svg{
            display: none;
        }
.c-text-page-content .right-side{
        max-width: 210px;
        width: 100%;

        position: relative;

        display: flex;
        align-items: flex-end;
    }
.c-text-page-content .right-side img{
            -o-object-fit: contain;
               object-fit: contain;
            width: 100%;

            position: relative;
            z-index: 2;
        }
.c-text-page-content .centered{
        max-width: 750px;
        width: 100%;
        margin: 0 auto;
        padding: 130px 20px;
    }
.c-text-page-content .centered h2:first-child{
            margin-top: 0;
        }
.c-text-page-content h1{
        color: #E6242F;
        color: var(--color-red);
        font-size: 4.0625rem;

        padding-top: 132px;
        padding-bottom: 128px;
        text-wrap: auto;

        margin-left: 12px;
        line-height: normal;

        position: relative;
        z-index: 1;
    }
.c-text-page-content .text-line{
        position: absolute;
        top: -322px;
        right: -713px;

        min-width: 1100px;
    }
.c-text-page-content .header-line{
        width: 200px;
    }
.c-text-page-content .accordion-list{
        padding-top: 78px;
        padding-left: 0;
        list-style: none;
    }
.c-text-page-content .accordion-list li + li{
            margin-top: 8px;
        }
.c-text-page-content .accordion-button{
        width: 100%;
        text-align: left;

        border: 0;
        padding: 20px 36px;

        font-size: 1.25rem;
        font-weight: 600;

        background-color: #ADD9FD;

        background-color: var(--color-dark-blue);

        cursor: pointer;

        position: relative;
    }
.c-text-page-content .accordion-button::after{
        content: '';
        width: 20px;
        height: 20px;
        background-color: #E6242F;
        background-color: var(--color-red);

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

        -webkit-mask-image: url("/images/c/icons/acc-plus.svg");

                mask-image: url("/images/c/icons/acc-plus.svg");
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
    }
.c-text-page-content li:has(.visible-content) button{
            background-color: #fff;
            background-color: var(--color-white);
        }
.c-text-page-content li:has(.visible-content) .accordion-button::after{
            -webkit-mask-image: url("/images/c/icons/acc-minus.svg");
                    mask-image: url("/images/c/icons/acc-minus.svg");
        }
.c-text-page-content .accordion-content{
        display: grid;
        grid-template-rows: 0fr;
        min-height: 0;

        overflow: hidden;

        transition: grid-template-rows 0.2s ease;
    }
.c-text-page-content .padded{
        min-height: 0;
        padding: 32px;
    }
.c-text-page-content .pivot{
        min-height: 0;
    }
.c-text-page-content .visible-content{
        grid-template-rows: 1fr;
    }
.c-text-page-content .text-cloud-line{
        stroke: #ADD9FD;
        stroke: var(--color-dark-blue);
        stroke-width: 40px;

        stroke-dasharray: 1660.948974609375;
        stroke-dashoffset: 1660.948974609375;
        animation: draw-text-line 8.0s ease-out forwards;
        animation: draw-text-line var(--text-line-animation-speed) ease-out forwards;
    }
@media screen and (max-width: 700px){

        .c-text-page-content h1{
            font-size: 1.875rem;

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

        .c-text-page-content .header-area{
            min-height: 180px;
            min-height: var(--mobile-banner-height);
        }

        .c-text-page-content .header-center{
            min-height: 180px;
            min-height: var(--mobile-banner-height);

            
            gap: 18px;
        }

        .c-text-page-content .header-area:has(img){
            min-height: 270px;
        }

            .c-text-page-content .header-area:has(img) .header-center{
                min-height: 270px;
            }

        .c-text-page-content .left-side{
            max-width: 360px;
        }

            .c-text-page-content .left-side h1{
                position: relative;
                z-index: 5;
            }

            .c-text-page-content .left-side svg{
                display: block;
                position: absolute;
                top: -100px;
                right: -100px;

                width: 400px;
                min-width: 400px;

                z-index: 0;
            }

        .c-text-page-content .right-side{
            max-width: 0px;
            width: 100%;
            justify-content: flex-end;

            position: relative;
        }
            
            .c-text-page-content .right-side img{
                min-width: 120px;
                position: absolute;
                bottom: 0;
                right: 0;
            }

        .c-text-page-content .centered{
            padding-top: 45px;
            padding-bottom: 45px;
        }

        .c-text-page-content .text-line{
            display: none;
            min-width: 400px;
            width: 400px;
            transform: translate(65px, -280px) rotate(25deg);
        }

    }
@media screen and (max-width: 520px){
        .c-text-page-content .left-side{
            max-width: 245px;
        }
    }
@media screen and (max-width: 380px){

        .c-text-page-content .left-side{
            max-width: 280px !important;
        }
            .c-text-page-content .right-side img{
                min-width: 90px;
            }
    }
@media screen and (max-width: 350px){
        .c-text-page-content .left-side{
            max-width: 200px;
        }
    }
@media print{

        .c-text-page-content .centered{
            padding-top: 32px;
        }

        .c-text-page-content .header-area{
            height: -moz-fit-content;
            height: fit-content;
            min-height: 240px;
        }
        
        .c-text-page-content .header-center{
            height: -moz-fit-content;
            height: fit-content;
            min-height: 240px;
        }

        .c-text-page-content .left-side{
            max-width: 600px;
        }

            .c-text-page-content .left-side h1{
                color: #000;
                padding-top: 0;
                padding-bottom: 0;
            }

        .c-text-page-content .right-side{
            align-items: flex-end;
            max-width: 120px;
        }

            .c-text-page-content .right-side svg{
                display: none;
            }

        .c-text-page-content h2{
            font-size: 1.25rem;
            font-width: 600;
        }

        .c-text-page-content p{
            font-size: 1.25rem;
        }
    }
.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)
      );
}
  }
c-add-to-cart-button {
    
}
c-cart-info {
	position: relative;
	display: block;
}
c-cart-info button {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 0.5ch;
		background: none;
		border: none;
		color: var(--color-foreground);
		cursor: pointer;
		margin: 0;
		padding: 0;
		height: 100%;
	}
c-cart-info button:hover,
		c-cart-info button:focus-visible {
			color: var(--color-purple);
		}
c-cart-info button:focus-visible {
			outline: solid 0.15em currentColor;
			outline-offset: 0.15em;
			border-radius: 0.15em;
		}
c-cart-info button::before {
		content: "";
		display: inline-block;
		height: 1.25em;
		width: 1.25em;
		-webkit-mask-image: url("/images/c/commerce/cartinfo/icons/shopping-bag.svg");
		        mask-image: url("/images/c/commerce/cartinfo/icons/shopping-bag.svg");
		-webkit-mask-size: contain;
		        mask-size: contain;
		-webkit-mask-position: center;
		        mask-position: center;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		background-color: currentColor;
	}
c-cart-info button[data-count]::after {
		display: inline;
		content: "(" attr(data-count) ")";
	}
c-checkout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 4em;
	gap: 0 4em;
	height: -moz-fit-content;
	height: fit-content;
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;

	padding: 0 20px;
}
@media (max-width: 720px) {
c-checkout {
		grid-template-columns: 100%;
}
	}
c-checkout input[type="text"], c-checkout input[type="email"]{
		min-height: 40px;
		display: block;

		-webkit-appearance: none;

		        appearance: none;
	}
c-checkout .flow,
	c-checkout fieldset {
		display: flex;
		flex-direction: column;
		gap: 1lh;
	}
c-checkout .two-columns {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1em;
		gap: 1em;
	}
@media (max-width: 720px) {
c-checkout .two-columns {
			grid-template-columns: 100%;
	}
		}
c-checkout .radio-group {
		display: flex;
		flex-direction: column;
		gap: 0.25lh;
	}
c-checkout > div {
		display: flex;
		flex-direction: column;
		gap: 1lh;
	}
c-checkout legend.h2,
	c-checkout h2 {
		display: block;
		margin: 0;
		line-height: 1.2;
		padding-top: 1lh;
		padding-bottom: 0.5lh;
	}
c-checkout legend {
		font-weight: 700;
		font-weight: var(--font-weight-bold);
		margin-bottom: 0.25lh;
	}
c-checkout fieldset {
		padding: 0;
		margin: 0;
		border: none;
	}
c-checkout fieldset[disabled],
		c-checkout fieldset[aria-disabled="true"] {
			display: none;
		}
c-checkout fieldset.coupon-code {
		margin-top: 1lh;
	}
c-checkout fieldset.coupon-code .two-columns {
			grid-template-columns: 1fr auto;
		}
@media (max-width: 370px) {
c-checkout fieldset.coupon-code .two-columns {
				gap: 0.25lh;
				grid-template-columns: 100%;
		}
			}
c-checkout fieldset.coupon-code input {
			width: 100%;
		}
c-checkout fieldset.coupon-code button.coupon-code-button {
			/* 1lh + padding + border */
			height: calc(1lh + 2px + 2px);
			margin-top: auto;
		}
c-checkout fieldset.coupon-code ul {
			color: green;
		}
c-checkout fieldset.coupon-code ul li {
				display: flex;
				gap: 0.25ch;
			}
c-checkout fieldset.coupon-code ul button {
				border: none;
				-webkit-appearance: none;
				        appearance: none;
				background-color: #C6E4FE;
				background-color: var(--color-blue);
				width: 1lh;
				height: 1lh;
				-webkit-mask-image: url("/images/c/commerce/checkout/icons/xmark.svg");
				        mask-image: url("/images/c/commerce/checkout/icons/xmark.svg");
				-webkit-mask-size: 50%;
				        mask-size: 50%;
				-webkit-mask-repeat: no-repeat;
				        mask-repeat: no-repeat;
				-webkit-mask-position: center;
				        mask-position: center;
			}
c-checkout .checkout-action {
		display: flex;
		flex-direction: column;
		gap: 1lh;
	}
c-checkout .checkout-action > * {
			width: 100%;
			flex-grow: 1;
		}
c-checkout .checkout-action button{
			min-height: 40px;
			background-color: #C6E4FE;
			background-color: var(--color-blue);
			color: #000;
			border: 0;
			cursor: pointer;
		}
c-checkout .general-error {
		color: #E6242F;
		color: var(--color-red, red);
		font-weight: 700;
		font-weight: var(--font-weight-bold);
	}
c-checkout .cart ul {
		display: flex;
		flex-direction: column;
		gap: 0.5lh;
		padding-left: 0;
	}
c-checkout .totals,
	c-checkout .recurring-group {
		display: flex;
		flex-direction: column;
		gap: 0.25lh;
		background-color: white;
		width: 100%;
		border-top: solid 1px #DEDEDE;
		border-top: solid 1px var(--color-light-grey, grey);
		margin-top: 1lh;
		padding-top: 0.25lh;
	}
c-checkout .totals > *:not(.recurring-group), c-checkout .recurring-group > *:not(.recurring-group) {
			display: flex;
			flex-wrap: wrap;
			line-height: 1.5rem;
			gap: 0 1ch;
			justify-content: space-between;
		}
c-checkout .totals .total-cost,
		c-checkout .recurring-group .total-cost,
		c-checkout .totals .recurring-payment-label,
		c-checkout .recurring-group .recurring-payment-label {
			font-weight: bold;
			padding-top: 0.25lh;
		}
c-checkout .totals .total-cost, c-checkout .recurring-group .total-cost {
			border-top: solid 1px #DEDEDE;
			border-top: solid 1px var(--color-light-grey, grey);
		}
c-checkout .recurring-group {
		margin-top: 0;
	}
.c-product-cart-line {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
}
.c-product-cart-line .title {
		margin: 0;
		font-size: var(--step-0);
	}
.c-product-cart-line .meta {
		font-size: var(--step--1);
	}
.c-product-cart-line picture,
	.c-product-cart-line img {
		width: 115px;
		height: 115px;
	}
.c-product-cart-line .info {
		flex-grow: 1;
	}
.c-product-cart-line .quantity-price {
		display: flex;
		flex-direction: column;
		gap: 0.25lh;
		width: 100%;
		font-size: var(--step--1);
	}
.c-product-cart-line .quantity {
	}
.c-product-cart-line .prices {
		display: flex;
		flex-wrap: wrap;
		gap: 1ch;
		font-size: var(--step-0);
		margin-left: auto;
	}
.c-product-cart-line .prices s {
			-webkit-text-decoration: none;
			text-decoration: none;
			position: relative;
			color: #808080;
			color: var(--color-grey);
		}
.c-product-cart-line .prices s::after {
				content: "";
				height: 0.1em;
				background-color: #C6E4FE;
				background-color: var(--color-blue);
				width: 100%;
				position: absolute;
				top: calc(50%);
				left: 0;
			}
c-product-card {
	position: relative;
	display: grid;
	grid-template:
		"--picture --picture"
		"--title   --buy    "
		"--prices  --buy    " / 1fr auto;
	grid-gap: 1ex 1ch;
	gap: 1ex 1ch;
	height: 100%;
}
c-product-card h3 {
		grid-area: --title;
		margin: 0;
		font-size: var(--step-0);
		word-wrap: anywhere;
	}
c-product-card .tag {
		position: absolute;
		right: 0;
		background-color: #E6242F;
		background-color: var(--color-red);
		color: #fff;
		color: var(--color-white);
		font-size: var(--step--1);
		padding: 0.25em 0.75em;
		z-index: 2;
	}
c-product-card picture {
		grid-area: --picture;
		width: 100%;
		aspect-ratio: 1 / 1;
		overflow: hidden;
	}
c-product-card picture img {
			width: inherit;
			transition: 300ms transform ease-out;
			aspect-ratio: inherit;
		}
c-product-card .prices {
		grid-area: --prices;
		display: flex;
		flex-wrap: wrap;
		gap: 1ex 1ch;
		margin-top: min(0.25lh, auto);
		font-size: var(--step-0);
	}
c-product-card .prices s {
			-webkit-text-decoration: none;
			text-decoration: none;
			position: relative;
			color: var(--color-dark-grey);
		}
c-product-card .prices s::after {
				content: "";
				height: 0.1em;
				background-color: #E6242F;
				background-color: var(--color-red);
				width: 100%;
				position: absolute;
				top: calc(50% - (0.1em / 2));
				left: 0;
			}
c-product-card .c-button {
		grid-area: --buy;
	}
c-product-card .c-button::after {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			content: "";
		}
c-product-card:has(:link:hover) img, c-product-card:has(:visited:hover) img, c-product-card:has(area[href]:hover) img {
			transform: scale(1.1);
			transition-duration: 200ms;
			transition-timing-function: ease-out;
		}
c-product-card:has(:any-link:hover) img {
			transform: scale(1.1);
			transition-duration: 200ms;
			transition-timing-function: ease-out;
		}
c-product-info {

	padding: 32px 20px;
	width: 100%;
	display: block;

}
c-product-info h1{
		font-size: 4.0625rem;
	}
c-product-info .centered{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;

		display: flex;
		gap: 64px;
	}
c-product-info .centered .left-item{
			width: 100%;
		}
c-product-info .centered .right-item{
			width: 100%;
		}
c-product-info .centered + .centered{
		margin-top: 32px;
	}
c-product-info .radio-wrapper{
		width: -moz-fit-content;
		width: fit-content;
		width: 100px;
		height: 40px;

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

		outline: 2px solid #D9D9D9;
	}
c-product-info .radio-wrapper label{
			cursor: pointer;

			width: 100px;
			height: 40px;

			display: flex;
			justify-content: center;
			align-items: center;
		}
c-product-info legend{
		display: none;
	}
c-product-info .variants{
		max-width: 344px;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		border: 0;
	}
c-product-info .variants label{
			color: #878787;
		}
c-product-info .variants .radio-wrapper:last-child{
			width: 100%;
		}
c-product-info .variants .radio-wrapper:last-child label{
				max-width: 100%;
				width: 100%;
			}
c-product-info input[type="radio"]{
		display: none;
		-webkit-appearance: none;
		        appearance: none;
		width: -moz-fit-content;
		width: fit-content;
	}
c-product-info .radio-wrapper:has(input[type="radio"]:checked){
		background-color: #C6E4FE;
		background-color: var(--color-blue);
		color: #000;
		color: var(--color-black);
		outline-color: #C6E4FE;
		outline-color: var(--color-blue);
	}
c-product-info .radio-wrapper:has(input[type="radio"]:checked) label{
			color: #000;
			color: var(--color-black);
		}
c-product-info c-add-to-cart-button{

		display: block;
		margin-left: 13px;
	}
c-product-info c-add-to-cart-button button{
			width: 169px;
			height: 67px;
	
			background-color: #C6E4FE;
	
			background-color: var(--color-blue);
			color: #000;
	
			display: flex;
			justify-content: center;
			align-items: center;
	
			cursor: pointer;

			border: 0;
		}
c-product-info .custom-price-fieldset:disabled{
		display: none;
	}
c-product-info .prices{
		margin-left: 13px;
	}
c-product-info .custom-price-fieldset{
		border: 0;
		width: 100%;
		max-width: 344px;

	}
c-product-info .custom-price-fieldset .custom-price input{
				height: 40px;
			}
@media screen and (max-width: 800px){
		c-product-info .centered{
			flex-direction: column;
		}
	}
@media screen and (max-width: 390px){
		c-product-info .variants{
			padding-left: 0;
			padding-right: 0;
		}

			c-product-info .variants .radio-wrapper{
				flex: 1 1 30%;
			}

			c-product-info .variants label{
				width: 100%;
			}

		c-product-info .c-button{
			width: 100%;
			max-width: 100%;
		}

		c-product-info c-add-to-cart-button{
			margin-left: 0;
		}
	}
c-product-images {
	display: grid;
	grid-template:
		"--images --image --image --image --image" auto /
		1fr 1fr 1fr 1fr 1fr;
	grid-gap: 1em;
	gap: 1em;
}
@media (max-width: 1075px) {
c-product-images {
		grid-template:
			"--image " auto
			"--images" 64px / 100%;
}
	}
c-product-images .preview {
		grid-area: --images;
	}
c-product-images .preview::-webkit-scrollbar {
			display: none;
		}
c-product-images .preview ul {
			display: flex;
			position: relative;
			flex-direction: column;
			max-height: 515px;
			overflow-x: hidden;
			overflow-y: auto;
			scroll-snap-type: y mandatory;
			scrollbar-width: none;
		}
@media (max-width: 1075px) {
c-product-images .preview ul {
				flex-direction: row;
				overflow-x: auto;
				overflow-y: hidden;
				scroll-snap-type: x mandatory;
		}
			}
c-product-images .preview li {
			flex: 0 0 100%;
			width: 100%;
			max-width: 112px;
			aspect-ratio: 1 / 1;
			display: flex;
			justify-content: center;
			align-items: center;
			scroll-snap-align: start;
			scroll-snap-stop: always;
		}
@media (max-width: 1075px) {
c-product-images .preview li {
				max-width: 64px;
		}
			}
c-product-images .preview li button,
			c-product-images .preview li picture,
			c-product-images .preview li img {
				width: inherit;
				height: inherit;
				aspect-ratio: inherit;
			}
c-product-images .preview li button {
				padding: 0.5ex;
				border: solid 1px transparent;
			}
c-product-images .preview li button[aria-current="true"] {
					border-color: #E6242F;
					border-color: var(--color-red);
				}
c-product-images .main {
		grid-area: --image;
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		position: relative;
	}
c-product-images .main ul,
		c-product-images .main li,
		c-product-images .main picture,
		c-product-images .main img {
			aspect-ratio: inherit;
		}
c-product-images .main .tag {
			position: absolute;
			right: 0;
			background-color: #E6242F;
			background-color: var(--color-red);
			color: #fff;
			color: var(--color-white);
			font-size: var(--step--1);
			padding: 0.25em 0.75em;
			z-index: 2;
		}
c-product-images .main li {
			position: relative;
		}
c-product-images .main button.expand {
			position: absolute;
			left: 1em;
			top: 1em;
			width: 1lh;
			height: 1lh;
			background-color: #FFF9EF;
			background-color: var(--color-background);
			-webkit-mask-image: url("/images/c/commerce/productimages/icons/magnifying-glass.svg");
			        mask-image: url("/images/c/commerce/productimages/icons/magnifying-glass.svg");
			-webkit-mask-size: 90%;
			        mask-size: 90%;
			-webkit-mask-position: center;
			        mask-position: center;
			-webkit-mask-repeat: no-repeat;
			        mask-repeat: no-repeat;
		}
c-product-images .main picture,
		c-product-images .main img {
			width: inherit;
			height: inherit;
		}
c-product-images button {
		margin: 0;
		padding: 0;
		background: 0;
		border: 0;
		cursor: pointer;
	}
c-product-images .carousel {
		display: flex;
		align-items: center;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		position: relative;
		height: 100%;
		min-width: 100%;
		max-width: 100%;
		scrollbar-width: none;
		-webkit-user-select: none;
		        user-select: none;
	}
c-product-images .carousel::-webkit-scrollbar {
			display: none;
		}
c-product-images .carousel > * {
			flex: 0 0 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			scroll-snap-align: start;
			scroll-snap-stop: always;
			height: 100%;
			position: relative;
		}
c-product-images #c-product-images-overlay {
		margin: 0;
		padding: 0;
		max-width: none;
		max-width: initial;
		max-height: none;
		max-height: initial;
		width: 100%;
		height: 100%;
	}
c-product-images #c-product-images-overlay button.close {
			position: absolute;
			top: 1em;
			right: 1em;
			width: 1lh;
			height: 1lh;
			background-color: var(--color-foreground);
			-webkit-mask-image: url("/images/c/commerce/productimages/icons/xmark.svg");
			        mask-image: url("/images/c/commerce/productimages/icons/xmark.svg");
			-webkit-mask-size: 90%;
			        mask-size: 90%;
			-webkit-mask-position: center;
			        mask-position: center;
			-webkit-mask-repeat: no-repeat;
			        mask-repeat: no-repeat;
		}
c-product-images #c-product-images-overlay .contents {
			width: 100%;
			height: 100%;
		}
c-product-images #c-product-images-overlay picture,
		c-product-images #c-product-images-overlay img {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 100%;
		}
c-product-images #c-product-images-overlay img {
			-o-object-fit: contain;
			   object-fit: contain;
		}
c-product-list {
	display: block;
	margin-top: 1lh;
	margin-bottom: 1lh;

	padding: 0 20px;
}
c-product-list .centered{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
c-product-list ul {
		display: grid;
		grid-template-columns: repeat(
				auto-fill,
				minmax(max(150px, min(30vw, 350px)), 1fr)
			);
		grid-gap: 1lh 1.5em;
		gap: 1lh 1.5em;
		padding-left: 0;
	}
.product.page c-product-list ul {
	grid-template-columns: repeat(
			auto-fill,
			minmax(max(150px, min(30vw, 250px)), 1fr)
		);
	gap: 1lh 1em;
}
c-receipt h1 {
		margin-bottom: 1lh;
	}
c-receipt li {
		display: flex;
		justify-content: space-evenly;
	}
c-receipt .actions {
		display: flex;
		justify-content: center;
		margin-top: 1lh;
		margin-bottom: 1lh;
	}
c-receipt .actions .back {
		}
c-receipt .checkout-info {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
@media (max-width: 599px) {
c-receipt .checkout-info {
			align-content: center;
			flex-direction: column;
	}
		}
c-receipt .form,
	c-receipt .cart {
		width: 100%;
		max-width: 50ch;
		padding: 2em;
	}
@media (min-width: 600px) {
c-receipt .form,
	c-receipt .cart {
			padding: 3em;
	}
		}
@media (min-width: 600px) {
c-receipt .cart {
			border-left: solid 1px #808080;
			border-left: solid 1px var(--color-grey);
	}
		}
c-receipt .cart ul {
		display: flex;
		flex-direction: column;
		gap: 0.5lh;
	}
c-receipt .c-product-cart-line {
		display: flex;
		flex-wrap: wrap;
		gap: 1em;
	}
c-receipt .c-product-cart-line .title {
			margin: 0;
			font-size: var(--step-0);
		}
c-receipt .c-product-cart-line .meta {
			font-size: var(--step--1);
		}
c-receipt .c-product-cart-line picture,
		c-receipt .c-product-cart-line img {
			width: 115px;
			height: 115px;
		}
c-receipt .c-product-cart-line .info {
			flex-grow: 1;
		}
c-receipt .c-product-cart-line .quantity-price {
			display: flex;
			flex-direction: column;
			gap: 0.25lh;
			width: 100%;
			font-size: var(--step--1);
		}
c-receipt .c-product-cart-line .quantity {
		}
c-receipt .c-product-cart-line .prices {
			display: flex;
			flex-wrap: wrap;
			gap: 1ch;
			font-size: var(--step-0);
			margin-left: auto;
		}
c-receipt .c-product-cart-line .prices s {
				-webkit-text-decoration: none;
				text-decoration: none;
				position: relative;
				color: #808080;
				color: var(--color-grey);
			}
c-receipt .c-product-cart-line .prices s::after {
					content: "";
					height: 0.1em;
					background-color: #E6242F;
					background-color: var(--color-red);
					width: 100%;
					position: absolute;
					top: calc(50%);
					left: 0;
				}
c-receipt .totals,
	c-receipt .recurring-group {
		display: flex;
		flex-direction: column;
		gap: 0.25lh;
		background-color: white;
		width: 100%;
		border-top: solid 1px #DEDEDE;
		border-top: solid 1px var(--color-light-grey, grey);
		margin-top: 1lh;
		padding-top: 0.25lh;
	}
c-receipt .totals > *:not(.recurring-group), c-receipt .recurring-group > *:not(.recurring-group) {
			display: flex;
			flex-wrap: wrap;
			line-height: 1.5rem;
			gap: 0 1ch;
			justify-content: space-between;
		}
c-receipt .totals .total-cost,
		c-receipt .recurring-group .total-cost,
		c-receipt .totals .recurring-payment-label,
		c-receipt .recurring-group .recurring-payment-label {
			font-weight: bold;
			padding-top: 0.25lh;
		}
c-receipt .totals .total-cost, c-receipt .recurring-group .total-cost {
			border-top: solid 1px #DEDEDE;
			border-top: solid 1px var(--color-light-grey, grey);
		}
c-receipt .recurring-group {
		margin-top: 0;
	}
c-receipt .payment-status {
		outline: 0.25em solid transparent;
		padding: 0 0.25em;
		border-radius: 0.2em;
		margin-left: 1ch;
	}
c-receipt .payment-status[data-status="paid"] {
			background-color: #C6E4FE;
			background-color: var(--color-success, var(--color-blue, green));
			outline-color:  #C6E4FE;
			outline-color: var(--color-success var(--color-blue, green));
		}
c-receipt .payment-status[data-status="pending"] {
			background-color: #E6242F;
			background-color: var(--color-warning, var(--color-red, orange));
			outline-color: #E6242F;
			outline-color: var(--color-warning, var(--color-red, orange));
			color: #fff;
			color: var(--color-white);
		}
c-receipt .payment-link {
	}
c-receipt[state="loading"] .form h1,
			c-receipt[state="loading"] .form .payment-status {
			}
c-spinner-field {
	display: flex;
	flex-direction: column;
}
c-spinner-field .error {
		display: none;
		color: #E6242F;
		color: var(--color-red);
	}
c-spinner-field .spinner {
		display: flex;
		border: solid 1px #808080;
		border: solid 1px var(--color-grey);
		width: -moz-fit-content;
		width: fit-content;
	}
c-spinner-field .spinner input,
		c-spinner-field .spinner button {
			-webkit-appearance: none;
			        appearance: none;
			border: 0;
			padding: 0;
			margin: 0;
			font: inherit;
		}
c-spinner-field .spinner input {
			text-align: center;
		}
c-spinner-field .spinner input:focus-visible {
				outline: none;
			}
c-spinner-field .spinner input[disabled="true"] {
				color: #DEDEDE;
				color: var(--color-light-grey);
				cursor: not-allowed;
			}
c-spinner-field .spinner button {
			height: 1lh;
			width: 1lh;
			background-color: #000;
			background-color: var(--color-black);
			cursor: pointer;
			-webkit-mask-image: url("/images/c/commerce/spinnerfield/icons/add.svg");
			        mask-image: url("/images/c/commerce/spinnerfield/icons/add.svg");
			-webkit-mask-size: 45%;
			        mask-size: 45%;
			-webkit-mask-position: center;
			        mask-position: center;
			-webkit-mask-repeat: no-repeat;
			        mask-repeat: no-repeat;
		}
c-spinner-field .spinner button[disabled="true"] {
				background-color: #DEDEDE;
				background-color: var(--color-light-grey);
				cursor: not-allowed;
			}
c-spinner-field .spinner button[data-operation="decrement"] {
				-webkit-mask-image: url("/images/c/commerce/spinnerfield/icons/minus.svg");
				        mask-image: url("/images/c/commerce/spinnerfield/icons/minus.svg");
			}
c-spinner-field .spinner:has(:focus-visible) {
			outline: solid 0.1em currentColor;
			outline-offset: 0.1em;
		}
c-spinner-field:has(input[aria-invalid="true"]) .error {
		display: block;
	}
